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

package/dist/cjs/b2b/index.cjs

@@ -2,11 +2,11 @@
 
 var b2b_index_headless = require('./index.headless.cjs');
 var React = require('react');
-var index$1 = require('../index-DfiRrtK8.js');
-var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-C0akDAKd.js');
-var shadcn = require('../shadcn-Bbv2Hk3P.js');
-var StytchSSRProxy = require('../StytchSSRProxy-CUOvjF03.js');
-var idpHelpers = require('../idpHelpers-eUP8j58U.js');
+var index$1 = require('../index-Ni_dyEsz.js');
+var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-DV31RTL_.js');
+var shadcn = require('../shadcn-B8TEzQMT.js');
+var StytchSSRProxy = require('../StytchSSRProxy-Bz6LNYdq.js');
+var idpHelpers = require('../idpHelpers-Bj_7pbfW.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespace(e) {
@@ -148,6 +148,13 @@ var messages$1 = {
 		],
 		"</bold>."
 	],
+	"emailConfirmation.emailSent": [
+		"Email sent! Try again in ",
+		[
+			"timeRemaining"
+		],
+		"s"
+	],
 	"emailConfirmation.title": [
 		"Check your email"
 	],
@@ -814,10 +821,10 @@ var messages$1 = {
 		"Enter verification code"
 	],
 	"watermark.altText": [
-		"Powered by Stytch"
+		"Stytch + Twilio"
 	],
-	"watermark.twilio": [
-		"Twilio"
+	"watermark.poweredBy": [
+		"Powered by"
 	]
 };
 
