@ory/elements-react 1.0.0-next.27 → 1.0.0-next.29

package/dist/theme/default/index.mjs

@@ -901,7 +901,7 @@ function DefaultMessage({ message }) {
   );
 }
 
-// src/theme/default/components/card/auth-methods.tsx
+// src/theme/default/components/card/auth-method-list-item.tsx
 import { useIntl as useIntl5 } from "react-intl";
 
 // src/theme/default/assets/icons/code.svg
@@ -945,13 +945,14 @@ function isGroupImmediateSubmit(group) {
   return group === "code";
 }
 
-// src/theme/default/components/card/auth-methods.tsx
+// src/theme/default/components/card/auth-method-list-item.tsx
 import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var iconsMap = {
   code: code_default,
   passkey: passkey_default,
   password: password_default,
-  webauthn: webauthn_default
+  webauthn: webauthn_default,
+  ...provider_logos_default
 };
 function DefaultAuthMethodListItem({
   onClick,
@@ -959,29 +960,24 @@ function DefaultAuthMethodListItem({
 }) {
   const intl = useIntl5();
   const Icon = iconsMap[group] || null;
-  return /* @__PURE__ */ jsx31("div", { className: "w-full rounded px-2 py-1 hover:bg-interface-background-default-primary-hover", children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
-      className: "flex cursor-pointer gap-3 py-2 text-left items-start",
+      className: "flex cursor-pointer gap-3 text-left items-start w-full rounded-buttons p-2 hover:bg-interface-background-default-primary-hover",
       onClick,
       type: isGroupImmediateSubmit(group) ? "submit" : "button",
       "data-testid": `ory/form/auth-picker/${group}`,
-      "aria-label": `Authenticate with ${group}`,
       children: [
-        /* @__PURE__ */ jsx31("span", { className: "mt-1", children: Icon && /* @__PURE__ */ jsx31(
-          Icon,
-          {
-            size: 16,
-            className: "text-interface-foreground-brand-primary"
-          }
-        ) }),
+        /* @__PURE__ */ jsx31("span", { className: "mt-1", children: Icon && /* @__PURE__ */ jsx31(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
         /* @__PURE__ */ jsxs20("span", { className: "flex-1 leading-normal inline-flex flex-col", children: [
           /* @__PURE__ */ jsx31("span", { className: "text-interface-foreground-default-primary", children: intl.formatMessage({ id: `two-step.${group}.title` }) }),
-          /* @__PURE__ */ jsx31("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({ id: `two-step.${group}.description` }) })
+          /* @__PURE__ */ jsx31("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({
+            id: `two-step.${group}.description`
+          }) })
         ] })
       ]
     }
-  ) });
+  );
 }
 
 // src/theme/default/components/form/button.tsx
@@ -1834,6 +1830,10 @@ var DefaultPageHeader = (_props) => {
   ] }) }) });
 };
 
+// src/theme/default/components/settings/settings-oidc.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useFormContext as useFormContext7 } from "react-hook-form";
+
 // src/theme/default/assets/icons/trash.svg
 import * as React25 from "react";
 import { jsx as jsx52 } from "react/jsx-runtime";
