@turnkey/sdk-react 3.1.0 → 4.0.0

package/dist/components/auth/Auth.js

@@ -1,6 +1,8 @@
 'use client';
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var jsxRuntime = require('react/jsx-runtime');
 var Auth_module = require('./Auth.module.css.js');
 var React = require('react');
@@ -20,6 +22,11 @@ var constants = require('./constants.js');
 var sdkServer = require('@turnkey/sdk-server');
 var parsePhoneNumberFromString = require('libphonenumber-js');
 
+exports.SessionType = void 0;
+(function (SessionType) {
+  SessionType["READ_ONLY"] = "SESSION_TYPE_READ_ONLY";
+  SessionType["READ_WRITE"] = "SESSION_TYPE_READ_WRITE";
+})(exports.SessionType || (exports.SessionType = {}));
 const passkeyIcon = jsxRuntime.jsxs("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "43",
@@ -27,14 +34,14 @@ const passkeyIcon = jsxRuntime.jsxs("svg", {
   fill: "none",
   children: [jsxRuntime.jsx("path", {
     fill: "var(--icon-color)",
-    "fill-rule": "evenodd",
+    fillRule: "evenodd",
     d: "M27.52 37.06a6.8 6.8 0 0 0-2.02-.31H12a6.75 6.75 0 0 0-6.75 6.75V48H.75v-4.5A11.25 11.25 0 0 1 12 32.25h13.5c.68 0 1.355.062 2.016.182zm4.698-23.74a13.5 13.5 0 1 0-8.503 13.484c-.057-.178-.131-.425-.167-.566a13 13 0 0 1-.229-1.134 12 12 0 0 1-.054-.448q-.02-.202-.013-1.064c.007-.82.01-.877.055-1.186.018-.121.046-.29.072-.438a9 9 0 1 1 4.315-6.714 13.83 13.83 0 0 1 .87-.564 14 14 0 0 1 1.08-.556c.102-.045.299-.128.44-.184.14-.056.384-.146.544-.202.16-.055.436-.141.615-.194.18-.05.467-.125.641-.165.092-.02.214-.046.334-.07",
-    "clip-rule": "evenodd"
+    clipRule: "evenodd"
   }), jsxRuntime.jsx("path", {
     fill: "var(--icon-color)",
-    "fill-rule": "evenodd",
+    fillRule: "evenodd",
     d: "M33.844 16.554a9.563 9.563 0 0 0-.975.134c-.125.022-.355.075-.51.114s-.418.12-.589.177a11 11 0 0 0-.553.21 12 12 0 0 0-.519.244 8.29 8.29 0 0 0-.961.573c-.114.08-.313.23-.445.334-.13.104-.358.31-.507.454a10 10 0 0 0-.466.495c-.107.127-.269.334-.362.46-.091.128-.232.34-.313.474-.079.133-.195.34-.256.46-.062.122-.15.308-.196.413a10 10 0 0 0-.152.387c-.04.107-.1.304-.14.44a9 9 0 0 0-.119.51c-.028.145-.065.374-.082.51a6 6 0 0 0-.032.773c-.002.327.007.598.021.712a8.924 8.924 0 0 0 .163.905c.03.116.09.322.134.457.046.136.125.35.178.475a8 8 0 0 0 .725 1.329 9.15 9.15 0 0 0 .622.772c.111.121.294.306.408.41.114.101.295.256.4.342.108.085.273.211.37.28.097.068.244.165.325.218l.299.179c.082.047.251.137.374.2.125.062.232.127.24.146.013.025.018 2.403.018 7.032 0 5.905.004 7.018.025 7.125.014.07.047.18.075.24.029.064.08.156.113.203.032.05.522.654 1.086 1.345.564.693 1.07 1.31 1.123 1.371.054.063.14.151.195.195.054.042.162.111.239.151s.204.092.281.115c.121.035.181.04.413.04.206 0 .3-.007.387-.03a2 2 0 0 0 .237-.09 1.8 1.8 0 0 0 .388-.25c.029-.029.547-.657 1.153-1.397a97 97 0 0 0 1.12-1.383.4.4 0 0 0 .019-.137c0-.053-.016-.178-.035-.276a5 5 0 0 0-.273-.876 24 24 0 0 0-.298-.73 32 32 0 0 0-.626-1.365.8.8 0 0 1-.069-.172q.001-.033.041-.043c.021-.003.134-.016.25-.026s.295-.032.395-.046c.102-.016.248-.044.325-.065a.9.9 0 0 0 .237-.102.8.8 0 0 0 .15-.133c.028-.037.073-.116.1-.174.026-.058.054-.16.065-.229a1.895 1.895 0 0 0-.042-.589 2 2 0 0 0-.074-.193c-.023-.053-.355-.542-.736-1.085-.38-.543-.693-1.005-.693-1.025 0-.028.037-.046.234-.105.128-.04.339-.113.469-.162.132-.047.293-.116.36-.15a1 1 0 0 0 .204-.144.8.8 0 0 0 .144-.212c.034-.072.072-.18.085-.238s.024-.2.024-.316c0-.123-.009-.25-.024-.308a1.4 1.4 0 0 0-.072-.202c-.032-.07-.275-.39-.737-.975-.378-.479-.687-.883-.687-.9s.018-.043.04-.055.197-.11.39-.215c.194-.103.431-.237.528-.295.096-.058.22-.15.274-.204a1.1 1.1 0 0 0 .257-.459c.026-.1.031-.247.04-1.283.005-.642.016-1.178.023-1.19s.105-.069.22-.125c.112-.058.284-.15.38-.204a10 10 0 0 0 .985-.668 6.762 6.762 0 0 0 .826-.767c.107-.117.267-.305.358-.418a8 8 0 0 0 .605-.891 8.9 8.9 0 0 0 .373-.756c.045-.105.12-.308.17-.448a8 8 0 0 0 .156-.536c.037-.155.088-.408.113-.563.023-.155.05-.381.061-.505a8 8 0 0 0-.007-1.139 8 8 0 0 0-.07-.527 8 8 0 0 0-.097-.466c-.028-.116-.08-.3-.116-.413a7 7 0 0 0-.83-1.714 10 10 0 0 0-.256-.37 9 9 0 0 0-.23-.29 9 9 0 0 0-.81-.82 9 9 0 0 0-.395-.32 9 9 0 0 0-.835-.556 13 13 0 0 0-.417-.221 11 11 0 0 0-.483-.223 8 8 0 0 0-.98-.343 11 11 0 0 0-.422-.108c-.106-.022-.288-.06-.404-.079a10 10 0 0 0-.51-.073 8 8 0 0 0-.852-.043c-.304-.001-.644.002-.756.011m.207 3.334-.058.006a4.6 4.6 0 0 0-1.283.341 4 4 0 0 0-.334.159 4.354 4.354 0 0 0-.668.452 5.5 5.5 0 0 0-.669.69 5 5 0 0 0-.207.308 4 4 0 0 0-.18.325c-.04.088-.101.234-.135.325a3.856 3.856 0 0 0-.177.66c-.016.087-.034.24-.04.342-.01.159-.008.19.017.215.028.03.25.031 4.175.031 3.663 0 4.15-.003 4.174-.026q.029-.027.028-.12a3 3 0 0 0-.072-.574 3.9 3.9 0 0 0-.297-.87 4 4 0 0 0-.21-.379 6 6 0 0 0-.23-.316 6 6 0 0 0-.346-.37 5 5 0 0 0-.365-.326 7 7 0 0 0-.246-.178 5 5 0 0 0-.264-.16 4.6 4.6 0 0 0-1.585-.52 5.681 5.681 0 0 0-.84-.035z",
-    "clip-rule": "evenodd"
+    clipRule: "evenodd"
   })]
 });
 const passkeyIconError = jsxRuntime.jsxs("svg", {
@@ -44,14 +51,14 @@ const passkeyIconError = jsxRuntime.jsxs("svg", {
   fill: "none",
   children: [jsxRuntime.jsx("path", {
     fill: "var(--error-color)",
-    "fill-rule": "evenodd",
+    fillRule: "evenodd",
     d: "M27.52 37.06a6.8 6.8 0 0 0-2.02-.31H12a6.75 6.75 0 0 0-6.75 6.75V48H.75v-4.5A11.25 11.25 0 0 1 12 32.25h13.5c.68 0 1.355.062 2.016.182zm4.698-23.74a13.5 13.5 0 1 0-8.503 13.484c-.057-.178-.131-.425-.167-.566a13 13 0 0 1-.229-1.134 12 12 0 0 1-.054-.448q-.02-.202-.013-1.064c.007-.82.01-.877.055-1.186.018-.121.046-.29.072-.438a9 9 0 1 1 4.315-6.714 13.83 13.83 0 0 1 .87-.564 14 14 0 0 1 1.08-.556c.102-.045.299-.128.44-.184.14-.056.384-.146.544-.202.16-.055.436-.141.615-.194.18-.05.467-.125.641-.165.092-.02.214-.046.334-.07",
-    "clip-rule": "evenodd"
+    clipRule: "evenodd"
   }), jsxRuntime.jsx("path", {
     fill: "var(--error-color)",
-    "fill-rule": "evenodd",
+    fillRule: "evenodd",
     d: "M33.844 16.554a9.563 9.563 0 0 0-.975.134c-.125.022-.355.075-.51.114s-.418.12-.589.177a11 11 0 0 0-.553.21 12 12 0 0 0-.519.244 8.29 8.29 0 0 0-.961.573c-.114.08-.313.23-.445.334-.13.104-.358.31-.507.454a10 10 0 0 0-.466.495c-.107.127-.269.334-.362.46-.091.128-.232.34-.313.474-.079.133-.195.34-.256.46-.062.122-.15.308-.196.413a10 10 0 0 0-.152.387c-.04.107-.1.304-.14.44a9 9 0 0 0-.119.51c-.028.145-.065.374-.082.51a6 6 0 0 0-.032.773c-.002.327.007.598.021.712a8.924 8.924 0 0 0 .163.905c.03.116.09.322.134.457.046.136.125.35.178.475a8 8 0 0 0 .725 1.329 9.15 9.15 0 0 0 .622.772c.111.121.294.306.408.41.114.101.295.256.4.342.108.085.273.211.37.28.097.068.244.165.325.218l.299.179c.082.047.251.137.374.2.125.062.232.127.24.146.013.025.018 2.403.018 7.032 0 5.905.004 7.018.025 7.125.014.07.047.18.075.24.029.064.08.156.113.203.032.05.522.654 1.086 1.345.564.693 1.07 1.31 1.123 1.371.054.063.14.151.195.195.054.042.162.111.239.151s.204.092.281.115c.121.035.181.04.413.04.206 0 .3-.007.387-.03a2 2 0 0 0 .237-.09 1.8 1.8 0 0 0 .388-.25c.029-.029.547-.657 1.153-1.397a97 97 0 0 0 1.12-1.383.4.4 0 0 0 .019-.137c0-.053-.016-.178-.035-.276a5 5 0 0 0-.273-.876 24 24 0 0 0-.298-.73 32 32 0 0 0-.626-1.365.8.8 0 0 1-.069-.172q.001-.033.041-.043c.021-.003.134-.016.25-.026s.295-.032.395-.046c.102-.016.248-.044.325-.065a.9.9 0 0 0 .237-.102.8.8 0 0 0 .15-.133c.028-.037.073-.116.1-.174.026-.058.054-.16.065-.229a1.895 1.895 0 0 0-.042-.589 2 2 0 0 0-.074-.193c-.023-.053-.355-.542-.736-1.085-.38-.543-.693-1.005-.693-1.025 0-.028.037-.046.234-.105.128-.04.339-.113.469-.162.132-.047.293-.116.36-.15a1 1 0 0 0 .204-.144.8.8 0 0 0 .144-.212c.034-.072.072-.18.085-.238s.024-.2.024-.316c0-.123-.009-.25-.024-.308a1.4 1.4 0 0 0-.072-.202c-.032-.07-.275-.39-.737-.975-.378-.479-.687-.883-.687-.9s.018-.043.04-.055.197-.11.39-.215c.194-.103.431-.237.528-.295.096-.058.22-.15.274-.204a1.1 1.1 0 0 0 .257-.459c.026-.1.031-.247.04-1.283.005-.642.016-1.178.023-1.19s.105-.069.22-.125c.112-.058.284-.15.38-.204a10 10 0 0 0 .985-.668 6.762 6.762 0 0 0 .826-.767c.107-.117.267-.305.358-.418a8 8 0 0 0 .605-.891 8.9 8.9 0 0 0 .373-.756c.045-.105.12-.308.17-.448a8 8 0 0 0 .156-.536c.037-.155.088-.408.113-.563.023-.155.05-.381.061-.505a8 8 0 0 0-.007-1.139 8 8 0 0 0-.07-.527 8 8 0 0 0-.097-.466c-.028-.116-.08-.3-.116-.413a7 7 0 0 0-.83-1.714 10 10 0 0 0-.256-.37 9 9 0 0 0-.23-.29 9 9 0 0 0-.81-.82 9 9 0 0 0-.395-.32 9 9 0 0 0-.835-.556 13 13 0 0 0-.417-.221 11 11 0 0 0-.483-.223 8 8 0 0 0-.98-.343 11 11 0 0 0-.422-.108c-.106-.022-.288-.06-.404-.079a10 10 0 0 0-.51-.073 8 8 0 0 0-.852-.043c-.304-.001-.644.002-.756.011m.207 3.334-.058.006a4.6 4.6 0 0 0-1.283.341 4 4 0 0 0-.334.159 4.354 4.354 0 0 0-.668.452 5.5 5.5 0 0 0-.669.69 5 5 0 0 0-.207.308 4 4 0 0 0-.18.325c-.04.088-.101.234-.135.325a3.856 3.856 0 0 0-.177.66c-.016.087-.034.24-.04.342-.01.159-.008.19.017.215.028.03.25.031 4.175.031 3.663 0 4.15-.003 4.174-.026q.029-.027.028-.12a3 3 0 0 0-.072-.574 3.9 3.9 0 0 0-.297-.87 4 4 0 0 0-.21-.379 6 6 0 0 0-.23-.316 6 6 0 0 0-.346-.37 5 5 0 0 0-.365-.326 7 7 0 0 0-.246-.178 5 5 0 0 0-.264-.16 4.6 4.6 0 0 0-1.585-.52 5.681 5.681 0 0 0-.84-.035z",
-    "clip-rule": "evenodd"
+    clipRule: "evenodd"
   })]
 });
 const Auth = ({
@@ -59,27 +66,28 @@ const Auth = ({
   onError,
   authConfig,
   configOrder,
+  emailCustomization,
+  sendFromEmailAddress,
   customSmsMessage,
   customAccounts
 }) => {
   const {
-    passkeyClient,
     authIframeClient,
-    walletClient,
-    turnkey: turnkey$1
+    passkeyClient,
+    walletClient
   } = useTurnkey.useTurnkey();
   const [email, setEmail] = React.useState("");
   const [phone, setPhone] = React.useState("");
   const [otpId, setOtpId] = React.useState(null);
   const [step, setStep] = React.useState("auth");
+  const [loading, setLoading] = React.useState();
   const [oauthLoading, setOauthLoading] = React.useState("");
   const [suborgId, setSuborgId] = React.useState("");
   const [passkeySignupScreen, setPasskeySignupScreen] = React.useState(false);
   const [passkeyCreationScreen, setPasskeyCreationScreen] = React.useState(false);
   const [passkeySignupError, setPasskeySignupError] = React.useState("");
-  const [loading, setLoading] = React.useState(true);
+  const [componentReady, setComponentReady] = React.useState(false);
   const [passkeyCreated, setPasskeyCreated] = React.useState(false);
-  const [walletLoading, setWalletLoading] = React.useState(false);
   const handleResendCode = async () => {
     if (step === constants.OtpType.Email) {
       await handleOtpLogin(constants.FilterType.Email, email, constants.OtpType.Email);
@@ -89,10 +97,10 @@ const Auth = ({
   };
   React.useEffect(() => {
     if (authIframeClient) {
-      setLoading(false);
+      setComponentReady(true);
     }
   }, [authIframeClient]);
-  if (loading) {
+  if (!componentReady) {
     return jsxRuntime.jsx("div", {
       className: Auth_module.defaultLoader,
       children: jsxRuntime.jsx(material.CircularProgress, {
@@ -107,13 +115,6 @@ const Auth = ({
     const phoneNumber = parsePhoneNumberFromString(phone);
     return phoneNumber?.isValid() ?? false;
   };
-  const handleAuthSuccess = async (credentialBundle, expirationSeconds) => {
-    if (credentialBundle) {
-      await authIframeClient.injectCredentialBundle(credentialBundle);
-      await authIframeClient.loginWithAuthBundle(credentialBundle, expirationSeconds);
-      await onAuthSuccess();
-    }
-  };
   const handleSignupWithPasskey = async () => {
     setPasskeySignupError("");
     const siteInfo = `${new URL(window.location.href).hostname} - ${new Date().toLocaleString(undefined, {
@@ -160,41 +161,27 @@ const Auth = ({
           constants.authErrors.passkey.createFailed;
         }
       }
-      const sessionResponse = await passkeyClient?.createReadWriteSession({
-        targetPublicKey: authIframeClient?.iframePublicKey,
-        ...(authConfig.sessionLengthSeconds !== undefined && {
-          expirationSeconds: authConfig.sessionLengthSeconds.toString()
-        }),
-        organizationId: turnkey$1?.config.defaultOrganizationId ?? process.env.NEXT_PUBLIC_ORGANIZATION_ID
-      });
-      if (sessionResponse?.credentialBundle) {
-        await handleAuthSuccess(sessionResponse.credentialBundle, authConfig.sessionLengthSeconds?.toString());
-      } else {
-        setPasskeySignupError(constants.authErrors.passkey.loginFailed);
-      }
-    } catch {
+      await passkeyClient?.loginWithPasskey(exports.SessionType.READ_WRITE, authIframeClient, authIframeClient?.iframePublicKey, authConfig.sessionLengthSeconds?.toString());
+      await onAuthSuccess();
+    } catch (error) {
       setPasskeySignupError(constants.authErrors.passkey.timeoutOrNotAllowed);
+      console.error("Error during passkey signup: ", error);
     }
   };
   const handleLoginWithPasskey = async () => {
     try {
-      const sessionResponse = await passkeyClient?.createReadWriteSession({
-        targetPublicKey: authIframeClient?.iframePublicKey,
-        ...(authConfig.sessionLengthSeconds !== undefined && {
-          expirationSeconds: authConfig.sessionLengthSeconds.toString()
-        }),
-        organizationId: turnkey$1?.config.defaultOrganizationId ?? process.env.NEXT_PUBLIC_ORGANIZATION_ID
-      });
-      if (sessionResponse?.credentialBundle) {
-        await handleAuthSuccess(sessionResponse.credentialBundle, authConfig.sessionLengthSeconds?.toString());
-      } else {
-        constants.authErrors.passkey.loginFailed;
-      }
+      setLoading("passkey");
+      await passkeyClient?.loginWithPasskey(exports.SessionType.READ_WRITE, authIframeClient, authIframeClient?.iframePublicKey, authConfig.sessionLengthSeconds?.toString());
+      await onAuthSuccess();
     } catch (error) {
       onError(constants.authErrors.passkey.loginFailed);
+      console.error("Error during passkey login: ", error);
+    } finally {
+      setLoading(undefined);
     }
   };
   const handleOtpLogin = async (type, value, otpType) => {
+    setLoading(otpType);
     const createSuborgData = {};
     if (type === constants.FilterType.Email) createSuborgData.email = value;else if (type === constants.FilterType.PhoneNumber) createSuborgData.phoneNumber = value;
     if (customAccounts) {
@@ -215,6 +202,12 @@ const Auth = ({
       suborgID: suborgId,
       otpType,
       contact: value,
+      ...(emailCustomization && {
+        emailCustomization
+      }),
+      ...(sendFromEmailAddress && {
+        sendFromEmailAddress
+      }),
       ...(customSmsMessage && {
         customSmsMessage
       }),
@@ -227,6 +220,7 @@ const Auth = ({
     } else {
       onError(constants.authErrors.otp.sendFailed);
     }
+    setLoading(undefined);
   };
   const handleOAuthLogin = async (credential, providerName) => {
     setOauthLoading(providerName);
@@ -250,20 +244,21 @@ const Auth = ({
       return;
     }
     const suborgId = suborgIds[0];
-    const oauthResponse = await sdkServer.server.oauth({
+    const oauthSession = await sdkServer.server.oauth({
       suborgID: suborgId,
       oidcToken: credential,
       targetPublicKey: authIframeClient?.iframePublicKey,
       sessionLengthSeconds: authConfig.sessionLengthSeconds
     });
-    if (oauthResponse && oauthResponse.token) {
-      await handleAuthSuccess(oauthResponse.token, authConfig.sessionLengthSeconds?.toString());
+    if (oauthSession && oauthSession.token) {
+      await authIframeClient.loginWithSession(oauthSession);
+      await onAuthSuccess();
     } else {
       onError(constants.authErrors.oauth.loginFailed);
     }
   };
   const handleLoginWithWallet = async () => {
-    setWalletLoading(true);
+    setLoading("wallet");
     try {
       if (!walletClient) {
         throw new Error("Wallet client not initialized");
@@ -290,25 +285,13 @@ const Auth = ({
         onError(constants.authErrors.wallet.loginFailed);
         return;
       }
-      const suborgId = suborgIds[0];
-      const sessionResponse = await walletClient.createReadWriteSession({
-        targetPublicKey: authIframeClient?.iframePublicKey,
-        ...(suborgId && {
-          organizationId: suborgId
-        }),
-        ...(authConfig.sessionLengthSeconds !== undefined && {
-          expirationSeconds: authConfig.sessionLengthSeconds.toString()
-        })
-      });
-      if (sessionResponse?.credentialBundle) {
-        await handleAuthSuccess(sessionResponse.credentialBundle, authConfig.sessionLengthSeconds?.toString());
-      } else {
-        throw new Error(constants.authErrors.wallet.loginFailed);
-      }
+      await walletClient.loginWithWallet(exports.SessionType.READ_WRITE, authIframeClient, authIframeClient?.iframePublicKey, authConfig.sessionLengthSeconds?.toString());
+      await onAuthSuccess();
     } catch (error) {
       onError(error.message || constants.authErrors.wallet.loginFailed);
+      console.error("Error during wallet login: ", error);
     } finally {
-      setWalletLoading(false);
+      setLoading(undefined);
     }
   };
   const renderBackButton = () => jsxRuntime.jsx(ChevronLeftIcon, {
@@ -399,8 +382,12 @@ const Auth = ({
           }), jsxRuntime.jsx("button", {
             className: Auth_module.authButton,
             type: "submit",
-            disabled: !isValidEmail(email),
-            children: "Continue"
+            disabled: !isValidEmail(email) || loading === constants.OtpType.Email,
+            children: loading === constants.OtpType.Email ? jsxRuntime.jsx(material.CircularProgress, {
+              size: 24,
+              thickness: 4,
+              className: Auth_module.buttonProgress || ""
+            }) : "Continue"
           })]
         }) : null;
       case "phone":
@@ -418,8 +405,12 @@ const Auth = ({
           }), jsxRuntime.jsx("button", {
             className: Auth_module.authButton,
             type: "submit",
-            disabled: !isValidPhone(phone),
-            children: "Continue"
+            disabled: !isValidPhone(phone) || loading === constants.OtpType.Sms,
+            children: loading === constants.OtpType.Sms ? jsxRuntime.jsx(material.CircularProgress, {
+              size: 24,
+              thickness: 4,
+              className: Auth_module.buttonProgress || ""
+            }) : "Continue"
           })]
         }) : null;
       case "passkey":
@@ -429,7 +420,12 @@ const Auth = ({
             className: Auth_module.authButton,
             type: "button",
             onClick: handleLoginWithPasskey,
-            children: "Log in with passkey"
+            disabled: loading === "passkey",
+            children: loading === "passkey" ? jsxRuntime.jsx(material.CircularProgress, {
+              size: 24,
+              thickness: 4,
+              className: Auth_module.buttonProgress || ""
+            }) : "Log in with passkey"
           }), jsxRuntime.jsx("div", {
             className: Auth_module.noPasskeyLink,
             onClick: () => setPasskeySignupScreen(true),
@@ -443,8 +439,8 @@ const Auth = ({
             className: Auth_module.authButton,
             type: "button",
             onClick: handleLoginWithWallet,
-            disabled: walletLoading,
-            children: walletLoading ? jsxRuntime.jsx(material.CircularProgress, {
+            disabled: loading === "wallet",
+            children: loading === "wallet" ? jsxRuntime.jsx(material.CircularProgress, {
               size: 24,
               thickness: 4,
               className: Auth_module.buttonProgress || ""
@@ -565,8 +561,7 @@ const Auth = ({
             suborgId: suborgId,
             otpId: otpId,
             sessionLengthSeconds: authConfig.sessionLengthSeconds,
-            authIframeClient: authIframeClient,
-            onValidateSuccess: handleAuthSuccess,
+            onValidateSuccess: onAuthSuccess,
             onResendCode: handleResendCode
           }), !otpId && jsxRuntime.jsx("div", {
             className: Auth_module.tos,
@@ -600,5 +595,5 @@ const Auth = ({
   });
 };
 
-module.exports = Auth;
+exports.default = Auth;
 //# sourceMappingURL=Auth.js.map