@@ -944,27 +951,27 @@ const mutation = ()=>{
  */ var index = index$1.withMiddleware(index$1.useSWR, mutation);
 
 const KeyToStytchEventMap = {
-    'stytch.magicLinks.authenticate': idpHelpers.StytchEventType.B2BMagicLinkAuthenticate,
-    'stytch.sso.authenticate': idpHelpers.StytchEventType.B2BSSOAuthenticate,
-    'stytch.sso.discoverConnections': idpHelpers.StytchEventType.B2BSSODiscoverConnections,
-    'stytch.magicLinks.discovery.authenticate': idpHelpers.StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
-    'stytch.discovery.organizations.create': idpHelpers.StytchEventType.B2BDiscoveryOrganizationsCreate,
-    'stytch.discovery.intermediateSessions.exchange': idpHelpers.StytchEventType.B2BDiscoveryIntermediateSessionExchange,
-    'stytch.magicLinks.email.loginOrSignup': idpHelpers.StytchEventType.B2BMagicLinkEmailLoginOrSignup,
-    'stytch.magicLinks.email.discovery.send': idpHelpers.StytchEventType.B2BMagicLinkEmailDiscoverySend,
-    'stytch.oauth.authenticate': idpHelpers.StytchEventType.B2BOAuthAuthenticate,
-    'stytch.oauth.discovery.authenticate': idpHelpers.StytchEventType.B2BOAuthDiscoveryAuthenticate,
-    'stytch.otps.sms.send': idpHelpers.StytchEventType.B2BSMSOTPSend,
-    'stytch.otps.sms.authenticate': idpHelpers.StytchEventType.B2BSMSOTPAuthenticate,
-    'stytch.totp.create': idpHelpers.StytchEventType.B2BTOTPCreate,
-    'stytch.totp.authenticate': idpHelpers.StytchEventType.B2BTOTPAuthenticate,
-    'stytch.recoveryCodes.recover': idpHelpers.StytchEventType.B2BRecoveryCodesRecover,
-    'stytch.impersonation.authenticate': idpHelpers.StytchEventType.B2BImpersonationAuthenticate,
-    'stytch.otps.email.authenticate': idpHelpers.StytchEventType.B2BOTPsEmailAuthenticate,
-    'stytch.otps.email.discovery.authenticate': idpHelpers.StytchEventType.B2BOTPsEmailDiscoveryAuthenticate,
-    'stytch.otps.email.discovery.send': idpHelpers.StytchEventType.B2BOTPsEmailDiscoverySend,
-    'stytch.otps.email.loginOrSignup': idpHelpers.StytchEventType.B2BOTPsEmailLoginOrSignup,
-    'stytch.organization.getBySlug': idpHelpers.StytchEventType.B2BOrganizationsGetBySlug
+    'stytch.magicLinks.authenticate': StytchSSRProxy.StytchEventType.B2BMagicLinkAuthenticate,
+    'stytch.sso.authenticate': StytchSSRProxy.StytchEventType.B2BSSOAuthenticate,
+    'stytch.sso.discoverConnections': StytchSSRProxy.StytchEventType.B2BSSODiscoverConnections,
+    'stytch.magicLinks.discovery.authenticate': StytchSSRProxy.StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
+    'stytch.discovery.organizations.create': StytchSSRProxy.StytchEventType.B2BDiscoveryOrganizationsCreate,
+    'stytch.discovery.intermediateSessions.exchange': StytchSSRProxy.StytchEventType.B2BDiscoveryIntermediateSessionExchange,
+    'stytch.magicLinks.email.loginOrSignup': StytchSSRProxy.StytchEventType.B2BMagicLinkEmailLoginOrSignup,
+    'stytch.magicLinks.email.discovery.send': StytchSSRProxy.StytchEventType.B2BMagicLinkEmailDiscoverySend,
+    'stytch.oauth.authenticate': StytchSSRProxy.StytchEventType.B2BOAuthAuthenticate,
+    'stytch.oauth.discovery.authenticate': StytchSSRProxy.StytchEventType.B2BOAuthDiscoveryAuthenticate,
+    'stytch.otps.sms.send': StytchSSRProxy.StytchEventType.B2BSMSOTPSend,
+    'stytch.otps.sms.authenticate': StytchSSRProxy.StytchEventType.B2BSMSOTPAuthenticate,
+    'stytch.totp.create': StytchSSRProxy.StytchEventType.B2BTOTPCreate,
+    'stytch.totp.authenticate': StytchSSRProxy.StytchEventType.B2BTOTPAuthenticate,
+    'stytch.recoveryCodes.recover': StytchSSRProxy.StytchEventType.B2BRecoveryCodesRecover,
+    'stytch.impersonation.authenticate': StytchSSRProxy.StytchEventType.B2BImpersonationAuthenticate,
+    'stytch.otps.email.authenticate': StytchSSRProxy.StytchEventType.B2BOTPsEmailAuthenticate,
+    'stytch.otps.email.discovery.authenticate': StytchSSRProxy.StytchEventType.B2BOTPsEmailDiscoveryAuthenticate,
+    'stytch.otps.email.discovery.send': StytchSSRProxy.StytchEventType.B2BOTPsEmailDiscoverySend,
+    'stytch.otps.email.loginOrSignup': StytchSSRProxy.StytchEventType.B2BOTPsEmailLoginOrSignup,
+    'stytch.organization.getBySlug': StytchSSRProxy.StytchEventType.B2BOrganizationsGetBySlug
 };
 function getStytchEventByKey(key) {
     return KeyToStytchEventMap[key];
@@ -972,7 +979,7 @@ function getStytchEventByKey(key) {
 const useMutate = (key, fetcher, options = {})=>{
     const onEvent = shadcn.useEventCallback();
     const onError = shadcn.useErrorCallback();
-    return index(key, fetcher, {
+    const result = index(key, fetcher, {
         throwOnError: false,
         ...options,
         onSuccess: (data, key, config)=>{
@@ -990,6 +997,13 @@ const useMutate = (key, fetcher, options = {})=>{
             options.onError?.(error, key, config);
         }
     });
+    // Hide the error while mutating. This helps avoid the errors continuing to show after the user has clicked submit
+    // and also ensures repeating errors causes <ErrorText> to re-render which is important for screenreaders to
+    // re-announce them
+    return result.isMutating ? {
+        ...result,
+        error: undefined
+    } : result;
 };
 /**
  *
@@ -1031,7 +1045,7 @@ const useMutate = (key, fetcher, options = {})=>{
         stytchClient
     ]);
     React.useEffect(()=>{
-        if (slug !== null && state.flowState.organization === null && state.screen === shadcn.AppScreens.Main && state.flowState.type == idpHelpers.AuthFlowType.Organization) {
+        if (slug !== null && state.flowState.organization === null && state.screen === shadcn.AppScreens.Main && state.flowState.type == StytchSSRProxy.AuthFlowType.Organization) {
             trigger({
                 slug
             });
@@ -1130,7 +1144,7 @@ const isButtonsComponent = (component)=>component === shadcn.MainScreenComponent
     const flowStateType = flowState.type;
     const productsSet = new Set(products.map((p)=>p.id));
     const displayEmailAndPasswordsTogether = (productsSet.has('emailMagicLinks') || productsSet.has('emailOtp')) && productsSet.has('passwords');
-    const emailPasswordCombinedComponent = flowStateType === idpHelpers.AuthFlowType.Organization ? shadcn.MainScreenComponent.PasswordEmailCombined : shadcn.MainScreenComponent.PasswordEmailCombinedDiscovery;
+    const emailPasswordCombinedComponent = flowStateType === StytchSSRProxy.AuthFlowType.Organization ? shadcn.MainScreenComponent.PasswordEmailCombined : shadcn.MainScreenComponent.PasswordEmailCombinedDiscovery;
     const productComponentsSet = products.reduce((components, product)=>{
         switch(product.id){
             case 'emailMagicLinks':
@@ -1138,7 +1152,7 @@ const isButtonsComponent = (component)=>component === shadcn.MainScreenComponent
                 if (displayEmailAndPasswordsTogether) {
                     components.add(emailPasswordCombinedComponent);
                 } else {
-                    components.add(flowStateType === idpHelpers.AuthFlowType.Organization ? shadcn.MainScreenComponent.EmailForm : shadcn.MainScreenComponent.EmailDiscoveryForm);
+                    components.add(flowStateType === StytchSSRProxy.AuthFlowType.Organization ? shadcn.MainScreenComponent.EmailForm : shadcn.MainScreenComponent.EmailDiscoveryForm);
                 }
                 break;
             case 'oauth':
@@ -1146,7 +1160,7 @@ const isButtonsComponent = (component)=>component === shadcn.MainScreenComponent
                 break;
             case 'sso':
                 {
-                    const isSsoValid = flowStateType === idpHelpers.AuthFlowType.Discovery || flowStateType === idpHelpers.AuthFlowType.Organization && (flowState.organization?.sso_active_connections?.length ?? 0) > 0;
+                    const isSsoValid = flowStateType === StytchSSRProxy.AuthFlowType.Discovery || flowStateType === StytchSSRProxy.AuthFlowType.Organization && (flowState.organization?.sso_active_connections?.length ?? 0) > 0;
                     if (isSsoValid) {
                         components.add(shadcn.MainScreenComponent.SSOButtons);
                     }
@@ -1190,7 +1204,7 @@ const getParamsFromB2BOAuthProviderConfig = (provider)=>{
         providerType = provider;
     } else {
         providerType = provider.type;
-        if (provider.type === idpHelpers.B2BOAuthProviders.Google && 'one_tap' in provider) {
+        if (provider.type === StytchSSRProxy.B2BOAuthProviders.Google && 'one_tap' in provider) {
             oneTap = provider.one_tap;
             cancelOnTapOutside = provider.cancel_on_tap_outside;
         }
@@ -1216,11 +1230,11 @@ const productsToAuthMethods = {
     passwords: 'password'
 };
 const oauthProvidersToAuthMethods = {
-    [idpHelpers.B2BOAuthProviders.Google]: 'google_oauth',
-    [idpHelpers.B2BOAuthProviders.Microsoft]: 'microsoft_oauth',
-    [idpHelpers.B2BOAuthProviders.HubSpot]: 'hubspot_oauth',
-    [idpHelpers.B2BOAuthProviders.Slack]: 'slack_oauth',
-    [idpHelpers.B2BOAuthProviders.GitHub]: 'github_oauth'
+    [StytchSSRProxy.B2BOAuthProviders.Google]: 'google_oauth',
+    [StytchSSRProxy.B2BOAuthProviders.Microsoft]: 'microsoft_oauth',
+    [StytchSSRProxy.B2BOAuthProviders.HubSpot]: 'hubspot_oauth',
+    [StytchSSRProxy.B2BOAuthProviders.Slack]: 'slack_oauth',
+    [StytchSSRProxy.B2BOAuthProviders.GitHub]: 'github_oauth'
 };
 const authMethodsToProducts = Object.fromEntries(Object.entries(productsToAuthMethods).map(([product, authMethod])=>[
         authMethod,
@@ -1236,7 +1250,7 @@ const authMethodToProduct = (authMethod)=>{
     }
     return authMethodsToProducts[authMethod];
 };
-const allOauthProviders = Object.values(idpHelpers.B2BOAuthProviders);
+const allOauthProviders = Object.values(StytchSSRProxy.B2BOAuthProviders);
 const flattenConfigToAuthMethods = (products, oauthProviders)=>products.flatMap((product)=>{
         if (product.id === 'oauth') {
             return oauthProviders.map((provider)=>{
@@ -1356,7 +1370,7 @@ const MainScreen = ()=>{
     const { primaryAuthMethods, email, emailVerified } = state.primary;
     const config = shadcn.useConfig();
     const { products } = useEffectiveAuthConfig();
-    const isLoading = state.flowState.type === idpHelpers.AuthFlowType.Organization && !state.flowState.organization;
+    const isLoading = state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && !state.flowState.organization;
     // Generate ordering and types of product components
     const productComponentsOrdering = generateProductComponentsOrdering(products, state.flowState);
     const mainScreenComponents = useProductComponents(config, 'mainScreen');
@@ -1364,13 +1378,13 @@ const MainScreen = ()=>{
     const organizationName = state.flowState.organization?.organization_name;
     let title;
     switch(state.flowState.type){
-        case idpHelpers.AuthFlowType.Discovery:
+        case StytchSSRProxy.AuthFlowType.Discovery:
             title = $__i18n._({
                 id: "login.title",
                 message: "Sign up or log in"
             });
             break;
-        case idpHelpers.AuthFlowType.PasswordReset:
+        case StytchSSRProxy.AuthFlowType.PasswordReset:
             title = '';
             break;
         default:
@@ -1430,7 +1444,7 @@ const ConfirmationScreen = ()=>{
     const onEvent = shadcn.useEventCallback();
     shadcn.useMountEffect(()=>{
         onEvent({
-            type: idpHelpers.StytchEventType.AuthenticateFlowComplete,
+            type: StytchSSRProxy.StytchEventType.AuthenticateFlowComplete,
             data: {}
         });
     });
@@ -1724,14 +1738,14 @@ const Discovery = ()=>{
 };
 
 const mfaOptions = {
-    [idpHelpers.B2BMFAProducts.totp]: {
+    [StytchSSRProxy.B2BMFAProducts.totp]: {
         messageDescriptor: {
             id: "mfa.enrollment.option.totp",
             message: "Use an authenticator app"
         },
         screen: shadcn.AppScreens.TOTPEnrollmentQRCode
     },
-    [idpHelpers.B2BMFAProducts.smsOtp]: {
+    [StytchSSRProxy.B2BMFAProducts.smsOtp]: {
         messageDescriptor: {
             id: "mfa.enrollment.option.sms",
             message: "Text me a code"
@@ -1984,6 +1998,8 @@ const SMSOTPEntryScreen = ()=>{
                 memberId,
                 organizationId,
                 locale: smsOtpOptions?.locale
+            }).catch(()=>{
+            // error in the UI is handled through the error object so we just swallow it here when auto-sending
             });
         }
     }, [
@@ -2016,7 +2032,7 @@ const SMSOTPEntryScreen = ()=>{
         stytchClient,
         memberPhoneNumber
     ]);
-    const isTotpAvailable = React.useMemo(()=>!isEnrolling && enrolledMfaMethods.includes(idpHelpers.B2BMFAProducts.totp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(idpHelpers.B2BMFAProducts.totp)), [
+    const isTotpAvailable = React.useMemo(()=>!isEnrolling && enrolledMfaMethods.includes(StytchSSRProxy.B2BMFAProducts.totp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(StytchSSRProxy.B2BMFAProducts.totp)), [
         enrolledMfaMethods,
         isEnrolling,
         organizationMfaOptionsSupported
@@ -2111,6 +2127,7 @@ const RecoveryCodeEntryScreen = ()=>{
             organization_id: organizationId,
             session_duration_minutes: sessionDurationMinutes
         }), {
+        throwOnError: false,
         onSuccess: ()=>{
             dispatch({
                 type: 'recovery_code/authenticate_success'
@@ -2163,6 +2180,7 @@ const RecoveryCodeEntryScreen = ()=>{
         hideLabel: true,
         required: true,
         autoComplete: "off",
+        spellCheck: false,
         error: errorMessage
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         variant: "primary",
@@ -2549,7 +2567,7 @@ const TOTPEntryScreen = ()=>{
             });
         }
     });
-    const isSmsOtpAvailable = React.useMemo(()=>!isEnrolling && enrolledMfaMethods.includes(idpHelpers.B2BMFAProducts.smsOtp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(idpHelpers.B2BMFAProducts.smsOtp)), [
+    const isSmsOtpAvailable = React.useMemo(()=>!isEnrolling && enrolledMfaMethods.includes(StytchSSRProxy.B2BMFAProducts.smsOtp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(StytchSSRProxy.B2BMFAProducts.smsOtp)), [
         enrolledMfaMethods,
         isEnrolling,
         organizationMfaOptionsSupported
@@ -2627,7 +2645,7 @@ const useIsOnlyFloatingOneTap = ()=>{
     const config = shadcn.useConfig();
     const isOnlyFloatingOneTap = React.useMemo(()=>{
         const oauthProvider = config.oauthOptions ? getParamsFromB2BOAuthProviderConfig(config.oauthOptions?.providers[0]) : undefined;
-        const isGoogleOneTap = oauthProvider?.type === idpHelpers.B2BOAuthProviders.Google && oauthProvider?.one_tap === true;
+        const isGoogleOneTap = oauthProvider?.type === StytchSSRProxy.B2BOAuthProviders.Google && oauthProvider?.one_tap === true;
         return config.products.length === 1 && hasProduct(config.products, 'oauth') && config.oauthOptions?.providers.length === 1 && isGoogleOneTap;
     }, [
         config
@@ -2636,31 +2654,31 @@ const useIsOnlyFloatingOneTap = ()=>{
 };
 
 const providerInfo = {
-    [idpHelpers.B2BOAuthProviders.Google]: {
+    [StytchSSRProxy.B2BOAuthProviders.Google]: {
         messageDescriptor: {
             id: "oauth.continueWithGoogle",
             message: "Continue with Google"
         }
     },
-    [idpHelpers.B2BOAuthProviders.Microsoft]: {
+    [StytchSSRProxy.B2BOAuthProviders.Microsoft]: {
         messageDescriptor: {
             id: "oauth.continueWithMicrosoft",
             message: "Continue with Microsoft"
         }
     },
-    [idpHelpers.B2BOAuthProviders.HubSpot]: {
+    [StytchSSRProxy.B2BOAuthProviders.HubSpot]: {
         messageDescriptor: {
             id: "oauth.continueWithHubSpot",
             message: "Continue with HubSpot"
         }
     },
-    [idpHelpers.B2BOAuthProviders.Slack]: {
+    [StytchSSRProxy.B2BOAuthProviders.Slack]: {
         messageDescriptor: {
             id: "oauth.continueWithSlack",
             message: "Continue with Slack"
         }
     },
-    [idpHelpers.B2BOAuthProviders.GitHub]: {
+    [StytchSSRProxy.B2BOAuthProviders.GitHub]: {
         messageDescriptor: {
             id: "oauth.continueWithGitHub",
             message: "Continue with GitHub"
@@ -2790,7 +2808,7 @@ const B2BGoogleOneTap = ({ customScopes, providerParams, cancelOnTapOutside })=>
         const renderResult = await client.render({
             callback: oneTapCallback,
             style: {
-                position: idpHelpers.OneTapPositions.floating
+                position: StytchSSRProxy.OneTapPositions.floating
             },
             cancelOnTapOutside
         });
@@ -2835,15 +2853,15 @@ const B2BGoogleOneTap = ({ customScopes, providerParams, cancelOnTapOutside })=>
         return null;
     }
     const fallbackButton = /*#__PURE__*/ React__namespace.default.createElement(OAuthB2BButton, {
-        providerType: idpHelpers.B2BOAuthProviders.Google,
+        providerType: StytchSSRProxy.B2BOAuthProviders.Google,
         loginRedirectUrl: config.oauthOptions?.loginRedirectURL,
         signupRedirectUrl: config.oauthOptions?.signupRedirectURL,
         discoveryRedirectUrl: config.oauthOptions?.discoveryRedirectURL,
         customScopes: customScopes,
         providerParams: providerParams,
-        onSuccess: ()=>setLastUsedMethod(idpHelpers.B2BOAuthProviders.Google)
+        onSuccess: ()=>setLastUsedMethod(StytchSSRProxy.B2BOAuthProviders.Google)
     });
-    const fallbackWithLastUsed = lastUsedMethod === idpHelpers.B2BOAuthProviders.Google ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, null, fallbackButton) : fallbackButton;
+    const fallbackWithLastUsed = lastUsedMethod === StytchSSRProxy.B2BOAuthProviders.Google ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, null, fallbackButton) : fallbackButton;
     if (oneTapError) {
         return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, (void 0), fallbackWithLastUsed);
     }
@@ -2910,7 +2928,7 @@ const AppContainer$1 = ()=>{
         }
         // Password reset has special handling for exchanging a magic link token
         // for a session and then using it to reset a password
-        if (state.flowState.type == idpHelpers.AuthFlowType.PasswordReset) {
+        if (state.flowState.type == StytchSSRProxy.AuthFlowType.PasswordReset) {
             return;
         }
         const parsed = stytchClient.parseAuthenticateUrl();
@@ -2951,7 +2969,7 @@ const AppContainer$1 = ()=>{
         if (parsed?.handled) {
             return;
         }
-        if (!slug && !resultPending && state.flowState.organization === null && state.screen === shadcn.AppScreens.Main && state.flowState.type == idpHelpers.AuthFlowType.Organization) {
+        if (!slug && !resultPending && state.flowState.organization === null && state.screen === shadcn.AppScreens.Main && state.flowState.type == StytchSSRProxy.AuthFlowType.Organization) {
             // No slug found (or no slug pattern)
             dispatch({
                 type: 'set_error_message_and_transition',
@@ -3045,10 +3063,10 @@ const InternalAppContainer = ({ client, presentation, callbacks, config, strings
         return redirectType;
     };
     const redirectType = getRedirectTypeFromUrl();
-    const authFlowType = redirectType === idpHelpers.RedirectURLType.ResetPassword ? idpHelpers.AuthFlowType.PasswordReset : config.authFlowType;
+    const authFlowType = redirectType === StytchSSRProxy.RedirectURLType.ResetPassword ? StytchSSRProxy.AuthFlowType.PasswordReset : config.authFlowType;
     const initialState = {
         ...shadcn.DEFAULT_STATE,
-        screen: authFlowType === idpHelpers.AuthFlowType.PasswordReset ? shadcn.AppScreens.PasswordResetForm : shadcn.AppScreens.Main,
+        screen: authFlowType === StytchSSRProxy.AuthFlowType.PasswordReset ? shadcn.AppScreens.PasswordResetForm : shadcn.AppScreens.Main,
         flowState: {
             ...shadcn.DEFAULT_STATE.flowState,
             type: authFlowType
@@ -3109,10 +3127,58 @@ const InternalAppContainer = ({ client, presentation, callbacks, config, strings
     return null;
 };
 
+const useEmlLoginOrSignup = ()=>{
+    const [, dispatch] = shadcn.useGlobalReducer();
+    const stytchClient = shadcn.useStytch();
+    const config = shadcn.useConfig();
+    return useMutate('stytch.magicLinks.email.loginOrSignup', (_, { arg: { email, organization_id } })=>stytchClient.magicLinks.email.loginOrSignup({
+            email_address: email,
+            organization_id,
+            login_redirect_url: config.emailMagicLinksOptions?.loginRedirectURL,
+            signup_redirect_url: config.emailMagicLinksOptions?.signupRedirectURL,
+            login_template_id: config.emailMagicLinksOptions?.loginTemplateId,
+            signup_template_id: config.emailMagicLinksOptions?.signupTemplateId,
+            locale: config.emailMagicLinksOptions?.locale
+        }), {
+        onSuccess: ()=>{
+            dispatch({
+                type: 'transition',
+                screen: shadcn.AppScreens.EmailConfirmation
+            });
+        },
+        onError: (e)=>{
+            idpHelpers.logger.error(e);
+        }
+    });
+};
+
+const useEmlDiscoverySend = ()=>{
+    const [, dispatch] = shadcn.useGlobalReducer();
+    const stytchClient = shadcn.useStytch();
+    const config = shadcn.useConfig();
+    return useMutate('stytch.magicLinks.email.discovery.send', (_, { arg: { email } })=>stytchClient.magicLinks.email.discovery.send({
+            email_address: email,
+            discovery_redirect_url: config.emailMagicLinksOptions?.discoveryRedirectURL,
+            login_template_id: config.emailMagicLinksOptions?.loginTemplateId,
+            locale: config.emailMagicLinksOptions?.locale
+        }), {
+        onSuccess: ()=>{
+            dispatch({
+                type: 'transition',
+                screen: shadcn.AppScreens.EmailConfirmation
+            });
+        }
+    });
+};
+
 const EmailConfirmation = ()=>{
     const [state, dispatch] = shadcn.useGlobalReducer();
     const emailDomain = useEmailDomain();
-    const reset = ()=>{
+    const countdown = shadcn.useCountdown();
+    const { trigger: sendLoginOrSignupEml, isMutating: isSendingLoginOrSignupEml } = useEmlLoginOrSignup();
+    const { trigger: sendDiscoveryEml, isMutating: isSendingDiscoveryEml } = useEmlDiscoverySend();
+    const email = state.formState.emailState.userSuppliedEmail;
+    const goBack = ()=>{
         dispatch({
             type: 'set_user_supplied_email',
             email: ''
@@ -3122,10 +3188,26 @@ const EmailConfirmation = ()=>{
             screen: shadcn.AppScreens.Main
         });
     };
+    const resend = async ()=>{
+        if (state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery) {
+            await sendDiscoveryEml({
+                email
+            });
+        } else if (state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && state.flowState.organization) {
+            await sendLoginOrSignupEml({
+                email,
+                organization_id: state.flowState.organization.organization_id
+            });
+        }
+    };
+    const isSubmitting = isSendingLoginOrSignupEml || isSendingDiscoveryEml;
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.EmailConfirmationView, {
         emailDomain: emailDomain,
-        reset: reset,
-        email: state.formState.emailState.userSuppliedEmail
+        email: email,
+        goBack: goBack,
+        resend: resend,
+        countdown: countdown,
+        isSubmitting: isSubmitting
     });
 };
 
@@ -3172,50 +3254,6 @@ const useEmailOtpLoginOrSignup = ({ throwOnError } = {})=>{
     });
 };
 
-const useEmlDiscoverySend = ()=>{
-    const [, dispatch] = shadcn.useGlobalReducer();
-    const stytchClient = shadcn.useStytch();
-    const config = shadcn.useConfig();
-    return useMutate('stytch.magicLinks.email.discovery.send', (_, { arg: { email } })=>stytchClient.magicLinks.email.discovery.send({
-            email_address: email,
-            discovery_redirect_url: config.emailMagicLinksOptions?.discoveryRedirectURL,
-            login_template_id: config.emailMagicLinksOptions?.loginTemplateId,
-            locale: config.emailMagicLinksOptions?.locale
-        }), {
-        onSuccess: ()=>{
-            dispatch({
-                type: 'transition',
-                screen: shadcn.AppScreens.EmailConfirmation
-            });
-        }
-    });
-};
-
-const useEmlLoginOrSignup = ()=>{
-    const [, dispatch] = shadcn.useGlobalReducer();
-    const stytchClient = shadcn.useStytch();
-    const config = shadcn.useConfig();
-    return useMutate('stytch.magicLinks.email.loginOrSignup', (_, { arg: { email, organization_id } })=>stytchClient.magicLinks.email.loginOrSignup({
-            email_address: email,
-            organization_id,
-            login_redirect_url: config.emailMagicLinksOptions?.loginRedirectURL,
-            signup_redirect_url: config.emailMagicLinksOptions?.signupRedirectURL,
-            login_template_id: config.emailMagicLinksOptions?.loginTemplateId,
-            signup_template_id: config.emailMagicLinksOptions?.signupTemplateId,
-            locale: config.emailMagicLinksOptions?.locale
-        }), {
-        onSuccess: ()=>{
-            dispatch({
-                type: 'transition',
-                screen: shadcn.AppScreens.EmailConfirmation
-            });
-        },
-        onError: (e)=>{
-            idpHelpers.logger.error(e);
-        }
-    });
-};
-
 const options = {
     emailMagicLinks: {
         messageDescriptor: {
@@ -3247,11 +3285,11 @@ const EmailMethodSelectionScreen = ()=>{
         resetSendLoginOrSignupOtp();
         switch(method){
             case 'emailMagicLinks':
-                if (state.flowState.type === idpHelpers.AuthFlowType.Discovery) {
+                if (state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery) {
                     sendDiscoveryEml({
                         email: state.formState.emailState.userSuppliedEmail
                     });
-                } else if (state.flowState.type === idpHelpers.AuthFlowType.Organization && state.flowState.organization) {
+                } else if (state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && state.flowState.organization) {
                     sendLoginOrSignupEml({
                         email: state.formState.emailState.userSuppliedEmail,
                         organization_id: state.flowState.organization.organization_id
@@ -3259,11 +3297,11 @@ const EmailMethodSelectionScreen = ()=>{
                 }
                 break;
             case 'emailOtp':
-                if (state.flowState.type === idpHelpers.AuthFlowType.Discovery) {
+                if (state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery) {
                     sendDiscoveryOtp({
                         email: state.formState.emailState.userSuppliedEmail
                     });
-                } else if (state.flowState.type === idpHelpers.AuthFlowType.Organization && state.flowState.organization) {
+                } else if (state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && state.flowState.organization) {
                     sendLoginOrSignupOtp({
                         email: state.formState.emailState.userSuppliedEmail,
                         organization_id: state.flowState.organization.organization_id
@@ -3362,12 +3400,12 @@ const EmailOTPEntryScreen = ()=>{
     const handleSubmit = async (otp)=>{
         resetAll();
         try {
-            if (state.flowState.type === idpHelpers.AuthFlowType.Discovery) {
+            if (state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery) {
                 await discoveryAuthenticate.trigger({
                     otp,
                     email: userSuppliedEmail
                 });
-            } else if (state.flowState.type === idpHelpers.AuthFlowType.Organization && state.flowState.organization && state.formState.emailState.userSuppliedEmail) {
+            } else if (state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && state.flowState.organization && state.formState.emailState.userSuppliedEmail) {
                 await authenticate.trigger({
                     otp,
                     emailAddress: state.formState.emailState.userSuppliedEmail,
@@ -3382,11 +3420,11 @@ const EmailOTPEntryScreen = ()=>{
     const handleResendOTP = async ()=>{
         resetAll();
         if (isSending) return;
-        if (state.flowState.type === idpHelpers.AuthFlowType.Discovery) {
+        if (state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery) {
             await emailOtpDiscovery.trigger({
                 email: userSuppliedEmail
             });
-        } else if (state.flowState.type === idpHelpers.AuthFlowType.Organization && state.flowState.organization) {
+        } else if (state.flowState.type === StytchSSRProxy.AuthFlowType.Organization && state.flowState.organization) {
             await emailOtp.trigger({
                 email: userSuppliedEmail,
                 organization_id: state.flowState.organization.organization_id
@@ -3748,7 +3786,7 @@ const usePasswordInput = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.B2BPasswordAuthenticate,
+                type: StytchSSRProxy.StytchEventType.B2BPasswordAuthenticate,
                 data
             });
             onAuthenticateSuccess(data, dispatch, config);
@@ -3767,7 +3805,7 @@ const usePasswordInput = ()=>{
         }).then((data)=>{
             setIsSubmitting(false);
             onEvent({
-                type: idpHelpers.StytchEventType.B2BPasswordDiscoveryAuthenticate,
+                type: StytchSSRProxy.StytchEventType.B2BPasswordDiscoveryAuthenticate,
                 data
             });
             dispatch({
@@ -4052,7 +4090,7 @@ const PasswordsForgotForm = ()=>{
                 }).then((data)=>{
                     setIsSubmitting(false);
                     onEvent({
-                        type: idpHelpers.StytchEventType.B2BPasswordResetByEmailStart,
+                        type: StytchSSRProxy.StytchEventType.B2BPasswordResetByEmailStart,
                         data
                     });
                     dispatch({
@@ -4156,7 +4194,7 @@ const PasswordSetNew = ()=>{
             }).then((data)=>{
                 setIsSubmitting(false);
                 onEvent({
-                    type: idpHelpers.StytchEventType.B2BPasswordDiscoveryResetStart,
+                    type: StytchSSRProxy.StytchEventType.B2BPasswordDiscoveryResetStart,
                     data
                 });
             });
@@ -4173,7 +4211,7 @@ const PasswordSetNew = ()=>{
             }).then((data)=>{
                 setIsSubmitting(false);
                 onEvent({
-                    type: idpHelpers.StytchEventType.B2BPasswordResetByEmailStart,
+                    type: StytchSSRProxy.StytchEventType.B2BPasswordResetByEmailStart,
                     data
                 });
             }).catch((e)=>{
@@ -4307,7 +4345,7 @@ const PasswordResetForm = ()=>{
             }).then((data)=>{
                 setIsSubmitting(false);
                 onEvent({
-                    type: idpHelpers.StytchEventType.B2BPasswordResetByEmail,
+                    type: StytchSSRProxy.StytchEventType.B2BPasswordResetByEmail,
                     data
                 });
                 onAuthenticateSuccess(data, dispatch, config);
@@ -4323,7 +4361,7 @@ const PasswordResetForm = ()=>{
             }).then((data)=>{
                 setIsSubmitting(false);
                 onEvent({
-                    type: idpHelpers.StytchEventType.B2BDiscoveryPasswordReset,
+                    type: StytchSSRProxy.StytchEventType.B2BDiscoveryPasswordReset,
                     data
                 });
                 dispatch({
@@ -4346,7 +4384,7 @@ const PasswordResetForm = ()=>{
             }).then((data)=>{
                 setIsSubmitting(false);
                 onEvent({
-                    type: idpHelpers.StytchEventType.B2BPasswordResetBySession,
+                    type: StytchSSRProxy.StytchEventType.B2BPasswordResetBySession,
                     data
                 });
                 dispatch({
@@ -4663,7 +4701,7 @@ const getProviderParamsForProvider = (oauthProvider, oauthOptionsProviderParams,
     if (Object.keys(currentProviderParams).length == 0) {
         currentProviderParams = oauthOptionsProviderParams ?? {};
     }
-    if (email && (oauthProvider.type === idpHelpers.B2BOAuthProviders.Google || oauthProvider.type === idpHelpers.B2BOAuthProviders.Microsoft) && !('login_hint' in currentProviderParams)) {
+    if (email && (oauthProvider.type === StytchSSRProxy.B2BOAuthProviders.Google || oauthProvider.type === StytchSSRProxy.B2BOAuthProviders.Microsoft) && !('login_hint' in currentProviderParams)) {
         currentProviderParams = {
             ...currentProviderParams,
             login_hint: email
@@ -4680,7 +4718,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
     const { loginRedirectURL, signupRedirectURL, discoveryRedirectURL, customScopes, providerParams } = config.oauthOptions ?? {};
     const { B2BGoogleOneTap, OAuthB2BButton, SSOButton } = useProductComponents(config, 'ssoAndOAuthButtons');
     // Determine which buttons need to be displayed
-    const isDiscoveryFlow = state.flowState.type === idpHelpers.AuthFlowType.Discovery;
+    const isDiscoveryFlow = state.flowState.type === StytchSSRProxy.AuthFlowType.Discovery;
     const authButtons = buttons.flatMap((button)=>{
         if (button === shadcn.MainScreenComponent.OAuthButtons) {
             return oauthProviderSettings.map((provider)=>({
@@ -5240,6 +5278,9 @@ exports.defaultTheme = shadcn.defaultTheme;
 exports.iconsBlack = shadcn.iconsBlack;
 exports.iconsWhite = shadcn.iconsWhite;
 exports.shadcnTheme = shadcn.shadcnTheme;
+exports.AuthFlowType = StytchSSRProxy.AuthFlowType;
+exports.B2BMFAProducts = StytchSSRProxy.B2BMFAProducts;
+exports.B2BOAuthProviders = StytchSSRProxy.B2BOAuthProviders;
 exports.BiometricRegistrationIdIsNullOrBlank = StytchSSRProxy.BiometricRegistrationIdIsNullOrBlank;
 exports.BiometricsAlreadyEnrolledError = StytchSSRProxy.BiometricsAlreadyEnrolledError;
 exports.BiometricsFailedError = StytchSSRProxy.BiometricsFailedError;
@@ -5270,10 +5311,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;
@@ -5281,6 +5327,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;
@@ -5288,17 +5335,8 @@ 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.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.B2BIdentityProvider = B2BIdentityProvider;