@ory/elements-react 1.0.0-rc.1 → 1.0.0-rc.2

package/CHANGELOG.md

@@ -1,3 +1,35 @@
+## 1.0.0-rc.2 (2025-04-30)
+
+### 🚀 Features
+
+- method translation for totp, code, webauthn ([#500](https://github.com/ory/elements/pull/500))
+- add all missing stories ([#480](https://github.com/ory/elements/pull/480))
+- preview deployments for example apps ([#488](https://github.com/ory/elements/pull/488))
+- add back button to settings page ([#464](https://github.com/ory/elements/pull/464))
+
+### 🩹 Fixes
+
+- ⚠️  align configuration types to Ory Network APIs ([#423](https://github.com/ory/elements/pull/423))
+- sort captcha before submit button ([#507](https://github.com/ory/elements/pull/507))
+- cors credentials in default client ([#508](https://github.com/ory/elements/pull/508))
+- back button should return to application ([#465](https://github.com/ory/elements/pull/465))
+- adjust design of generic OIDC provider ([#492](https://github.com/ory/elements/pull/492))
+- use proper id for react element arrays ([#495](https://github.com/ory/elements/pull/495))
+- add test id to header messages ([#489](https://github.com/ory/elements/pull/489))
+- re-add missing error message when no methods provided ([#460](https://github.com/ory/elements/pull/460))
+- resend not working for registration ([#468](https://github.com/ory/elements/pull/468))
+- add missing color class to registration footer ([#473](https://github.com/ory/elements/pull/473))
+- resend not working for registration ([#467](https://github.com/ory/elements/pull/467))
+
+### ⚠️  Breaking Changes
+
+- ⚠️  align configuration types to Ory Network APIs ([#423](https://github.com/ory/elements/pull/423))
+
+### ❤️ Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
 ## 1.0.0-rc.1 (2025-04-21)
 
 ### 🩹 Fixes

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
+import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, AccountExperienceConfiguration, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import { ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, PropsWithChildren, DetailedHTMLProps, HTMLAttributes, ComponentType, Dispatch } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -394,33 +394,60 @@ type IntlContextProps = {
 };
 
 type IntlConfig = IntlContextProps;
+/**
+ * The configuration for Ory Elements.
+ *
+ * This configuration is used to customize the behavior and appearance of Ory Elements.
+ *
+ * By setting UI urls, you can override the default URLs for the login, registration, recovery, and verification flows.
+ *
+ * You can also set the name of the application, the logo URL, and the SDK configuration.
+ * By default, the name and logo are displayed in the card's header.
+ */
 type OryClientConfiguration = {
-    /**
-     * The name of the application the user is logging in to.
-     */
-    name: string;
     /**
      * An optional logo URL to display in the UI instead of the name.
+     * @deprecated Use `project.logo_light_url` instead.
      */
     logoUrl?: string;
-    stylesheet?: string;
-    favicon?: string;
+    /**
+     * The SDK configuration.
+     * This configuration is used to set the URL of the Ory SDK and any additional options used for the SDK client.
+     */
     sdk: {
         url: string;
         options?: Partial<ConfigurationParameters>;
     };
-    project: {
-        registration_enabled: boolean;
-        verification_enabled: boolean;
-        recovery_enabled: boolean;
-        recovery_ui_url: string;
-        registration_ui_url: string;
-        verification_ui_url: string;
-        login_ui_url: string;
-        default_redirect_url?: string;
-    };
+    /**
+     * The internationalization configuration.
+     * This configuration is used to set the locale and any additional options used for the i18n library.
+     * The locale is used to determine the language of the UI.
+     * The default locale is "en".
+     */
     intl?: IntlConfig;
-};
+} & ({
+    /**
+     * The name of the application the user is logging in to.
+     * @deprecated Use `project.name` instead.
+     */
+    name: string;
+    /**
+     * The configuration for the project.
+     */
+    project: Omit<AccountExperienceConfiguration, "name"> & {
+        name?: string;
+    };
+} | {
+    /**
+     * The name of the application the user is logging in to.
+     * @deprecated Use `project.name` instead.
+     */
+    name?: string;
+    /**
+     * The configuration for the project.
+     */
+    project: AccountExperienceConfiguration;
+});
 
 /**
  * A generic flow container, containing a flowType, the flow itself and the config object
@@ -486,6 +513,7 @@ type ConsentFlow = {
     ui: UiContainer;
     consent_request: OAuth2ConsentRequest;
     session: Session;
+    return_to?: string;
 };
 type ConsentFlowContainer = OryFlow<FlowType.OAuth2Consent, ConsentFlow>;
 /**
@@ -561,7 +589,9 @@ type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlow
  * @param message - the UiText message to generate a test id for
  * @returns a unique, stable test id for the message
  */
-declare function messageTestId(message: UiText): {
+declare function messageTestId(message: {
+    id: number | string;
+}): {
     "data-testid": string;
 };
 

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
+import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, AccountExperienceConfiguration, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import { ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, PropsWithChildren, DetailedHTMLProps, HTMLAttributes, ComponentType, Dispatch } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -394,33 +394,60 @@ type IntlContextProps = {
 };
 
 type IntlConfig = IntlContextProps;
+/**
+ * The configuration for Ory Elements.
+ *
+ * This configuration is used to customize the behavior and appearance of Ory Elements.
+ *
+ * By setting UI urls, you can override the default URLs for the login, registration, recovery, and verification flows.
+ *
+ * You can also set the name of the application, the logo URL, and the SDK configuration.
+ * By default, the name and logo are displayed in the card's header.
+ */
 type OryClientConfiguration = {
-    /**
-     * The name of the application the user is logging in to.
-     */
-    name: string;
     /**
      * An optional logo URL to display in the UI instead of the name.
+     * @deprecated Use `project.logo_light_url` instead.
      */
     logoUrl?: string;
-    stylesheet?: string;
-    favicon?: string;
+    /**
+     * The SDK configuration.
+     * This configuration is used to set the URL of the Ory SDK and any additional options used for the SDK client.
+     */
     sdk: {
         url: string;
         options?: Partial<ConfigurationParameters>;
     };
-    project: {
-        registration_enabled: boolean;
-        verification_enabled: boolean;
-        recovery_enabled: boolean;
-        recovery_ui_url: string;
-        registration_ui_url: string;
-        verification_ui_url: string;
-        login_ui_url: string;
-        default_redirect_url?: string;
-    };
+    /**
+     * The internationalization configuration.
+     * This configuration is used to set the locale and any additional options used for the i18n library.
+     * The locale is used to determine the language of the UI.
+     * The default locale is "en".
+     */
     intl?: IntlConfig;
-};
+} & ({
+    /**
+     * The name of the application the user is logging in to.
+     * @deprecated Use `project.name` instead.
+     */
+    name: string;
+    /**
+     * The configuration for the project.
+     */
+    project: Omit<AccountExperienceConfiguration, "name"> & {
+        name?: string;
+    };
+} | {
+    /**
+     * The name of the application the user is logging in to.
+     * @deprecated Use `project.name` instead.
+     */
+    name?: string;
+    /**
+     * The configuration for the project.
+     */
+    project: AccountExperienceConfiguration;
+});
 
 /**
  * A generic flow container, containing a flowType, the flow itself and the config object
@@ -486,6 +513,7 @@ type ConsentFlow = {
     ui: UiContainer;
     consent_request: OAuth2ConsentRequest;
     session: Session;
+    return_to?: string;
 };
 type ConsentFlowContainer = OryFlow<FlowType.OAuth2Consent, ConsentFlow>;
 /**
@@ -561,7 +589,9 @@ type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlow
  * @param message - the UiText message to generate a test id for
  * @returns a unique, stable test id for the message
  */
-declare function messageTestId(message: UiText): {
+declare function messageTestId(message: {
+    id: number | string;
+}): {
     "data-testid": string;
 };
 

package/dist/index.js

@@ -50,13 +50,18 @@ var defaultNodeOrder = [
 ];
 function defaultNodeSorter(a, b) {
   var _a, _b;
+  const aIsCaptcha = a.group === "captcha";
+  const bIsCaptcha = b.group === "captcha";
+  const aIsSubmit = clientFetch.isUiNodeInputAttributes(a.attributes) && a.attributes.type === "submit";
+  const bIsSubmit = clientFetch.isUiNodeInputAttributes(b.attributes) && b.attributes.type === "submit";
+  if (aIsCaptcha && bIsSubmit) {
+    return -1;
+  }
+  if (bIsCaptcha && aIsSubmit) {
+    return 1;
+  }
   const aGroupWeight = (_a = defaultNodeOrder.indexOf(a.group)) != null ? _a : 999;
   const bGroupWeight = (_b = defaultNodeOrder.indexOf(b.group)) != null ? _b : 999;
-  if (b.group === "captcha" && clientFetch.isUiNodeInputAttributes(a.attributes) && a.attributes.type === "submit") {
-    return aGroupWeight - (bGroupWeight - 2);
-  } else if (a.group === "captcha" && clientFetch.isUiNodeInputAttributes(b.attributes) && b.attributes.type === "submit") {
-    return aGroupWeight - 2 - bGroupWeight;
-  }
   return aGroupWeight - bGroupWeight;
 }
 var defaultGroupOrder = [
@@ -565,6 +570,7 @@ function frontendClient(sdkUrl, opts = {}) {
   const config = new clientFetch.Configuration({
     ...opts,
     basePath: sdkUrl,
+    credentials: "include",
     headers: {
       Accept: "application/json",
       ...opts.headers
@@ -1180,7 +1186,7 @@ function OryFormOidcButtons() {
   if (filteredNodes.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Form.OidcRoot, { nodes: filteredNodes, children: filteredNodes.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Form.OidcRoot, { nodes: filteredNodes, children: filteredNodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
     Node2.OidcButton,
     {
       node,
@@ -1193,7 +1199,7 @@ function OryFormOidcButtons() {
         setValue("method", node.group);
       }
     },
-    k
+    clientFetch.getNodeId(node)
   )) });
 }
 function OryFormSocialButtonsForm() {
@@ -1410,8 +1416,8 @@ function OryFormGroups({ groups }) {
   const { flowType } = useOryFlow();
   const { Form } = useComponents();
   const nodes = ui.nodes.filter((node) => groups.indexOf(node.group) > -1).sort((a, b) => nodeSorter(a, b, { flowType }));
-  return /* @__PURE__ */ jsxRuntime.jsx(Form.Group, { children: nodes.map((node, k) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k);
+  return /* @__PURE__ */ jsxRuntime.jsx(Form.Group, { children: nodes.map((node) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node));
   }) });
 }
 function OryFormSection({
@@ -1447,7 +1453,7 @@ function OryConsentCard() {
     /* @__PURE__ */ jsxRuntime.jsx(OryCardHeader, {}),
     /* @__PURE__ */ jsxRuntime.jsx(OryCardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(OryForm, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Card.Divider, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(Form.Group, { children: flow.flow.ui.nodes.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Form.Group, { children: flow.flow.ui.nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node))) }),
       /* @__PURE__ */ jsxRuntime.jsx(Card.Divider, {}),
       /* @__PURE__ */ jsxRuntime.jsx(OryCardFooter, {})
     ] }) })
@@ -1818,7 +1824,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/totp",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(OrySettingsTotp, { nodes: (_a = groupedNodes.groups.totp) != null ? _a : [] }),
-          (_b = groupedNodes.groups.default) == null ? void 0 : _b.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+          (_b = groupedNodes.groups.default) == null ? void 0 : _b.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
         ]
       }
     );
@@ -1836,7 +1842,7 @@ function SettingsSectionContent({ group, nodes }) {
               nodes: (_c = groupedNodes.groups.lookup_secret) != null ? _c : []
             }
           ),
-          (_d = groupedNodes.groups.default) == null ? void 0 : _d.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+          (_d = groupedNodes.groups.default) == null ? void 0 : _d.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
         ]
       }
     );
@@ -1849,7 +1855,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/oidc",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(OrySettingsOidc, { nodes: (_e = groupedNodes.groups.oidc) != null ? _e : [] }),
-          (_f = groupedNodes.groups.default) == null ? void 0 : _f.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+          (_f = groupedNodes.groups.default) == null ? void 0 : _f.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
         ]
       }
     );
@@ -1862,7 +1868,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/webauthn",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(OrySettingsWebauthn, { nodes: (_g = groupedNodes.groups.webauthn) != null ? _g : [] }),
-          (_h = groupedNodes.groups.default) == null ? void 0 : _h.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+          (_h = groupedNodes.groups.default) == null ? void 0 : _h.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
         ]
       }
     );
@@ -1875,7 +1881,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/passkey",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(OrySettingsPasskey, { nodes: (_i = groupedNodes.groups.passkey) != null ? _i : [] }),
-          (_j = groupedNodes.groups.default) == null ? void 0 : _j.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+          (_j = groupedNodes.groups.default) == null ? void 0 : _j.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
         ]
       }
     );
@@ -1896,16 +1902,16 @@ function SettingsSectionContent({ group, nodes }) {
               id: `settings.${group}.description`
             }),
             children: [
-              (_k = groupedNodes.groups.default) == null ? void 0 : _k.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k)),
+              (_k = groupedNodes.groups.default) == null ? void 0 : _k.map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node))),
               nodes.filter(
                 (node) => "type" in node.attributes && node.attributes.type !== "submit"
-              ).map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k))
+              ).map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node)))
             ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Card.SettingsSectionFooter, { children: nodes.filter(
           (node) => "type" in node.attributes && node.attributes.type === "submit"
-        ).map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k)) })
+        ).map((node) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, clientFetch.getNodeId(node))) })
       ]
     }
   );
