@ory/elements-react 1.0.0-next.17 → 1.0.0-next.18

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, isUiNodeTextAttributes, FlowType, handleFlowError, loginUrl, handleContinueWith, recoveryUrl, instanceOfContinueWithRecoveryUi, registrationUrl, settingsUrl, isResponseError, verificationUrl, UiNodeInputAttributesTypeEnum, Configuration, FrontendApi } from '@ory/client-fetch';
-import { createContext, useContext, useState, useMemo, useReducer, useRef, useEffect } from 'react';
+import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, isUiNodeTextAttributes, UiNodeInputAttributesTypeEnum, FlowType, Configuration, FrontendApi, handleContinueWith, settingsUrl, handleFlowError, isResponseError, loginUrl, instanceOfContinueWithRecoveryUi, recoveryUrl, verificationUrl, registrationUrl } from '@ory/client-fetch';
+import { createContext, useContext, useRef, useEffect, useState, useReducer, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIntl, IntlProvider as IntlProvider$1 } from 'react-intl';
-import { useFormContext, useForm, FormProvider } from 'react-hook-form';
+import { useForm, FormProvider, useFormContext } from 'react-hook-form';
 
 // src/context/component.tsx
 var ComponentContext = createContext({
@@ -2257,7 +2257,8 @@ async function onSubmitLogin({ config, flow }, {
     updateLoginFlowBody: body
   }).then(() => {
     var _a2;
-    window.location.href = (_a2 = flow.return_to) != null ? _a2 : config.sdk.url + "/self-service/login/browser";
+    window.location.href = // eslint-disable-next-line promise/always-return
+    (_a2 = flow.return_to) != null ? _a2 : config.sdk.url + "/self-service/login/browser";
   }).catch(
     handleFlowError({
       onRestartFlow: () => {
@@ -2465,6 +2466,9 @@ function computeDefaultValues(nodes) {
   return nodes.reduce((acc, node) => {
     const attrs = node.attributes;
     if (isUiNodeInputAttributes(attrs)) {
+      if (attrs.type === "checkbox" && typeof attrs.value === "undefined") {
+        attrs.value = false;
+      }
       if (attrs.name === "method" || attrs.type === "submit" || typeof attrs.value === "undefined") {
         return acc;
       }
@@ -2517,19 +2521,19 @@ function triggerToWindowCall(trigger) {
 }
 function triggerToFunction(trigger) {
   if (typeof window === "undefined") {
-    console.error(
+    console.debug(
       "The Ory SDK is missing a required function: window is undefined."
     );
     return void 0;
   }
   const typedWindow = window;
   if (!(trigger in typedWindow) || !typedWindow[trigger]) {
-    console.error(`The Ory SDK is missing a required function: ${trigger}.`);
+    console.debug(`The Ory SDK is missing a required function: ${trigger}.`);
     return void 0;
   }
   const triggerFn = typedWindow[trigger];
   if (typeof triggerFn !== "function") {
-    console.error(
+    console.debug(
       `The Ory SDK is missing a required function: ${trigger}. It is not a function.`
     );
     return void 0;
@@ -3103,7 +3107,12 @@ function OrySettingsOidc({ nodes }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.oidc.info" }) }) })
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionFooter,
+      {
+        text: intl.formatMessage({ id: "settings.oidc.info" })
+      }
+    )
   ] });
 }
 var getTriggerNode = (nodes) => nodes.find(
@@ -3160,7 +3169,12 @@ function OrySettingsPasskey({ nodes }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.passkey.info" }) }) })
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionFooter,
+      {
+        text: intl.formatMessage({ id: "settings.passkey.info" })
+      }
+    )
   ] });
 }
 var getRegenerateNode = (nodes) => nodes.find(
@@ -3245,16 +3259,19 @@ function OrySettingsTotp({ nodes }) {
         children: content
       }
     ),
-    /* @__PURE__ */ jsxs(Card.SettingsSectionFooter, { children: [
-      /* @__PURE__ */ jsx("span", { children: totpUnlink ? intl.formatMessage({ id: "settings.totp.info.linked" }) : intl.formatMessage({ id: "settings.totp.info.not-linked" }) }),
-      totpLinkButton && /* @__PURE__ */ jsx(
-        Node2.Button,
-        {
-          node: totpLinkButton,
-          attributes: totpLinkButton.attributes
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionFooter,
+      {
+        text: totpUnlink ? intl.formatMessage({ id: "settings.totp.info.linked" }) : intl.formatMessage({ id: "settings.totp.info.not-linked" }),
+        children: totpLinkButton && /* @__PURE__ */ jsx(
+          Node2.Button,
+          {
+            node: totpLinkButton,
+            attributes: totpLinkButton.attributes
+          }
+        )
+      }
+    )
   ] });
 }
 var getInputNode = (nodes) => nodes.find(
@@ -3266,9 +3283,6 @@ var getTriggerNode2 = (nodes) => nodes.find(
 var getRemoveButtons = (nodes) => nodes.filter(
   (node) => "name" in node.attributes && node.attributes.name === "webauthn_remove"
 );
-var getScriptNode = (nodes) => nodes.find(
-  (node) => "id" in node.attributes && node.attributes.id === "webauthn_script"
-);
 var getRegisterNode = (nodes) => nodes.find(
   (node) => "name" in node.attributes && node.attributes.name === "webauthn_register"
 );
@@ -3281,7 +3295,6 @@ function OrySettingsWebauthn({ nodes }) {
   const triggerButton = getTriggerNode2(nodes);
   const inputNode = getInputNode(nodes);
   const removeButtons = getRemoveButtons(nodes);
-  const scriptNode = getScriptNode(nodes);
   const registerNode = getRegisterNode(nodes);
   if (!inputNode || !triggerButton) {
     return null;
@@ -3304,8 +3317,6 @@ function OrySettingsWebauthn({ nodes }) {
         }),
         children: [
           (_a = groups.default) == null ? void 0 : _a.map((node, i) => /* @__PURE__ */ jsx(Node, { node }, `webauthn-default-${i}`)),
-          scriptNode && /* @__PURE__ */ jsx(Node, { node: scriptNode }),
-          registerNode && /* @__PURE__ */ jsx(Node, { node: registerNode }),
           /* @__PURE__ */ jsx(
             Form.WebauthnSettings,
             {
@@ -3317,11 +3328,17 @@ function OrySettingsWebauthn({ nodes }) {
               },
               removeButtons
             }
-          )
+          ),
+          registerNode && /* @__PURE__ */ jsx(Node, { node: registerNode })
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.webauthn.info" }) }) })
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionFooter,
+      {
+        text: intl.formatMessage({ id: "settings.webauthn.info" })
+      }
+    )
   ] });
 }
 function SettingsSectionContent({ group, nodes }) {
@@ -3373,11 +3390,16 @@ function SettingsSectionContent({ group, nodes }) {
     ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
   ] });
 }
+var getScriptNode = (nodes) => nodes.find(
+  (node) => "id" in node.attributes && node.attributes.id === "webauthn_script"
+);
 function OrySettingsCard() {
   const { flow } = useOryFlow();
   const uniqueGroups = useNodesGroups(flow.ui.nodes);
+  const scriptNode = getScriptNode(flow.ui.nodes);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
+    scriptNode && /* @__PURE__ */ jsx(Node, { node: scriptNode }),
     uniqueGroups.entries.map(([group, nodes]) => {
       if (group === UiNodeGroupEnum.Default) {
         return null;