revert: set the new account experience as default for new projects

GitOrigin-RevId: 678a9d7efa5523e7b3e375dcda6acd6179ea7aac

Author: pcaillaudm

packages/elements-react/.stub-responses/registration/one-step/oidc/missing-fields.json

@@ -27,10 +27,7 @@ export function DefaultCard({
   return (
     <div className={cn("ory-elements", className)} {...rest}>
       <div className="flex w-full flex-1 items-start justify-center font-sans-default sm:w-[480px] sm:max-w-[480px] sm:items-center">
-        <div
-          className="relative grid w-full grid-cols-1 gap-8 border-b border-form-border-default bg-form-background-default px-8 py-12 sm:rounded-cards sm:border sm:px-12 sm:py-14"
-          data-testid="ory/card"
-        >
+        <div className="relative grid w-full grid-cols-1 gap-8 border-b border-form-border-default bg-form-background-default px-8 py-12 sm:rounded-cards sm:border sm:px-12 sm:py-14">
           {children}
           <Badge />
         </div>

packages/elements-react/.stub-responses/registration/two-step/oidc/missing-fields.json

@@ -109,7 +109,6 @@ function LabelAction({ attributes }: LabelActionProps) {
               defaultMessage: "Recover Account",
             }),
             href: initFlowUrl(config.sdk.url, "recovery", flow),
-            testId: "recover-account",
           }
         }
       } else if (attributes.type === "password") {
@@ -119,7 +118,6 @@ function LabelAction({ attributes }: LabelActionProps) {
             defaultMessage: "Forgot password?",
           }),
           href: initFlowUrl(config.sdk.url, "recovery", flow),
-          testId: "forgot-password",
         }
       }
     }
@@ -137,7 +135,6 @@ function LabelAction({ attributes }: LabelActionProps) {
     <a
       href={action.href}
       className="text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover"
-      data-testid={`ory/screen/login/action/${action.testId}`}
     >
       {action.message}
     </a>

packages/elements-react/src/theme/default/assets/icons/x.svg

@@ -26,7 +26,6 @@ export const DefaultPinCodeInput = ({ attributes }: OryNodeInputProps) => {
       onChange={handleInputChange}
       name={name}
       value={value}
-      data-testid={`ory/form/node/input/${name}`}
     >
       <InputOTPGroup
         className={cn(

packages/elements-react/src/theme/default/components/card/index.tsx

@@ -6,15 +6,13 @@ import {
   OryToastProps,
   uiTextToFormattedMessage,
 } from "@ory/elements-react"
-import { toast as sonnerToast } from "sonner"
 import { cn } from "../../utils/cn"
 import { useIntl } from "react-intl"
-import IconX from "../../assets/icons/x.svg"
 
 export function DefaultToast({
   message,
   // Id can be used to close the toast later, but we don't use it here
-  id,
+  id: _,
 }: OryToastProps) {
   const intl = useIntl()
 
@@ -25,32 +23,22 @@ export function DefaultToast({
   const messageText = uiTextToFormattedMessage(message, intl)
   return (
     <div
-      className="flex-col rounded-cards border border-interface-border-default-primary bg-interface-background-default-inverted px-4 py-2"
+      className="flex-col rounded-cards border border-interface-border-default-primary bg-interface-background-default-inverted p-5"
       {...messageTestId(message)}
     >
-      <div className="flex items-center justify-between">
-        <p
-          className={cn("font-medium", {
-            "text-interface-foreground-validation-success":
-              message.type === "success",
-            "text-interface-foreground-validation-danger":
-              message.type === "error",
-            "text-interface-foreground-validation-warning":
-              // Currently unused from Kratos, but kept for future use
-              (message.type as "warning") === "warning",
-          })}
-        >
-          {title}
-        </p>
-        <button
-          data-testid={`ory/message/${message.id}.close`}
-          className="cursor-pointer text-interface-foreground-default-inverted"
-          onClick={() => sonnerToast.dismiss(id)}
-        >
-          <IconX size={16} />
-        </button>
-      </div>
-
+      <p
+        className={cn("font-medium", {
+          "text-interface-foreground-validation-success":
+            message.type === "success",
+          "text-interface-foreground-validation-danger":
+            message.type === "error",
+          "text-interface-foreground-validation-warning":
+            // Currently unused from Kratos, but kept for future use
+            (message.type as "warning") === "warning",
+        })}
+      >
+        {title}
+      </p>
       <p className="text-interface-foreground-default-inverted">
         {messageText}
       </p>

packages/elements-react/src/theme/default/components/form/label.tsx

@@ -202,10 +202,7 @@ export function Error({
                 Time: <code>{parsed.timestamp?.toUTCString()}</code>
               </p>
               <p className="text-sm text-interface-foreground-default-secondary">
-                Message:{" "}
-                <code data-testid={"ory/screen/error/message"}>
-                  {parsed.reason}
-                </code>
+                Message: <code>{parsed.reason}</code>
               </p>
 
               <div>

packages/elements-react/src/theme/default/components/form/pin-code-input.tsx

@@ -3,7 +3,6 @@
 
 import {
   FlowType,
-  handleContinueWith,
   LoginFlow,
   loginUrl,
   UpdateLoginFlowBody,
@@ -44,20 +43,12 @@ export async function onSubmitLogin(
       flow: flow.id,
       updateLoginFlowBody: body,
     })
-    .then(async (res) => {
-      const body = await res.value()
-
-      const didContinueWith = handleContinueWith(body.continue_with, {
-        onRedirect,
-      })
-
-      if (!didContinueWith) {
-        // We did not receive a valid continue_with, but the state flow is still a success. In this case we re-initialize
-        // the registration flow which will redirect the user to the default url.
-        onRedirect(loginUrl(config), true)
-      }
-
-      return
+    .then(() => {
+      // TODO Remove this workaround. If the return_to value is missing we redirect to the browser endpoint which will redirect us
+      // TODO to the default_redirect_url. Ideally, this value comes from the project config.
+      window.location.href =
+        // eslint-disable-next-line promise/always-return
+        flow.return_to ?? config.sdk.url + "/self-service/login/browser"
     })
     .catch(
       handleFlowError({