@@ -1919,7 +1925,7 @@ function OrySettingsCard() {
   const scriptNodes = onlyScriptNodes(flow.ui.nodes);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(OryCardValidationMessages, {}),
-    scriptNodes.map((n) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node: n })),
+    scriptNodes.map((n) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node: n }, clientFetch.getNodeId(n))),
     uniqueGroups.entries.map(([group, nodes]) => {
       if (group === clientFetch.UiNodeGroupEnum.Default) {
         return null;
@@ -2226,9 +2232,11 @@ var en_default = {
   "card.header.parts.oidc": "a social provider",
   "card.header.parts.password.registration": "your {identifierLabel} and a password",
   "card.header.parts.password.login": "your {identifierLabel} and password",
-  "card.header.parts.code": "a code sent to your email",
+  "card.header.parts.code": "a code sent to you",
   "card.header.parts.passkey": "a Passkey",
   "card.header.parts.webauthn": "a security key",
+  "card.header.parts.totp": "your authenticator app",
+  "card.header.parts.lookup_secret": "a backup recovery code",
   "card.header.parts.identifier-first": "your {identifierLabel}",
   "card.header.description.login": "Sign in with {identifierLabel}",
   "card.header.description.registration": "Sign up with {identifierLabel}",
@@ -2476,13 +2484,15 @@ var de_default = {
   "identities.messages.4010009": "Die Authentifizierungsmethode stimmt nicht mit der vorherigen Authentifizierungsmethode \xFCberein. Bitte versuchen Sie es erneut.",
   "identities.messages.4010010": "Die eingegebene Adresse stimmt nicht mit der Adresse \xFCberein, die Sie bei der Registrierung angegeben haben. Bitte versuchen Sie es erneut.",
   "input.placeholder": "{placeholder} eingeben",
-  "card.header.parts.code": "einem Code per E-Mail",
+  "card.header.parts.code": "ein an Sie gesendeter Code",
   "card.header.parts.identifier-first": "Ihr {identifierLabel}",
   "card.header.parts.oidc": "ein sozialer Anbieter",
   "card.header.parts.passkey": "ein Passkey",
   "card.header.parts.password.login": "Ihrer {identifierLabel} und Ihrem Passwort",
   "card.header.parts.password.registration": "Ihrer {identifierLabel} und einem Passwort",
   "card.header.parts.webauthn": "ein Sicherheitsschl\xFCssel",
+  "card.header.parts.totp": "deine Authentifikator-App",
+  "card.header.parts.lookup_secret": "ein Backup-Wiederherstellungscode",
   "recovery.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um einen einmaligen Zugangscode zu erhalten",
   "verification.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um es zu best\xE4tigen",
   "card.header.description.login": "Melden Sie sich mit {identifierLabel} an",
@@ -2821,6 +2831,8 @@ var es_default = {
   "card.header.parts.code": "un c\xF3digo enviado a tu correo electr\xF3nico",
   "card.header.parts.passkey": "una clave de acceso",
   "card.header.parts.webauthn": "una clave de seguridad",
+  "card.header.parts.totp": "su aplicaci\xF3n de autenticaci\xF3n",
+  "card.header.parts.lookup_secret": "un c\xF3digo de recuperaci\xF3n de copia de seguridad",
   "card.header.parts.identifier-first": "tu {identifierLabel}",
   "card.header.description.login": "Iniciar sesi\xF3n con {identifierLabel}",
   "card.header.description.registration": "Registrarse con {identifierLabel}",
@@ -3098,10 +3110,12 @@ var fr_default = {
   "card.header.parts.oidc": "un fournisseur de r\xE9seaux sociaux",
   "card.header.parts.password.registration": "votre {identifierLabel} et un mot de passe",
   "card.header.parts.password.login": "votre {identifierLabel} et votre mot de passe",
-  "card.header.parts.code": "un code envoy\xE9 \xE0 votre adresse e-mail",
   "card.header.parts.passkey": "une cl\xE9 d'acc\xE8s",
   "card.header.parts.webauthn": "une cl\xE9 de s\xE9curit\xE9",
   "card.header.parts.identifier-first": "votre {identifierLabel}",
+  "card.header.parts.code": "un code qui vous a \xE9t\xE9 envoy\xE9",
+  "card.header.parts.totp": "votre application d'authentification",
+  "card.header.parts.lookup_secret": "un code de r\xE9cup\xE9ration de secours",
   "card.header.description.login": "Se connecter avec {identifierLabel}",
   "card.header.description.registration": "S'inscrire avec {identifierLabel}",
   "misc.or": "ou",
@@ -3344,7 +3358,9 @@ var nl_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
+  "card.header.parts.code": "een code die naar je is verzonden",
+  "card.header.parts.totp": "je authenticator-app",
+  "card.header.parts.lookup_secret": "een backup herstelcode",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
@@ -3629,13 +3645,15 @@ var pl_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
   "card.header.parts.password.login": "",
   "card.header.parts.password.registration": "",
   "card.header.parts.webauthn": "",
+  "card.header.parts.code": "kod wys\u0142any do Ciebie",
+  "card.header.parts.totp": "Twoja aplikacja uwierzytelniaj\u0105ca",
+  "card.header.parts.lookup_secret": "kod odzyskiwania kopii zapasowej",
   "forms.label.forgot-password": "",
   "login.subtitle": "",
   "login.subtitle-refresh": "",
@@ -3914,7 +3932,9 @@ var pt_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
+  "card.header.parts.code": "um c\xF3digo enviado para voc\xEA",
+  "card.header.parts.totp": "seu aplicativo autenticador",
+  "card.header.parts.lookup_secret": "um c\xF3digo de recupera\xE7\xE3o de backup",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
@@ -4199,7 +4219,9 @@ var sv_default = {
   "input.placeholder": "Ange din {placeholder}",
   "card.header.description.login": "Logga in med {identifierLabel}",
   "card.header.description.registration": "Registrera dig med {identifierLabel}",
-  "card.header.parts.code": "en kod skickad till din e-post",
+  "card.header.parts.code": "en kod skickad till dig",
+  "card.header.parts.totp": "din autentiseringsapp",
+  "card.header.parts.lookup_secret": "en s\xE4kerhetskopieringskod",
   "card.header.parts.identifier-first": "din {identifierLabel}",
   "card.header.parts.oidc": "en social leverant\xF6r",
   "card.header.parts.passkey": "en Passkey",