@stytch/vanilla-js 6.0.9 → 6.0.11

package/dist/cjs/b2b/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var shadcn = require('../shadcn-DnwRqCY0.js');
+var shadcn = require('../shadcn-Ds1x7jpl.js');
 var uniqueId = require('../uniqueId-D9puNTGE.js');
 var storage = require('../storage-MqgW9SGA.js');
 var index$1 = require('../index-Co6H7mej.js');
-var StytchSSRProxy = require('../StytchSSRProxy-DjO95TII.js');
+var StytchSSRProxy = require('../StytchSSRProxy-BG8v1Uf6.js');
 var b2b_index_headless = require('./index.headless.cjs');
 
 const SSOIcon = ({ size = shadcn.DEFAULT_ICON_SIZE, ...props })=>/*#__PURE__*/ uniqueId.wn.createElement("svg", {
@@ -1731,7 +1731,9 @@ const JIT_PROVISIONING_ERRORS = [
     'email_jit_provisioning_not_allowed',
     'invalid_email_for_jit_provisioning'
 ];
-const useParseErrorMessage = ()=>{
+/**
+ * Translates error message to user friendlier format including handling for JIT errors
+ */ const useParseErrorMessage = ()=>{
     const { i18n: $__i18n, _: $__ } = uniqueId.useLingui();
     return (error, { email, org: organizationName })=>{
         if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
@@ -1747,6 +1749,7 @@ const useParseErrorMessage = ()=>{
         return shadcn.getTranslatedError(error, $__);
     };
 };
+
 const EmailForm = ({ showPasswordButton })=>{
     const [state, dispatch] = shadcn.useGlobalReducer();
     const [emailInput, setEmailInput] = uniqueId.h(state.formState.passwordState.email);
@@ -2328,48 +2331,52 @@ const PasswordsAuthenticate = ()=>{
 const PasswordsEmailForm = ()=>{
     const [, dispatch] = shadcn.useGlobalReducer();
     const { i18n: $__i18n, _: $__ } = uniqueId.useLingui();
+    const parseErrorMessages = useParseErrorMessage();
     const { stytch, email, setEmail, password, setPassword, organization, errorMessage, setErrorMessage, isSubmitting, setIsSubmitting, submitPassword, submitDiscoveryPassword, handleNonMemberReset } = usePasswordInput();
     const [hideInput, setHideInput] = uniqueId.h(!!organization && !email);
     const handleSubmit = async (e)=>{
         e.preventDefault();
-        if (organization) {
-            const organization_id = organization.organization_id;
-            // If we have processed the email, submit the password field
-            if (!hideInput) {
-                submitPassword(organization_id);
-                return;
-            }
-            // Validate we have a member with a password. Otherwise, check if we can jit
-            // provision and kickoff verification and session reset
-            if (!email.match(storage.EMAIL_REGEX)) {
-                setErrorMessage($__i18n._({
-                    id: "error.invalidEmailAddress",
-                    message: "Invalid email address"
-                }));
-                return;
-            }
-            setErrorMessage('');
-            setIsSubmitting(true);
-            storage.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(({ member })=>{
-                if (member) {
-                    setHideInput(false);
-                    setIsSubmitting(false);
-                    dispatch({
-                        type: 'set_password_state',
-                        email
-                    });
-                    return;
-                }
-                // No member password flow: verify email and use reset by session
-                handleNonMemberReset();
-            }).catch((err)=>{
-                setIsSubmitting(false);
-                setErrorMessage(shadcn.getTranslatedError(err, $__));
-            });
-        } else {
+        if (!organization) {
             // Discovery flow
             submitDiscoveryPassword();
+            return;
         }
+        const organization_id = organization.organization_id;
+        // If we have processed the email, submit the password field
+        if (!hideInput) {
+            submitPassword(organization_id);
+            return;
+        }
+        // Validate we have a member with a password. Otherwise, check if we can jit
+        // provision and kickoff verification and session reset
+        if (!email.match(storage.EMAIL_REGEX)) {
+            setErrorMessage($__i18n._({
+                id: "error.invalidEmailAddress",
+                message: "Invalid email address"
+            }));
+            return;
+        }
+        setErrorMessage('');
+        setIsSubmitting(true);
+        storage.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(({ member })=>{
+            if (member) {
+                setHideInput(false);
+                setIsSubmitting(false);
+                dispatch({
+                    type: 'set_password_state',
+                    email
+                });
+                return;
+            }
+            // No member password flow: verify email and use reset by session
+            handleNonMemberReset();
+        }).catch((err)=>{
+            setIsSubmitting(false);
+            setErrorMessage(parseErrorMessages(err, {
+                email,
+                org: organization_id
+            }));
+        });
     };
     const onGetHelp = ()=>{
         dispatch({
@@ -2387,7 +2394,8 @@ const PasswordsEmailForm = ()=>{
         gap: 2
     }, /*#__PURE__*/ uniqueId.wn.createElement(shadcn.EmailInput, {
         email: email,
-        setEmail: setEmail
+        setEmail: setEmail,
+        error: hideInput ? errorMessage : undefined
     }), !hideInput && /*#__PURE__*/ uniqueId.wn.createElement(shadcn.PasswordInput, {
         password: password,
         setPassword: setPassword,