@@ -1844,8 +1844,6 @@ var SvgTrash = (props) => {
 var trash_default = SvgTrash;
 
 // src/theme/default/components/settings/settings-oidc.tsx
-import { useFormContext as useFormContext7 } from "react-hook-form";
-import { useEffect as useEffect4, useState as useState4 } from "react";
 import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function DefaultSettingsOidc({
   linkButtons,
@@ -1886,8 +1884,10 @@ function UnlinkRow({ button }) {
   const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
   const Logo = attrs.value in provider_logos_default ? provider_logos_default[attrs.value] : provider_logos_default.generic;
   const localOnClick = () => {
-    setClicked(true);
     button.onClick();
+    setTimeout(() => {
+      setClicked(true);
+    }, 100);
   };
   useEffect4(() => {
     if (!isSubmitting) {
@@ -2340,9 +2340,17 @@ function DefaultSettingsWebauthn({
   ] });
 }
 
+// src/theme/default/components/card/auth-method-list-container.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+function DefaultAuthMethodListContainer({
+  children
+}) {
+  return /* @__PURE__ */ jsx63("div", { className: "grid grid-cols-1 gap-2", children });
+}
+
 // src/theme/default/components/default-components.tsx
 function getOryComponents(overrides) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha;
   return {
     Card: {
       Root: (_b = (_a = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _a.Root) != null ? _b : DefaultCard,
@@ -2351,49 +2359,50 @@ function getOryComponents(overrides) {
       Content: (_h = (_g = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _g.Content) != null ? _h : DefaultCardContent,
       Logo: (_j = (_i = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _i.Logo) != null ? _j : DefaultCardLogo,
       Divider: (_l = (_k = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _k.Divider) != null ? _l : DefaultHorizontalDivider,
-      AuthMethodListItem: (_n = (_m = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _m.AuthMethodListItem) != null ? _n : DefaultAuthMethodListItem,
-      SettingsSection: (_p = (_o = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _o.SettingsSection) != null ? _p : DefaultFormSection,
-      SettingsSectionContent: (_r = (_q = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _q.SettingsSectionContent) != null ? _r : DefaultFormSectionContent,
-      SettingsSectionFooter: (_t = (_s = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _s.SettingsSectionFooter) != null ? _t : DefaultFormSectionFooter
+      AuthMethodListContainer: (_n = (_m = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _m.AuthMethodListContainer) != null ? _n : DefaultAuthMethodListContainer,
+      AuthMethodListItem: (_p = (_o = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _o.AuthMethodListItem) != null ? _p : DefaultAuthMethodListItem,
+      SettingsSection: (_r = (_q = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _q.SettingsSection) != null ? _r : DefaultFormSection,
+      SettingsSectionContent: (_t = (_s = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _s.SettingsSectionContent) != null ? _t : DefaultFormSectionContent,
+      SettingsSectionFooter: (_v = (_u = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _u.SettingsSectionFooter) != null ? _v : DefaultFormSectionFooter
     },
     Node: {
-      Button: (_v = (_u = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _u.Button) != null ? _v : DefaultButton,
-      OidcButton: (_x = (_w = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _w.OidcButton) != null ? _x : DefaultButtonSocial,
-      Input: (_z = (_y = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _y.Input) != null ? _z : DefaultInput,
-      CodeInput: (_B = (_A = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _A.CodeInput) != null ? _B : DefaultPinCodeInput,
-      Image: (_D = (_C = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _C.Image) != null ? _D : DefaultImage,
-      Label: (_F = (_E = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _E.Label) != null ? _F : DefaultLabel,
-      Checkbox: (_H = (_G = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _G.Checkbox) != null ? _H : DefaultCheckbox,
-      Text: (_J = (_I = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _I.Text) != null ? _J : DefaultText,
-      Anchor: (_L = (_K = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _K.Anchor) != null ? _L : DefaultLinkButton
+      Button: (_x = (_w = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _w.Button) != null ? _x : DefaultButton,
+      OidcButton: (_z = (_y = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _y.OidcButton) != null ? _z : DefaultButtonSocial,
+      Input: (_B = (_A = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _A.Input) != null ? _B : DefaultInput,
+      CodeInput: (_D = (_C = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _C.CodeInput) != null ? _D : DefaultPinCodeInput,
+      Image: (_F = (_E = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _E.Image) != null ? _F : DefaultImage,
+      Label: (_H = (_G = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _G.Label) != null ? _H : DefaultLabel,
+      Checkbox: (_J = (_I = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _I.Checkbox) != null ? _J : DefaultCheckbox,
+      Text: (_L = (_K = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _K.Text) != null ? _L : DefaultText,
+      Anchor: (_N = (_M = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _M.Anchor) != null ? _N : DefaultLinkButton
     },
     Form: {
-      Root: (_N = (_M = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _M.Root) != null ? _N : DefaultFormContainer,
-      Group: (_P = (_O = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _O.Group) != null ? _P : DefaultGroupContainer,
-      OidcRoot: (_R = (_Q = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Q.OidcRoot) != null ? _R : DefaultSocialButtonContainer,
-      RecoveryCodesSettings: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.RecoveryCodesSettings) != null ? _T : DefaultSettingsRecoveryCodes,
-      TotpSettings: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.TotpSettings) != null ? _V : DefaultSettingsTotp,
-      OidcSettings: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.OidcSettings) != null ? _X : DefaultSettingsOidc,
-      WebauthnSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.WebauthnSettings) != null ? _Z : DefaultSettingsWebauthn,
-      PasskeySettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.PasskeySettings) != null ? _$ : DefaultSettingsPasskey
+      Root: (_P = (_O = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _O.Root) != null ? _P : DefaultFormContainer,
+      Group: (_R = (_Q = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Q.Group) != null ? _R : DefaultGroupContainer,
+      OidcRoot: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.OidcRoot) != null ? _T : DefaultSocialButtonContainer,
+      RecoveryCodesSettings: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.RecoveryCodesSettings) != null ? _V : DefaultSettingsRecoveryCodes,
+      TotpSettings: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.TotpSettings) != null ? _X : DefaultSettingsTotp,
+      OidcSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.OidcSettings) != null ? _Z : DefaultSettingsOidc,
+      WebauthnSettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.WebauthnSettings) != null ? _$ : DefaultSettingsWebauthn,
+      PasskeySettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.PasskeySettings) != null ? _ba : DefaultSettingsPasskey
     },
     Message: {
-      Root: (_ba = (_aa = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _aa.Root) != null ? _ba : DefaultMessageContainer,
-      Content: (_da = (_ca = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ca.Content) != null ? _da : DefaultMessage
+      Root: (_da = (_ca = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ca.Root) != null ? _da : DefaultMessageContainer,
+      Content: (_fa = (_ea = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ea.Content) != null ? _fa : DefaultMessage
     },
     Page: {
-      Header: (_fa = (_ea = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ea.Header) != null ? _fa : DefaultPageHeader
+      Header: (_ha = (_ga = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ga.Header) != null ? _ha : DefaultPageHeader
     }
   };
 }
 
 // src/theme/default/flows/error.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function Error({
   error,
   children
 }) {
-  return /* @__PURE__ */ jsx63("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ jsx64("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx
@@ -2402,7 +2411,7 @@ import {
   OryProvider,
   OryTwoStepCard
 } from "@ory/elements-react";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function Login({
   flow,
   config,
@@ -2410,14 +2419,14 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     OryProvider,
     {
       config,
       flow,
       flowType: FlowType8.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx64(OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ jsx65(OryTwoStepCard, {})
     }
   );
 }
@@ -2428,7 +2437,7 @@ import {
   OryProvider as OryProvider2,
   OryTwoStepCard as OryTwoStepCard2
 } from "@ory/elements-react";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function Recovery({
   flow,
   config,
@@ -2436,14 +2445,14 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     OryProvider2,
     {
       config,
       flow,
       flowType: FlowType9.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx65(OryTwoStepCard2, {})
+      children: children != null ? children : /* @__PURE__ */ jsx66(OryTwoStepCard2, {})
     }
   );
 }
@@ -2454,7 +2463,7 @@ import {
   OryProvider as OryProvider3,
   OryTwoStepCard as OryTwoStepCard3
 } from "@ory/elements-react";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function Registration({
   flow,
   children,
@@ -2462,14 +2471,14 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     OryProvider3,
     {
       config,
       flow,
       flowType: FlowType10.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx66(OryTwoStepCard3, {})
+      children: children != null ? children : /* @__PURE__ */ jsx67(OryTwoStepCard3, {})
     }
   );
 }
@@ -2481,7 +2490,7 @@ import {
   OryProvider as OryProvider4,
   OrySettingsCard
 } from "@ory/elements-react";
-import { Fragment as Fragment5, jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx68, jsxs as jsxs36 } from "react/jsx-runtime";
 function Settings({
   flow,
   config,
@@ -2489,7 +2498,7 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     OryProvider4,
     {
       config,
@@ -2497,8 +2506,8 @@ function Settings({
       flowType: FlowType11.Settings,
       components,
       children: children != null ? children : /* @__PURE__ */ jsxs36(Fragment5, { children: [
-        /* @__PURE__ */ jsx67(HeadlessPageHeader, {}),
-        /* @__PURE__ */ jsx67(OrySettingsCard, {})
+        /* @__PURE__ */ jsx68(HeadlessPageHeader, {}),
+        /* @__PURE__ */ jsx68(OrySettingsCard, {})
       ] })
     }
   );
@@ -2510,7 +2519,7 @@ import {
   OryProvider as OryProvider5,
   OryTwoStepCard as OryTwoStepCard4
 } from "@ory/elements-react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function Verification({
   flow,
   config,
@@ -2518,14 +2527,14 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     OryProvider5,
     {
       config,
       flow,
       flowType: FlowType12.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx68(OryTwoStepCard4, {})
+      children: children != null ? children : /* @__PURE__ */ jsx69(OryTwoStepCard4, {})
     }
   );
 }