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

package/dist/theme/default/index.js

@@ -159,7 +159,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"
@@ -209,7 +209,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"
@@ -477,7 +477,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__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           arrow_left_default,
@@ -845,7 +845,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,
@@ -991,7 +991,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__ */ (0, import_jsx_runtime31.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -1337,7 +1337,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",
@@ -1391,7 +1391,7 @@ function DefaultLabel({
           ...(0, import_elements_react10.messageTestId)(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: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl)
         }
@@ -1441,7 +1441,7 @@ var DefaultLinkButton = (0, import_react.forwardRef)(({ attributes, node }, ref)
       ...attributes,
       ref,
       title: label ? (0, import_elements_react11.uiTextToFormattedMessage)(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"
       ),
@@ -1586,11 +1586,11 @@ function DefaultText({ node, attributes }) {
   var _a;
   const intl = (0, import_react_intl12.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { "data-testid": `ory/ui/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
     (_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "pre",
       {
-        "data-testid": `ory/ui/node/text/lookup_secret_codes/text`,
+        "data-testid": `ory/form/node/text/lookup_secret_codes/text`,
         children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { children: text ? (0, import_elements_react13.uiTextToFormattedMessage)(text, intl) : "" })
       },
       index
@@ -2070,7 +2070,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__ */ (0, import_jsx_runtime58.jsx)(
               download_default,
@@ -2087,7 +2087,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__ */ (0, import_jsx_runtime58.jsx)("p", { children: code }, code))
       }
     ) }) : null
@@ -2364,7 +2364,7 @@ function Error2({
   error,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-testid": "ory/ui/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx