@ory/elements-react 1.0.0-next.20 → 1.0.0-next.21

package/dist/theme/default/index.mjs

@@ -107,7 +107,7 @@ function LoginCardFooter() {
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
         href: initFlowUrl(config.sdk.url, "registration", flow),
-        "data-testid": "ory/ui/login/link/registration",
+        "data-testid": "ory/screen/registration/action/login",
         children: intl.formatMessage({
           id: "login.registration-button",
           defaultMessage: "Sign up"
@@ -157,7 +157,7 @@ function RegistrationCardFooter() {
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
         href: initFlowUrl(config.sdk.url, "login", flow),
-        "data-testid": "ory/ui/login/link/login",
+        "data-testid": "ory/screen/registration/action/login",
         children: intl.formatMessage({
           id: "registration.login-button",
           defaultMessage: "Sign in"
@@ -428,7 +428,7 @@ function DefaultCurrentIdentifierButton() {
       ...attributes,
       href: initFlowUrl2,
       title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.attributes.value}`,
-      "data-testid": "ory/ui/login/link/restart",
+      "data-testid": "ory/screen/login/action/restart",
       children: /* @__PURE__ */ jsxs5("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
         /* @__PURE__ */ jsx6(
           arrow_left_default,
@@ -803,7 +803,7 @@ function DefaultButtonSocial({
       value: attributes.value,
       type: "submit",
       name: "provider",
-      "data-testid": `ory/ui/node/input/${attributes.name}`,
+      "data-testid": `ory/form/node/input/${attributes.name}`,
       ...props,
       onClick,
       disabled: isSubmitting,
@@ -949,7 +949,7 @@ function DefaultAuthMethodListItem({
       className: "flex cursor-pointer gap-3 py-2 text-left items-start",
       onClick,
       type: isGroupImmediateSubmit(group) ? "submit" : "button",
-      "data-testid": `ory/ui/groups/auth-method/${group}`,
+      "data-testid": `ory/form/auth-picker/${group}`,
       "aria-label": `Authenticate with ${group}`,
       children: [
         /* @__PURE__ */ jsx31("span", { className: "mt-1", children: Icon && /* @__PURE__ */ jsx31(
@@ -1303,7 +1303,7 @@ var DefaultInput = ({
       maxLength: maxlength,
       autoComplete: autocomplete,
       placeholder: formattedLabel,
-      "data-testid": `ory/ui/node/input/${name}`,
+      "data-testid": `ory/form/node/input/${name}`,
       className: cn(
         "antialiased rounded-forms border leading-tight transition-colors placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus-visible:outline-none focus:ring-0",
         "bg-input-background-default border-input-border-default text-input-foreground-primary",
@@ -1366,7 +1366,7 @@ function DefaultLabel({
           ...messageTestId3(label),
           className: "leading-normal text-input-foreground-primary",
           htmlFor: attributes.name,
-          "data-testid": `ory/ui/node/input/label/${attributes.name}`,
+          "data-testid": `ory/form/node/input/label/${attributes.name}`,
           ...rest,
           children: uiTextToFormattedMessage7(label, intl)
         }
@@ -1418,7 +1418,7 @@ var DefaultLinkButton = forwardRef(({ attributes, node }, ref) => {
       ...attributes,
       ref,
       title: label ? uiTextToFormattedMessage8(label, intl) : "",
-      "data-testid": `ory/ui/node/link/${attributes.id}`,
+      "data-testid": `ory/form/node/link/${attributes.id}`,
       className: cn(
         "antialiased rounded cursor-pointer text-center border gap-3 leading-none bg-button-primary-background-default hover:bg-button-primary-background-hover transition-colors text-button-primary-foreground-default hover:text-button-primary-foreground-hover p-4 font-medium"
       ),
@@ -1563,11 +1563,11 @@ function DefaultText({ node, attributes }) {
   var _a;
   const intl = useIntl12();
   return /* @__PURE__ */ jsxs26(Fragment3, { children: [
-    /* @__PURE__ */ jsx44("p", { "data-testid": `ory/ui/node/text/${attributes.id}/label`, children: node.meta.label ? uiTextToFormattedMessage9(node.meta.label, intl) : "" }),
+    /* @__PURE__ */ jsx44("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? uiTextToFormattedMessage9(node.meta.label, intl) : "" }),
     (_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ jsx44(
       "pre",
       {
-        "data-testid": `ory/ui/node/text/lookup_secret_codes/text`,
+        "data-testid": `ory/form/node/text/lookup_secret_codes/text`,
         children: /* @__PURE__ */ jsx44("code", { children: text ? uiTextToFormattedMessage9(text, intl) : "" })
       },
       index
@@ -2050,7 +2050,7 @@ function DefaultSettingsRecoveryCodes({
             onClick: onDownload,
             type: "button",
             className: "ml-auto",
-            "data-testid": "recovery-codes-download-button",
+            "data-testid": "ory/screen/settings/group/recovery_code/download",
             title: "Download recovery codes",
             children: /* @__PURE__ */ jsx58(
               download_default,
@@ -2067,7 +2067,7 @@ function DefaultSettingsRecoveryCodes({
       "div",
       {
         className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 flex-wrap gap-4 text-sm text-interface-foreground-default-primary",
-        "data-testid": "recovery-codes-codes",
+        "data-testid": "ory/screen/settings/group/recovery_code/codes",
         children: codes.map((code) => /* @__PURE__ */ jsx58("p", { children: code }, code))
       }
     ) }) : null
@@ -2344,7 +2344,7 @@ function Error({
   error,
   children
 }) {
-  return /* @__PURE__ */ jsx63("div", { "data-testid": "ory/ui/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ jsx63("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx