@stytch/react 20.0.0-next.0 → 20.0.0-next.1

package/dist/cjs/index.cjs

@@ -2,10 +2,10 @@
 
 var index_headless = require('./index.headless.cjs');
 var React = require('react');
-var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-C0akDAKd.js');
-var StytchSSRProxy = require('./StytchSSRProxy-CUOvjF03.js');
-var shadcn = require('./shadcn-Bbv2Hk3P.js');
-var idpHelpers = require('./idpHelpers-eUP8j58U.js');
+var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-DV31RTL_.js');
+var StytchSSRProxy = require('./StytchSSRProxy-Bz6LNYdq.js');
+var shadcn = require('./shadcn-B8TEzQMT.js');
+var idpHelpers = require('./idpHelpers-Bj_7pbfW.js');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -476,6 +476,13 @@ var messages$1 = {
 		],
 		"</bold>."
 	],
+	"emailConfirmation.emailSent": [
+		"Email sent! Try again in ",
+		[
+			"timeRemaining"
+		],
+		"s"
+	],
 	"emailConfirmation.title": [
 		"Check your email"
 	],
@@ -1024,10 +1031,10 @@ var messages$1 = {
 		"WhatsApp"
 	],
 	"watermark.altText": [
-		"Powered by Stytch"
+		"Stytch + Twilio"
 	],
-	"watermark.twilio": [
-		"Twilio"
+	"watermark.poweredBy": [
+		"Powered by"
 	]
 };
 
@@ -1117,13 +1124,13 @@ const DEFAULT_STATE = {
             email: ''
         },
         otpState: {
-            type: idpHelpers.OTPMethods.Email,
+            type: StytchSSRProxy.OTPMethods.Email,
             methodId: '',
             otpDestination: ''
         },
         cryptoState: {
             walletAddress: '',
-            walletOption: idpHelpers.Wallets.Metamask,
+            walletOption: StytchSSRProxy.Wallets.Metamask,
             walletChallenge: ''
         },
         passwordState: {
@@ -1211,7 +1218,7 @@ function useProductComponents(products, screenType) {
 const useIsOnlyFloatingOneTap = (config)=>{
     return React.useMemo(()=>{
         const position = config.oauthOptions?.providers[0].position;
-        return config.products.length === 1 && hasProduct(config.products, 'oauth') && config.oauthOptions?.providers.length === 1 && config.oauthOptions?.providers[0].type === idpHelpers.OAuthProviders.Google && config.oauthOptions?.providers[0].one_tap === true && idpHelpers.getShouldRenderFloatingOneTap(position);
+        return config.products.length === 1 && hasProduct(config.products, 'oauth') && config.oauthOptions?.providers.length === 1 && config.oauthOptions?.providers[0].type === StytchSSRProxy.OAuthProviders.Google && config.oauthOptions?.providers[0].one_tap === true && idpHelpers.getShouldRenderFloatingOneTap(position);
     }, [
         config
     ]);
@@ -1241,7 +1248,7 @@ const usePromptPasskey = ({ canAutofill })=>{
                 throw new Error('Empty response');
             }
             onEvent({
-                type: idpHelpers.StytchEventType.PasskeyAuthenticate,
+                type: StytchSSRProxy.StytchEventType.PasskeyAuthenticate,
                 data: resp
             });
             dispatch({
@@ -1566,15 +1573,15 @@ const PasskeyIcon = ({ size = shadcn.DEFAULT_ICON_SIZE, ...props })=>/*#__PURE__
     }));
 
 const OTPButtonText = {
-    [idpHelpers.OTPMethods.SMS]: {
+    [StytchSSRProxy.OTPMethods.SMS]: {
         id: "button.sms",
         message: "Continue with text message"
     },
-    [idpHelpers.OTPMethods.WhatsApp]: {
+    [StytchSSRProxy.OTPMethods.WhatsApp]: {
         id: "button.whatsapp",
         message: "Continue with WhatsApp"
     },
-    [idpHelpers.OTPMethods.Email]: {
+    [StytchSSRProxy.OTPMethods.Email]: {
         id: "button.emailLogin",
         message: "Continue with email"
     }
@@ -1614,13 +1621,13 @@ const OTPEmailForm = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.OTPsLoginOrCreateEvent,
+                type: StytchSSRProxy.StytchEventType.OTPsLoginOrCreateEvent,
                 data
             });
             dispatch({
                 type: 'update_otp_state',
                 otpState: {
-                    type: idpHelpers.OTPMethods.Email,
+                    type: StytchSSRProxy.OTPMethods.Email,
                     methodId: data.method_id,
                     otpDestination: email
                 }
@@ -1656,7 +1663,7 @@ const OTPEmailForm = ()=>{
         variant: "primary",
         loading: isSubmitting,
         type: "submit"
-    }, $__i18n._(OTPButtonText[idpHelpers.OTPMethods.Email])));
+    }, $__i18n._(OTPButtonText[StytchSSRProxy.OTPMethods.Email])));
 };
 const PhoneForm = ({ method })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
@@ -1699,7 +1706,7 @@ const PhoneForm = ({ method })=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.OTPsLoginOrCreateEvent,
+                type: StytchSSRProxy.StytchEventType.OTPsLoginOrCreateEvent,
                 data
             });
             dispatch({
@@ -2174,52 +2181,52 @@ const getMetaMaskProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.p
 const getCoinbaseProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum;
 const getOtherInjectedProvider = ()=>window.ethereum.providers?.find((wallet)=>!wallet.isCoinbaseWallet && !wallet.isMetaMask);
 const WalletToIcon = {
-    [idpHelpers.Wallets.Phantom]: PhantomIcon,
-    [idpHelpers.Wallets.Binance]: BinanceIcon,
-    [idpHelpers.Wallets.Coinbase]: CoinbaseIcon,
-    [idpHelpers.Wallets.Metamask]: MetamaskIcon,
-    [idpHelpers.Wallets.GenericEthereumWallet]: GenericWalletIcon,
-    [idpHelpers.Wallets.GenericSolanaWallet]: GenericWalletIcon
+    [StytchSSRProxy.Wallets.Phantom]: PhantomIcon,
+    [StytchSSRProxy.Wallets.Binance]: BinanceIcon,
+    [StytchSSRProxy.Wallets.Coinbase]: CoinbaseIcon,
+    [StytchSSRProxy.Wallets.Metamask]: MetamaskIcon,
+    [StytchSSRProxy.Wallets.GenericEthereumWallet]: GenericWalletIcon,
+    [StytchSSRProxy.Wallets.GenericSolanaWallet]: GenericWalletIcon
 };
 const WalletToText = {
-    [idpHelpers.Wallets.Phantom]: {
+    [StytchSSRProxy.Wallets.Phantom]: {
         id: "crypto.wallet.phantom",
         message: "Phantom"
     },
-    [idpHelpers.Wallets.Binance]: {
+    [StytchSSRProxy.Wallets.Binance]: {
         id: "crypto.wallet.binance",
         message: "Binance"
     },
-    [idpHelpers.Wallets.Coinbase]: {
+    [StytchSSRProxy.Wallets.Coinbase]: {
         id: "crypto.wallet.coinbase",
         message: "Coinbase"
     },
-    [idpHelpers.Wallets.Metamask]: {
+    [StytchSSRProxy.Wallets.Metamask]: {
         id: "crypto.wallet.metamask",
         message: "Metamask"
     },
-    [idpHelpers.Wallets.GenericEthereumWallet]: {
+    [StytchSSRProxy.Wallets.GenericEthereumWallet]: {
         id: "crypto.wallet.otherEthereum",
         message: "Other Ethereum Wallet"
     },
-    [idpHelpers.Wallets.GenericSolanaWallet]: {
+    [StytchSSRProxy.Wallets.GenericSolanaWallet]: {
         id: "crypto.wallet.otherSolana",
         message: "Other Solana Wallet"
     }
 };
 const isWalletVisible = (wallet)=>{
     switch(wallet){
-        case idpHelpers.Wallets.Metamask:
+        case StytchSSRProxy.Wallets.Metamask:
             return !!window.ethereum && hasMetaMask();
-        case idpHelpers.Wallets.Phantom:
+        case StytchSSRProxy.Wallets.Phantom:
             return (!!window.solana && window.solana?.isPhantom) ?? false;
-        case idpHelpers.Wallets.Binance:
+        case StytchSSRProxy.Wallets.Binance:
             return !!window.BinanceChain;
-        case idpHelpers.Wallets.Coinbase:
+        case StytchSSRProxy.Wallets.Coinbase:
             return !!window.ethereum && hasCoinbaseWallet();
-        case idpHelpers.Wallets.GenericEthereumWallet:
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
             return !!window.ethereum && hasOtherEthereumWallet();
-        case idpHelpers.Wallets.GenericSolanaWallet:
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
             return !!window.solana && !window.solana.isPhantom;
         default:
             return false;
@@ -2233,32 +2240,32 @@ const connectWithEthereumProvider = async (request)=>{
 };
 const connectWithWallet = async ({ wallet })=>{
     switch(wallet){
-        case idpHelpers.Wallets.Metamask:
+        case StytchSSRProxy.Wallets.Metamask:
             {
                 const provider = getMetaMaskProvider();
                 return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
             }
-        case idpHelpers.Wallets.Phantom:
+        case StytchSSRProxy.Wallets.Phantom:
             {
                 const connectResp = await window.solana.connect();
                 return connectResp.publicKey.toString();
             }
-        case idpHelpers.Wallets.Binance:
+        case StytchSSRProxy.Wallets.Binance:
             {
                 const provider = window.BinanceChain;
                 return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
             }
-        case idpHelpers.Wallets.Coinbase:
+        case StytchSSRProxy.Wallets.Coinbase:
             {
                 const provider = getCoinbaseProvider();
                 return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
             }
-        case idpHelpers.Wallets.GenericEthereumWallet:
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
             {
                 const provider = getOtherInjectedProvider();
                 return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
             }
-        case idpHelpers.Wallets.GenericSolanaWallet:
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
             {
                 const connectResp = await window.solana.connect();
                 return connectResp.publicKey.toString();
@@ -2290,25 +2297,25 @@ const signMessageWithEthereumProvider = async (request, message, address)=>{
 };
 const signMessageWithWallet = async ({ wallet, message, address })=>{
     switch(wallet){
-        case idpHelpers.Wallets.Phantom:
-        case idpHelpers.Wallets.GenericSolanaWallet:
+        case StytchSSRProxy.Wallets.Phantom:
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
             return signMessageWithSolanaProvider(message);
-        case idpHelpers.Wallets.Metamask:
+        case StytchSSRProxy.Wallets.Metamask:
             {
                 const provider = getMetaMaskProvider();
                 return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
             }
-        case idpHelpers.Wallets.Binance:
+        case StytchSSRProxy.Wallets.Binance:
             {
                 const provider = window.BinanceChain;
                 return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
             }
-        case idpHelpers.Wallets.Coinbase:
+        case StytchSSRProxy.Wallets.Coinbase:
             {
                 const provider = getCoinbaseProvider();
                 return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
             }
-        case idpHelpers.Wallets.GenericEthereumWallet:
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
             {
                 const provider = getOtherInjectedProvider();
                 return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
@@ -2319,8 +2326,8 @@ const signMessageWithWallet = async ({ wallet, message, address })=>{
 };
 const isSolanaWallet = (wallet)=>{
     const solanaWallets = [
-        idpHelpers.Wallets.Phantom,
-        idpHelpers.Wallets.GenericSolanaWallet
+        StytchSSRProxy.Wallets.Phantom,
+        StytchSSRProxy.Wallets.GenericSolanaWallet
     ];
     return solanaWallets.includes(wallet);
 };
@@ -2331,27 +2338,27 @@ const WalletIconComponent = ({ wallet })=>{
     return /*#__PURE__*/ React__namespace.createElement(Icon, null);
 };
 const walletMessages = {
-    [idpHelpers.Wallets.Phantom]: {
+    [StytchSSRProxy.Wallets.Phantom]: {
         id: "crypto.wallet.continueWithPhantom",
         message: "Continue with Phantom"
     },
-    [idpHelpers.Wallets.Binance]: {
+    [StytchSSRProxy.Wallets.Binance]: {
         id: "crypto.wallet.continueWithBinance",
         message: "Continue with Binance"
     },
-    [idpHelpers.Wallets.Coinbase]: {
+    [StytchSSRProxy.Wallets.Coinbase]: {
         id: "crypto.wallet.continueWithCoinbase",
         message: "Continue with Coinbase"
     },
-    [idpHelpers.Wallets.Metamask]: {
+    [StytchSSRProxy.Wallets.Metamask]: {
         id: "crypto.wallet.continueWithMetamask",
         message: "Continue with Metamask"
     },
-    [idpHelpers.Wallets.GenericEthereumWallet]: {
+    [StytchSSRProxy.Wallets.GenericEthereumWallet]: {
         id: "crypto.wallet.continueWithEthereum",
         message: "Continue with Other Ethereum Wallet"
     },
-    [idpHelpers.Wallets.GenericSolanaWallet]: {
+    [StytchSSRProxy.Wallets.GenericSolanaWallet]: {
         id: "crypto.wallet.continueWithSolana",
         message: "Continue with Other Solana Wallet"
     }
@@ -2376,7 +2383,7 @@ const CryptoWalletButtons = ({ type })=>{
             screen: AppScreens.CryptoConnect
         });
     };
-    const allDetectedWallets = Object.keys(idpHelpers.Wallets).filter((wallet)=>isWalletVisible(idpHelpers.Wallets[wallet]));
+    const allDetectedWallets = Object.keys(StytchSSRProxy.Wallets).filter((wallet)=>isWalletVisible(StytchSSRProxy.Wallets[wallet]));
     const renderOtherScreenButton = allDetectedWallets.length > cryptoButtonsOnMainScreen;
     const mainWallets = allDetectedWallets.slice(0, cryptoButtonsOnMainScreen);
     const otherWallet = allDetectedWallets.slice(cryptoButtonsOnMainScreen);
@@ -2385,13 +2392,13 @@ const CryptoWalletButtons = ({ type })=>{
             key: wallet,
             variant: "outline",
             icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-                wallet: idpHelpers.Wallets[wallet]
+                wallet: StytchSSRProxy.Wallets[wallet]
             }),
-            onClick: ()=>onWalletStart(idpHelpers.Wallets[wallet])
-        }, type === 'main' ? $__i18n._(walletMessages[idpHelpers.Wallets[wallet]]) : $__i18n._(WalletToText[idpHelpers.Wallets[wallet]]))), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
+            onClick: ()=>onWalletStart(StytchSSRProxy.Wallets[wallet])
+        }, type === 'main' ? $__i18n._(walletMessages[StytchSSRProxy.Wallets[wallet]]) : $__i18n._(WalletToText[StytchSSRProxy.Wallets[wallet]]))), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
         variant: "outline",
         icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-            wallet: idpHelpers.Wallets.GenericEthereumWallet
+            wallet: StytchSSRProxy.Wallets.GenericEthereumWallet
         }),
         onClick: ()=>dispatch({
                 type: 'transition',
@@ -2412,6 +2419,69 @@ const CryptoWalletButtons = ({ type })=>{
     })));
 };
 
+function usePasswordlessAuthenticate() {
+    const stytchClient = useStytch();
+    const { emailMagicLinksOptions, otpOptions } = useConfig();
+    const [state, dispatch] = useGlobalReducer();
+    const onEvent = useEventCallback();
+    const onError = useErrorCallback();
+    const [isSubmitting, setIsSubmitting] = React.useState(false);
+    const email = state.formState.passwordState.email;
+    const sendLink = async ()=>{
+        setIsSubmitting(true);
+        try {
+            const data = await stytchClient.magicLinks.email.loginOrCreate(email, StytchSSRProxy.convertMagicLinkOptions(emailMagicLinksOptions));
+            onEvent({
+                type: StytchSSRProxy.StytchEventType.MagicLinkLoginOrCreateEvent,
+                data: {
+                    ...data,
+                    email
+                }
+            });
+            dispatch({
+                type: 'set_magic_link_email',
+                email: email
+            });
+        } catch (e) {
+            onError(e);
+            throw e;
+        } finally{
+            setIsSubmitting(false);
+        }
+    };
+    const sendCode = async ()=>{
+        setIsSubmitting(true);
+        try {
+            const data = await stytchClient.otps.email.loginOrCreate(email, {
+                expiration_minutes: otpOptions?.expirationMinutes ?? idpHelpers.DEFAULT_OTP_EXPIRATION_MINUTES,
+                locale: otpOptions?.locale
+            });
+            onEvent({
+                type: StytchSSRProxy.StytchEventType.OTPsLoginOrCreateEvent,
+                data
+            });
+            dispatch({
+                type: 'update_otp_state',
+                otpState: {
+                    type: StytchSSRProxy.OTPMethods.Email,
+                    methodId: data.method_id,
+                    otpDestination: email
+                }
+            });
+        } catch (e) {
+            onError(e);
+            throw e;
+        } finally{
+            setIsSubmitting(false);
+        }
+    };
+    return {
+        sendLink,
+        sendCode,
+        isSubmitting
+    };
+}
+
 /**
  * Resolves the best email domain to use as a hint for login
  */ const useEmailDomain = ()=>{
@@ -2443,12 +2513,14 @@ const CryptoWalletButtons = ({ type })=>{
     // we simply won't provide a hint!
     return null;
 };
-const EmailConfirmation = (props)=>{
+const EmailConfirmation = ({ showGoBack = true })=>{
     const stytchClient = useStytch();
     const [state, dispatch] = useGlobalReducer();
     const emailDomain = useEmailDomain();
+    const countdown = shadcn.useCountdown();
+    const { sendLink, isSubmitting } = usePasswordlessAuthenticate();
     const email = state.formState.magicLinkState.email !== '' ? state.formState.magicLinkState.email : state.formState.passwordState.email;
-    const reset = ()=>{
+    const goBack = ()=>{
         dispatch({
             type: 'set_magic_link_email',
             email: ''
@@ -2467,9 +2539,11 @@ const EmailConfirmation = (props)=>{
     };
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.EmailConfirmationView, {
         emailDomain: emailDomain,
-        reset: reset,
         email: email,
-        ...props
+        goBack: showGoBack ? goBack : undefined,
+        resend: sendLink,
+        countdown: countdown,
+        isSubmitting: isSubmitting
     });
 };
 
@@ -3383,15 +3457,15 @@ const PasswordMethods = {
 };
 
 const OTPTabHeaders = {
-    [idpHelpers.OTPMethods.SMS]: {
+    [StytchSSRProxy.OTPMethods.SMS]: {
         id: "tab.text",
         message: "Text"
     },
-    [idpHelpers.OTPMethods.WhatsApp]: {
+    [StytchSSRProxy.OTPMethods.WhatsApp]: {
         id: "tab.whatsapp",
         message: "WhatsApp"
     },
-    [idpHelpers.OTPMethods.Email]: {
+    [StytchSSRProxy.OTPMethods.Email]: {
         id: "tab.email",
         message: "Email"
     },
@@ -3414,7 +3488,7 @@ const getTabMethods = (products, otpMethods)=>{
             tabMethods.add(PasswordMethods.Email);
         } else if (id === 'otp') {
             for (const method of otpMethods){
-                tabMethods.add(method === idpHelpers.OTPMethods.Email && hasPassword ? PasswordMethods.Email : method);
+                tabMethods.add(method === StytchSSRProxy.OTPMethods.Email && hasPassword ? PasswordMethods.Email : method);
             }
         }
     }
@@ -3426,7 +3500,7 @@ const LoginForm = ()=>{
     const productsIncludesOtp = hasProduct(products, 'otp');
     const otpMethods = productsIncludesOtp ? otpOptions?.methods ?? [] : [];
     const hasEmailMagicLink = hasProduct(products, 'emailMagicLinks');
-    const hasOTPEmail = productsIncludesOtp && otpMethods.includes(idpHelpers.OTPMethods.Email);
+    const hasOTPEmail = productsIncludesOtp && otpMethods.includes(StytchSSRProxy.OTPMethods.Email);
     const tabMethods = getTabMethods(products, otpMethods);
     const tabMethodComponents = useProductComponents(products, 'tabs');
     if (hasEmailMagicLink && hasOTPEmail) return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
@@ -3493,7 +3567,7 @@ const MagicLinkEmailForm = ()=>{
             setIsSubmitting(true);
             stytchClient.magicLinks.email.loginOrCreate(submittingEmail, StytchSSRProxy.convertMagicLinkOptions(emailMagicLinksOptions)).then((data)=>{
                 onEvent({
-                    type: idpHelpers.StytchEventType.MagicLinkLoginOrCreateEvent,
+                    type: StytchSSRProxy.StytchEventType.MagicLinkLoginOrCreateEvent,
                     data: {
                         ...data,
                         email: submittingEmail
@@ -3543,115 +3617,115 @@ const MagicLinkEmailForm = ()=>{
 };
 
 const providerInfo = {
-    [idpHelpers.OAuthProviders.Google]: {
+    [StytchSSRProxy.OAuthProviders.Google]: {
         messageDescriptor: {
             id: "oauth.continueWithGoogle",
             message: "Continue with Google"
         }
     },
-    [idpHelpers.OAuthProviders.Microsoft]: {
+    [StytchSSRProxy.OAuthProviders.Microsoft]: {
         messageDescriptor: {
             id: "oauth.continueWithMicrosoft",
             message: "Continue with Microsoft"
         }
     },
-    [idpHelpers.OAuthProviders.Apple]: {
+    [StytchSSRProxy.OAuthProviders.Apple]: {
         messageDescriptor: {
             id: "oauth.continueWithApple",
             message: "Continue with Apple"
         }
     },
-    [idpHelpers.OAuthProviders.Github]: {
+    [StytchSSRProxy.OAuthProviders.Github]: {
         messageDescriptor: {
             id: "oauth.continueWithGitHub",
             message: "Continue with GitHub"
         }
     },
-    [idpHelpers.OAuthProviders.GitLab]: {
+    [StytchSSRProxy.OAuthProviders.GitLab]: {
         messageDescriptor: {
             id: "oauth.continueWithGitLab",
             message: "Continue with GitLab"
         }
     },
-    [idpHelpers.OAuthProviders.Facebook]: {
+    [StytchSSRProxy.OAuthProviders.Facebook]: {
         messageDescriptor: {
             id: "oauth.continueWithFacebook",
             message: "Continue with Facebook"
         }
     },
-    [idpHelpers.OAuthProviders.Discord]: {
+    [StytchSSRProxy.OAuthProviders.Discord]: {
         messageDescriptor: {
             id: "oauth.continueWithDiscord",
             message: "Continue with Discord"
         }
     },
-    [idpHelpers.OAuthProviders.Salesforce]: {
+    [StytchSSRProxy.OAuthProviders.Salesforce]: {
         messageDescriptor: {
             id: "oauth.continueWithSalesforce",
             message: "Continue with Salesforce"
         }
     },
-    [idpHelpers.OAuthProviders.Slack]: {
+    [StytchSSRProxy.OAuthProviders.Slack]: {
         messageDescriptor: {
             id: "oauth.continueWithSlack",
             message: "Continue with Slack"
         }
     },
-    [idpHelpers.OAuthProviders.Amazon]: {
+    [StytchSSRProxy.OAuthProviders.Amazon]: {
         messageDescriptor: {
             id: "oauth.continueWithAmazon",
             message: "Continue with Amazon"
         }
     },
-    [idpHelpers.OAuthProviders.Bitbucket]: {
+    [StytchSSRProxy.OAuthProviders.Bitbucket]: {
         messageDescriptor: {
             id: "oauth.continueWithBitbucket",
             message: "Continue with Bitbucket"
         }
     },
-    [idpHelpers.OAuthProviders.LinkedIn]: {
+    [StytchSSRProxy.OAuthProviders.LinkedIn]: {
         messageDescriptor: {
             id: "oauth.continueWithLinkedIn",
             message: "Continue with LinkedIn"
         }
     },
-    [idpHelpers.OAuthProviders.Coinbase]: {
+    [StytchSSRProxy.OAuthProviders.Coinbase]: {
         messageDescriptor: {
             id: "oauth.continueWithCoinbase",
             message: "Continue with Coinbase"
         }
     },
-    [idpHelpers.OAuthProviders.Twitch]: {
+    [StytchSSRProxy.OAuthProviders.Twitch]: {
         messageDescriptor: {
             id: "oauth.continueWithTwitch",
             message: "Continue with Twitch"
         }
     },
-    [idpHelpers.OAuthProviders.Twitter]: {
+    [StytchSSRProxy.OAuthProviders.Twitter]: {
         messageDescriptor: {
             id: "oauth.continueWithX",
             message: "Continue with X"
         }
     },
-    [idpHelpers.OAuthProviders.TikTok]: {
+    [StytchSSRProxy.OAuthProviders.TikTok]: {
         messageDescriptor: {
             id: "oauth.continueWithTikTok",
             message: "Continue with TikTok"
         }
     },
-    [idpHelpers.OAuthProviders.Snapchat]: {
+    [StytchSSRProxy.OAuthProviders.Snapchat]: {
         messageDescriptor: {
             id: "oauth.continueWithSnapchat",
             message: "Continue with Snapchat"
         }
     },
-    [idpHelpers.OAuthProviders.Figma]: {
+    [StytchSSRProxy.OAuthProviders.Figma]: {
         messageDescriptor: {
             id: "oauth.continueWithFigma",
             message: "Continue with Figma"
         }
     },
-    [idpHelpers.OAuthProviders.Yahoo]: {
+    [StytchSSRProxy.OAuthProviders.Yahoo]: {
         messageDescriptor: {
             id: "oauth.continueWithYahoo",
             message: "Continue with Yahoo"
@@ -3867,14 +3941,14 @@ const GoogleOneTap = ({ position, customScopes, providerParams, cancelOnTapOutsi
    * End One Tap Loading / Initialization Logic
    */ // Fallback Google auth button in case One Tap cannot be displayed
     const fallbackButton = /*#__PURE__*/ React__namespace.default.createElement(OAuthButton, {
-        providerType: idpHelpers.OAuthProviders.Google,
+        providerType: StytchSSRProxy.OAuthProviders.Google,
         loginRedirectUrl: config.oauthOptions?.loginRedirectURL,
         signupRedirectUrl: config.oauthOptions?.signupRedirectURL,
         customScopes: customScopes,
         providerParams: providerParams,
-        onSuccess: ()=>setLastUsedOAuth(idpHelpers.OAuthProviders.Google)
+        onSuccess: ()=>setLastUsedOAuth(StytchSSRProxy.OAuthProviders.Google)
     });
-    const fallbackWithLastUsed = lastUsedMethod === idpHelpers.OAuthProviders.Google ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, null, fallbackButton) : fallbackButton;
+    const fallbackWithLastUsed = lastUsedMethod === StytchSSRProxy.OAuthProviders.Google ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, null, fallbackButton) : fallbackButton;
     if (isOnlyFloatingOneTap) {
         return /*#__PURE__*/ React__namespace.default.createElement(OneTapMountNode, {
             enableShadowDOM: Boolean(config.enableShadowDOM)
@@ -3953,7 +4027,7 @@ const OTPAuthenticate = ({ hideBackButton = false })=>{
                 parsePhoneNumber,
                 phoneNumber: destination
             });
-            setFormattedDestination(selectionMethod === idpHelpers.OTPMethods.Email ? destination : national);
+            setFormattedDestination(selectionMethod === StytchSSRProxy.OTPMethods.Email ? destination : national);
         };
         parseDestination();
     }, [
@@ -3964,7 +4038,7 @@ const OTPAuthenticate = ({ hideBackButton = false })=>{
     const [expiration, setExpiration] = React.useState(calculateExpiration);
     const resendCountdown = shadcn.useCountdown();
     const resendOTP = async ()=>{
-        if (selectionMethod === idpHelpers.OTPMethods.Email) {
+        if (selectionMethod === StytchSSRProxy.OTPMethods.Email) {
             StytchSSRProxy.readB2CInternals(stytchClient).networkClient.logEvent({
                 name: 'email_try_again_clicked',
                 details: {
@@ -3978,7 +4052,7 @@ const OTPAuthenticate = ({ hideBackButton = false })=>{
                 expiration_minutes: config.otpOptions?.expirationMinutes ?? idpHelpers.DEFAULT_OTP_EXPIRATION_MINUTES
             });
             onEvent({
-                type: idpHelpers.StytchEventType.OTPsLoginOrCreateEvent,
+                type: StytchSSRProxy.StytchEventType.OTPsLoginOrCreateEvent,
                 data
             });
             setExpiration(calculateExpiration());
@@ -4002,7 +4076,7 @@ const OTPAuthenticate = ({ hideBackButton = false })=>{
             session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
         }).then((data)=>{
             onEvent({
-                type: idpHelpers.StytchEventType.OTPsAuthenticate,
+                type: StytchSSRProxy.StytchEventType.OTPsAuthenticate,
                 data
             });
             setIsSubmitting(false);
@@ -4046,7 +4120,7 @@ const OTPConfirmation = ()=>{
     const onEvent = useEventCallback();
     shadcn.useMountEffect(()=>{
         onEvent({
-            type: idpHelpers.StytchEventType.AuthenticateFlowComplete,
+            type: StytchSSRProxy.StytchEventType.AuthenticateFlowComplete,
             data: {}
         });
     });
@@ -4122,7 +4196,7 @@ const PasswordNewUser = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.PasswordCreate,
+                type: StytchSSRProxy.StytchEventType.PasswordCreate,
                 data
             });
             dispatch({
@@ -4195,7 +4269,7 @@ const PasswordAuthenticate = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.PasswordAuthenticate,
+                type: StytchSSRProxy.StytchEventType.PasswordAuthenticate,
                 data
             });
             dispatch({
@@ -4268,7 +4342,7 @@ const PasswordlessAuthenticate = ({ secondaryType })=>{
     const resetPassword = ()=>{
         stytchClient.passwords.resetByEmailStart(StytchSSRProxy.convertPasswordResetOptions(email, passwordOptions)).then((data)=>{
             onEvent({
-                type: idpHelpers.StytchEventType.PasswordResetByEmailStart,
+                type: StytchSSRProxy.StytchEventType.PasswordResetByEmailStart,
                 data
             });
             dispatch({
@@ -4291,7 +4365,7 @@ const PasswordlessAuthenticate = ({ secondaryType })=>{
             default:
                 stytchClient.passwords.resetByEmailStart(StytchSSRProxy.convertPasswordResetOptions(email, passwordOptions)).then((data)=>{
                     onEvent({
-                        type: idpHelpers.StytchEventType.PasswordResetByEmailStart,
+                        type: StytchSSRProxy.StytchEventType.PasswordResetByEmailStart,
                         data
                     });
                     dispatch({
@@ -4309,8 +4383,7 @@ const PasswordlessAuthenticate = ({ secondaryType })=>{
     }
     return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, secondaryType === 'eml' ? /*#__PURE__*/ React__namespace.default.createElement(EmailConfirmation, {
         showGoBack: false
-    }) //
-     : /*#__PURE__*/ React__namespace.default.createElement(OTPAuthenticate, {
+    }) : /*#__PURE__*/ React__namespace.default.createElement(OTPAuthenticate, {
         hideBackButton: true
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Divider, null), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
         gap: 2
@@ -4322,68 +4395,6 @@ const PasswordlessAuthenticate = ({ secondaryType })=>{
         message: "Create a password instead"
     })), errorMessage && /*#__PURE__*/ React__namespace.default.createElement(shadcn.ErrorText, null, errorMessage)));
 };
-function usePasswordlessAuthenticate() {
-    const stytchClient = useStytch();
-    const { emailMagicLinksOptions, otpOptions } = useConfig();
-    const [state, dispatch] = useGlobalReducer();
-    const onEvent = useEventCallback();
-    const onError = useErrorCallback();
-    const [isSubmitting, setIsSubmitting] = React.useState(false);
-    const email = state.formState.passwordState.email;
-    const sendLink = async ()=>{
-        setIsSubmitting(true);
-        try {
-            const data = await stytchClient.magicLinks.email.loginOrCreate(email, StytchSSRProxy.convertMagicLinkOptions(emailMagicLinksOptions));
-            onEvent({
-                type: idpHelpers.StytchEventType.MagicLinkLoginOrCreateEvent,
-                data: {
-                    ...data,
-                    email
-                }
-            });
-            dispatch({
-                type: 'set_magic_link_email',
-                email: email
-            });
-        } catch (e) {
-            onError(e);
-            throw e;
-        } finally{
-            setIsSubmitting(false);
-        }
-    };
-    const sendCode = async ()=>{
-        setIsSubmitting(true);
-        try {
-            const data = await stytchClient.otps.email.loginOrCreate(email, {
-                expiration_minutes: otpOptions?.expirationMinutes ?? idpHelpers.DEFAULT_OTP_EXPIRATION_MINUTES,
-                locale: otpOptions?.locale
-            });
-            onEvent({
-                type: idpHelpers.StytchEventType.OTPsLoginOrCreateEvent,
-                data
-            });
-            dispatch({
-                type: 'update_otp_state',
-                otpState: {
-                    type: idpHelpers.OTPMethods.Email,
-                    methodId: data.method_id,
-                    otpDestination: email
-                }
-            });
-        } catch (e) {
-            onError(e);
-            throw e;
-        } finally{
-            setIsSubmitting(false);
-        }
-    };
-    return {
-        sendLink,
-        sendCode,
-        isSubmitting
-    };
-}
 
 const PasswordCreateAuthenticate = ()=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
@@ -4391,7 +4402,7 @@ const PasswordCreateAuthenticate = ()=>{
     const [state, dispatch] = useGlobalReducer();
     const otpMethods = otpOptions?.methods ?? [];
     const hasEmailMagicLink = hasProduct(products, 'emailMagicLinks') && !!emailMagicLinksOptions;
-    const hasOTPEmail = otpMethods.includes(idpHelpers.OTPMethods.Email);
+    const hasOTPEmail = otpMethods.includes(StytchSSRProxy.OTPMethods.Email);
     const secondaryType = hasOTPEmail ? 'otp' : hasEmailMagicLink ? 'eml' : undefined;
     const userType = state.formState.passwordState.type;
     const secondaryAuth = useSecondaryAuthenticate(secondaryType, {
@@ -4574,7 +4585,7 @@ const ResetPasswordScreen = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.PasswordResetByEmail,
+                type: StytchSSRProxy.StytchEventType.PasswordResetByEmail,
                 data
             });
             dispatch({
@@ -4772,7 +4783,7 @@ const PasswordSetNew = ()=>{
             try {
                 const data = await resendResetPassword();
                 onEvent({
-                    type: idpHelpers.StytchEventType.PasswordResetByEmailStart,
+                    type: StytchSSRProxy.StytchEventType.PasswordResetByEmailStart,
                     data
                 });
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -4813,7 +4824,7 @@ const PasswordConfirmation = ()=>{
     const onEvent = useEventCallback();
     shadcn.useMountEffect(()=>{
         onEvent({
-            type: idpHelpers.StytchEventType.AuthenticateFlowComplete,
+            type: StytchSSRProxy.StytchEventType.AuthenticateFlowComplete,
             data: {}
         });
     });
@@ -4922,7 +4933,7 @@ const PasskeyRegistrationStart = ()=>{
             session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
         }).then((data)=>{
             onEvent({
-                type: idpHelpers.StytchEventType.PasskeyRegister,
+                type: StytchSSRProxy.StytchEventType.PasskeyRegister,
                 data
             });
             dispatch({
@@ -4947,7 +4958,7 @@ const PasskeyRegistrationStart = ()=>{
     };
     const onSkip = ()=>{
         onEvent({
-            type: idpHelpers.StytchEventType.PasskeySkip,
+            type: StytchSSRProxy.StytchEventType.PasskeySkip,
             data: {}
         });
         dispatch({
@@ -5135,7 +5146,7 @@ const PasskeyRegistrationSuccess = ()=>{
     const onDone = async ()=>{
         await optimisticRegistrations?.update;
         onEvent({
-            type: idpHelpers.StytchEventType.PasskeyDone,
+            type: StytchSSRProxy.StytchEventType.PasskeyDone,
             data: {}
         });
     };
@@ -5246,7 +5257,7 @@ const PasskeyConfirmation = ()=>{
     const onEvent = useEventCallback();
     shadcn.useMountEffect(()=>{
         onEvent({
-            type: idpHelpers.StytchEventType.AuthenticateFlowComplete,
+            type: StytchSSRProxy.StytchEventType.AuthenticateFlowComplete,
             data: {}
         });
     });
@@ -5297,7 +5308,7 @@ const ConnectWallet = ()=>{
             crypto_wallet_type: walletType
         }).then((data)=>{
             onEvent({
-                type: idpHelpers.StytchEventType.CryptoWalletAuthenticateStart,
+                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticateStart,
                 data
             });
             dispatch({
@@ -5376,7 +5387,7 @@ const SignMessage = ()=>{
             session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
         }).then((data)=>{
             onEvent({
-                type: idpHelpers.StytchEventType.CryptoWalletAuthenticate,
+                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticate,
                 data
             });
             dispatch({
@@ -5468,28 +5479,28 @@ const SetupNewWallet = ()=>{
         })
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
         ...commonButtonProps,
-        icon: walletIcon(idpHelpers.Wallets.Metamask),
+        icon: walletIcon(StytchSSRProxy.Wallets.Metamask),
         href: "https://metamask.io/"
     }, $__i18n._({
         id: "crypto.wallet.metamask",
         message: "Metamask"
     })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
         ...commonButtonProps,
-        icon: walletIcon(idpHelpers.Wallets.Phantom),
+        icon: walletIcon(StytchSSRProxy.Wallets.Phantom),
         href: "https://phantom.app/"
     }, $__i18n._({
         id: "crypto.wallet.phantom",
         message: "Phantom"
     })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
         ...commonButtonProps,
-        icon: walletIcon(idpHelpers.Wallets.Coinbase),
+        icon: walletIcon(StytchSSRProxy.Wallets.Coinbase),
         href: "https://www.coinbase.com/wallet"
     }, $__i18n._({
         id: "crypto.wallet.coinbase",
         message: "Coinbase"
     })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
         ...commonButtonProps,
-        icon: walletIcon(idpHelpers.Wallets.Binance),
+        icon: walletIcon(StytchSSRProxy.Wallets.Binance),
         href: "https://www.bnbchain.world/en/binance-wallet"
     }, $__i18n._({
         id: "crypto.wallet.binance",
@@ -5592,16 +5603,16 @@ const emailIcons = {
 };
 
 const PhoneFormSMS = ()=>/*#__PURE__*/ React__namespace.default.createElement(PhoneForm, {
-        method: idpHelpers.OTPMethods.SMS
+        method: StytchSSRProxy.OTPMethods.SMS
     });
 const PhoneFormWhatsApp = ()=>/*#__PURE__*/ React__namespace.default.createElement(PhoneForm, {
-        method: idpHelpers.OTPMethods.WhatsApp
+        method: StytchSSRProxy.OTPMethods.WhatsApp
     });
 const MainWalletButtons = ()=>/*#__PURE__*/ React__namespace.default.createElement(CryptoWalletButtons, {
         type: "main"
     });
 const FloatingOneTap = ()=>/*#__PURE__*/ React__namespace.default.createElement(GoogleOneTap, {
-        position: idpHelpers.OneTapPositions.floating
+        position: StytchSSRProxy.OneTapPositions.floating
     });
 const emailMagicLinks = {
     id: 'emailMagicLinks',
@@ -5633,9 +5644,9 @@ const otp = {
         [AppScreens.OTPConfirmation]: OTPConfirmation
     },
     tabs: {
-        [idpHelpers.OTPMethods.Email]: OTPEmailForm,
-        [idpHelpers.OTPMethods.SMS]: PhoneFormSMS,
-        [idpHelpers.OTPMethods.WhatsApp]: PhoneFormWhatsApp
+        [StytchSSRProxy.OTPMethods.Email]: OTPEmailForm,
+        [StytchSSRProxy.OTPMethods.SMS]: PhoneFormSMS,
+        [StytchSSRProxy.OTPMethods.WhatsApp]: PhoneFormWhatsApp
     },
     mainScreen: {
         'login-form': LoginForm
@@ -6075,6 +6086,9 @@ exports.StytchClient = index_headless.StytchClient;
 exports.StytchHeadlessClient = index_headless.StytchHeadlessClient;
 exports.createStytchClient = index_headless.createStytchClient;
 exports.createStytchHeadlessClient = index_headless.createStytchHeadlessClient;
+exports.AuthFlowType = StytchSSRProxy.AuthFlowType;
+exports.B2BMFAProducts = StytchSSRProxy.B2BMFAProducts;
+exports.B2BOAuthProviders = StytchSSRProxy.B2BOAuthProviders;
 exports.BiometricRegistrationIdIsNullOrBlank = StytchSSRProxy.BiometricRegistrationIdIsNullOrBlank;
 exports.BiometricsAlreadyEnrolledError = StytchSSRProxy.BiometricsAlreadyEnrolledError;
 exports.BiometricsFailedError = StytchSSRProxy.BiometricsFailedError;
@@ -6105,10 +6119,15 @@ exports.NoBiometricsEnrolledError = StytchSSRProxy.NoBiometricsEnrolledError;
 exports.NoBiometricsRegistrationError = StytchSSRProxy.NoBiometricsRegistrationError;
 exports.NoCredentialsPresentError = StytchSSRProxy.NoCredentialsPresentError;
 exports.NoCurrentSessionError = StytchSSRProxy.NoCurrentSessionError;
+exports.OAuthProviders = StytchSSRProxy.OAuthProviders;
+exports.OTPMethods = StytchSSRProxy.OTPMethods;
+exports.OneTapPositions = StytchSSRProxy.OneTapPositions;
 exports.PasskeysInvalidEncoding = StytchSSRProxy.PasskeysInvalidEncoding;
 exports.PasskeysMisconfigured = StytchSSRProxy.PasskeysMisconfigured;
 exports.PasskeysUnsupportedError = StytchSSRProxy.PasskeysUnsupportedError;
+exports.RNUIProducts = StytchSSRProxy.RNUIProducts;
 exports.RandomNumberGenerationFailed = StytchSSRProxy.RandomNumberGenerationFailed;
+exports.RedirectURLType = StytchSSRProxy.RedirectURLType;
 exports.SDKAPIUnreachableError = StytchSSRProxy.SDKAPIUnreachableError;
 exports.SDKNotConfiguredError = StytchSSRProxy.SDKNotConfiguredError;
 exports.SignInWithAppleMisconfigured = StytchSSRProxy.SignInWithAppleMisconfigured;
@@ -6116,6 +6135,7 @@ exports.StytchAPIError = StytchSSRProxy.StytchAPIError;
 exports.StytchAPISchemaError = StytchSSRProxy.StytchAPISchemaError;
 exports.StytchAPIUnreachableError = StytchSSRProxy.StytchAPIUnreachableError;
 exports.StytchError = StytchSSRProxy.StytchError;
+exports.StytchEventType = StytchSSRProxy.StytchEventType;
 exports.StytchSDKAPIError = StytchSSRProxy.StytchSDKAPIError;
 exports.StytchSDKError = StytchSSRProxy.StytchSDKError;
 exports.StytchSDKSchemaError = StytchSSRProxy.StytchSDKSchemaError;
@@ -6123,22 +6143,13 @@ exports.StytchSDKUsageError = StytchSSRProxy.StytchSDKUsageError;
 exports.UNRECOVERABLE_ERROR_TYPES = StytchSSRProxy.UNRECOVERABLE_ERROR_TYPES;
 exports.UserCancellationError = StytchSSRProxy.UserCancellationError;
 exports.UserLockedOutError = StytchSSRProxy.UserLockedOutError;
+exports.Wallets = StytchSSRProxy.Wallets;
 exports.errorToStytchError = StytchSSRProxy.errorToStytchError;
 exports.defaultDarkTheme = shadcn.defaultDarkTheme;
 exports.defaultTheme = shadcn.defaultTheme;
 exports.iconsBlack = shadcn.iconsBlack;
 exports.iconsWhite = shadcn.iconsWhite;
 exports.shadcnTheme = shadcn.shadcnTheme;
-exports.AuthFlowType = idpHelpers.AuthFlowType;
-exports.B2BMFAProducts = idpHelpers.B2BMFAProducts;
-exports.B2BOAuthProviders = idpHelpers.B2BOAuthProviders;
-exports.OAuthProviders = idpHelpers.OAuthProviders;
-exports.OTPMethods = idpHelpers.OTPMethods;
-exports.OneTapPositions = idpHelpers.OneTapPositions;
-exports.RNUIProducts = idpHelpers.RNUIProducts;
-exports.RedirectURLType = idpHelpers.RedirectURLType;
-exports.StytchEventType = idpHelpers.StytchEventType;
-exports.Wallets = idpHelpers.Wallets;
 exports.parseOAuthAuthorizeParams = idpHelpers.parseOAuthAuthorizeParams;
 exports.parseOAuthLogoutParams = idpHelpers.parseOAuthLogoutParams;
 exports.IdentityProvider = IdentityProvider;