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

package/dist/theme/default/index.js

@@ -943,7 +943,7 @@ function DefaultMessage({ message }) {
   );
 }
 
-// src/theme/default/components/card/auth-methods.tsx
+// src/theme/default/components/card/auth-method-list-item.tsx
 var import_react_intl5 = require("react-intl");
 
 // src/theme/default/assets/icons/code.svg
@@ -987,13 +987,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
 var import_jsx_runtime31 = require("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,
@@ -1001,29 +1002,24 @@ function DefaultAuthMethodListItem({
 }) {
   const intl = (0, import_react_intl5.useIntl)();
   const Icon = iconsMap[group] || null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full rounded px-2 py-1 hover:bg-interface-background-default-primary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "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__ */ (0, import_jsx_runtime31.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          Icon,
-          {
-            size: 16,
-            className: "text-interface-foreground-brand-primary"
-          }
-        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-interface-foreground-default-primary", children: intl.formatMessage({ id: `two-step.${group}.title` }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({ id: `two-step.${group}.description` }) })
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({
+            id: `two-step.${group}.description`
+          }) })
         ] })
       ]
     }
-  ) });
+  );
 }
 
 // src/theme/default/components/form/button.tsx
@@ -1854,6 +1850,10 @@ var DefaultPageHeader = (_props) => {
   ] }) }) });
 };
 
+// src/theme/default/components/settings/settings-oidc.tsx
+var import_react7 = require("react");
+var import_react_hook_form8 = require("react-hook-form");
+
 // src/theme/default/assets/icons/trash.svg
 var React25 = __toESM(require("react"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -1864,8 +1864,6 @@ var SvgTrash = (props) => {
 var trash_default = SvgTrash;
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react_hook_form8 = require("react-hook-form");
-var import_react7 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function DefaultSettingsOidc({
   linkButtons,
@@ -1906,8 +1904,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);
   };
   (0, import_react7.useEffect)(() => {
     if (!isSubmitting) {
@@ -2360,9 +2360,17 @@ function DefaultSettingsWebauthn({
   ] });
 }
 
+// src/theme/default/components/card/auth-method-list-container.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function DefaultAuthMethodListContainer({
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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,
@@ -2371,55 +2379,56 @@ 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
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function Error2({
   error,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx
 var import_client_fetch12 = require("@ory/client-fetch");
 var import_elements_react19 = require("@ory/elements-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -2427,14 +2436,14 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_elements_react19.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch12.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_elements_react19.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_elements_react19.OryTwoStepCard, {})
     }
   );
 }
@@ -2442,7 +2451,7 @@ function Login({
 // src/theme/default/flows/recovery.tsx
 var import_client_fetch13 = require("@ory/client-fetch");
 var import_elements_react20 = require("@ory/elements-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -2450,14 +2459,14 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_elements_react20.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch13.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_elements_react20.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_elements_react20.OryTwoStepCard, {})
     }
   );
 }
@@ -2465,7 +2474,7 @@ function Recovery({
 // src/theme/default/flows/registration.tsx
 var import_client_fetch14 = require("@ory/client-fetch");
 var import_elements_react21 = require("@ory/elements-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -2473,14 +2482,14 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_elements_react21.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch14.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_elements_react21.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_elements_react21.OryTwoStepCard, {})
     }
   );
 }
@@ -2488,7 +2497,7 @@ function Registration({
 // src/theme/default/flows/settings.tsx
 var import_client_fetch15 = require("@ory/client-fetch");
 var import_elements_react22 = require("@ory/elements-react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -2496,16 +2505,16 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     import_elements_react22.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch15.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_elements_react22.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_elements_react22.OrySettingsCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_elements_react22.HeadlessPageHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_elements_react22.OrySettingsCard, {})
       ] })
     }
   );
@@ -2514,7 +2523,7 @@ function Settings({
 // src/theme/default/flows/verification.tsx
 var import_client_fetch16 = require("@ory/client-fetch");
 var import_elements_react23 = require("@ory/elements-react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -2522,14 +2531,14 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     import_elements_react23.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch16.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_elements_react23.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_elements_react23.OryTwoStepCard, {})
     }
   );
 }