@stytch/vanilla-js 5.9.0 → 5.9.2

package/dist/b2b/index.js

@@ -32,8 +32,8 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var b2b_index_headless = require('./index.headless.js');
-var extractErrorMessage = require('../extractErrorMessage-C0TeBTBa.js');
-var internal = require('../internal-BeiYVaO7.js');
+var extractErrorMessage = require('../extractErrorMessage-Ctw0yaGs.js');
+var internal = require('../internal-C-jiPhWR.js');
 var DEFAULT_MFA_STATE = {
   primaryInfo: null,
   isEnrolling: false,
@@ -2737,8 +2737,6 @@ var PasswordsAuthenticate = function PasswordsAuthenticate() {
   var _useGlobalReducer25 = useGlobalReducer(),
     _useGlobalReducer26 = _slicedToArray(_useGlobalReducer25, 2),
     dispatch = _useGlobalReducer26[1];
-  var config = useConfig();
-  var passwordOptions = config.passwordOptions;
   var _usePasswordInput = usePasswordInput(),
     email = _usePasswordInput.email,
     setEmail = _usePasswordInput.setEmail,
@@ -2750,7 +2748,6 @@ var PasswordsAuthenticate = function PasswordsAuthenticate() {
     isSubmitting = _usePasswordInput.isSubmitting,
     submitPassword = _usePasswordInput.submitPassword,
     submitDiscoveryPassword = _usePasswordInput.submitDiscoveryPassword;
-  if (!passwordOptions) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
@@ -2835,8 +2832,6 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
   var _useGlobalReducer27 = useGlobalReducer(),
     _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
     dispatch = _useGlobalReducer28[1];
-  var config = useConfig();
-  var passwordOptions = config.passwordOptions;
   var _usePasswordInput2 = usePasswordInput(),
     stytch = _usePasswordInput2.stytch,
     email = _usePasswordInput2.email,
@@ -2855,7 +2850,6 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
     _extractErrorMessage$27 = _slicedToArray(_extractErrorMessage$26, 2),
     hideInput = _extractErrorMessage$27[0],
     setHideInput = _extractErrorMessage$27[1];
-  if (!passwordOptions) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var organization_id;
@@ -5304,7 +5298,6 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     dispatch = _useGlobalReducer60[1];
   var config = useConfig();
   var onEvent = useEventCallback();
-  var passwordOptions = config.passwordOptions;
   var _usePasswordInput4 = usePasswordInput(),
     stytch = _usePasswordInput4.stytch,
     email = _usePasswordInput4.email,
@@ -5315,7 +5308,6 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     isSubmitting = _usePasswordInput4.isSubmitting,
     setIsSubmitting = _usePasswordInput4.setIsSubmitting,
     handleNonMemberReset = _usePasswordInput4.handleNonMemberReset;
-  if (!passwordOptions) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
       var _a, _b, _c, _d;
@@ -5631,14 +5623,92 @@ var CountrySelector = function CountrySelector(_ref106) {
     }, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
   }));
 };
+var formatNumber = function formatNumber(_ref109) {
+  var parsePhoneNumber = _ref109.parsePhoneNumber,
+    phoneNumber = _ref109.phoneNumber,
+    country = _ref109.country;
+  return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+    var parsedPhoneNumber;
+    return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          _context10.prev = 0;
+          _context10.next = 3;
+          return Promise.race([parsePhoneNumber(phoneNumber, country), new Promise(function (done) {
+            return setTimeout(function () {
+              return done(undefined);
+            }, 10000);
+          })]);
+        case 3:
+          parsedPhoneNumber = _context10.sent;
+          if (parsedPhoneNumber) {
+            _context10.next = 6;
+            break;
+          }
+          return _context10.abrupt("return", phoneNumber);
+        case 6:
+          return _context10.abrupt("return", parsedPhoneNumber.national);
+        case 9:
+          _context10.prev = 9;
+          _context10.t0 = _context10["catch"](0);
+          return _context10.abrupt("return", phoneNumber);
+        case 12:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee10, null, [[0, 9]]);
+  }));
+};
+var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode(_ref110) {
+  var parsePhoneNumber = _ref110.parsePhoneNumber,
+    phoneNumber = _ref110.phoneNumber,
+    country = _ref110.country;
+  return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+    var code, fallbackNumber, fallback, parsedPhoneNumber;
+    return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
+        case 0:
+          code = internal.COUNTRIES_LIST[country];
+          fallbackNumber = "+".concat(code).concat(phoneNumber);
+          fallback = {
+            isValid: true,
+            number: fallbackNumber
+          };
+          _context11.prev = 3;
+          _context11.next = 6;
+          return Promise.race([parsePhoneNumber(phoneNumber, country), new Promise(function (done) {
+            return setTimeout(function () {
+              return done(undefined);
+            }, 2000);
+          })]);
+        case 6:
+          parsedPhoneNumber = _context11.sent;
+          if (parsedPhoneNumber) {
+            _context11.next = 9;
+            break;
+          }
+          return _context11.abrupt("return", fallback);
+        case 9:
+          return _context11.abrupt("return", parsedPhoneNumber);
+        case 12:
+          _context11.prev = 12;
+          _context11.t0 = _context11["catch"](3);
+          return _context11.abrupt("return", fallback);
+        case 15:
+        case "end":
+          return _context11.stop();
+      }
+    }, _callee11, null, [[3, 12]]);
+  }));
+};
 var PhoneStyledInput = extractErrorMessage.He(Input)(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
-var PhoneInput = function PhoneInput(_ref109) {
-  var phone = _ref109.phone,
-    setPhone = _ref109.setPhone,
-    country = _ref109.country,
-    setCountry = _ref109.setCountry,
-    parsePhoneNumber = _ref109.parsePhoneNumber,
-    hasPasskeys = _ref109.hasPasskeys;
+var PhoneInput = function PhoneInput(_ref111) {
+  var phone = _ref111.phone,
+    setPhone = _ref111.setPhone,
+    country = _ref111.country,
+    setCountry = _ref111.setCountry,
+    parsePhoneNumber = _ref111.parsePhoneNumber,
+    hasPasskeys = _ref111.hasPasskeys;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -5657,28 +5727,32 @@ var PhoneInput = function PhoneInput(_ref109) {
     value: phone,
     type: 'text',
     onChange: function onChange(e) {
-      return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        var userInput, parsedPhoneNumber;
-        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+        var userInput, national;
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               userInput = e.target.value;
-              _context10.next = 3;
-              return parsePhoneNumber(userInput, country);
+              _context12.next = 3;
+              return formatNumber({
+                parsePhoneNumber: parsePhoneNumber,
+                phoneNumber: userInput,
+                country: country
+              });
             case 3:
-              parsedPhoneNumber = _context10.sent;
+              national = _context12.sent;
               if (!(userInput !== e.target.value)) {
-                _context10.next = 6;
+                _context12.next = 6;
                 break;
               }
-              return _context10.abrupt("return");
+              return _context12.abrupt("return");
             case 6:
-              setPhone(parsedPhoneNumber.national);
+              setPhone(national);
             case 7:
             case "end":
-              return _context10.stop();
+              return _context12.stop();
           }
-        }, _callee10);
+        }, _callee12);
       }));
     },
     required: true
@@ -5700,8 +5774,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_internal$StytchSDKEr) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(internal.StytchSDKError);
-var findErrorTypeFrom = function findErrorTypeFrom(_ref110) {
-  var error = _ref110.error;
+var findErrorTypeFrom = function findErrorTypeFrom(_ref112) {
+  var error = _ref112.error;
   var errorType = extractErrorType(error);
   return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
 };
@@ -5741,22 +5815,22 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
       regionCode: countryCode
     });
   };
-  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref111) {
-      var parsedNumber = _ref111.arg.parsedNumber;
-      return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref113) {
+      var parsedNumber = _ref113.arg.parsedNumber;
+      return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
+        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              return _context11.abrupt("return", stytchClient.otps.sms.send({
+              return _context13.abrupt("return", stytchClient.otps.sms.send({
                 mfa_phone_number: parsedNumber,
                 member_id: memberId,
                 organization_id: organizationId
               }));
             case 1:
             case "end":
-              return _context11.stop();
+              return _context13.stop();
           }
-        }, _callee11);
+        }, _callee13);
       }));
     }, {
       onSuccess: function onSuccess(response) {
@@ -5777,45 +5851,49 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
     }),
     sendSms = _useMutate8.trigger;
   var handleSubmit = function handleSubmit(e) {
-    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
       var parsedNumber;
-      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
+      return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
           case 0:
             e.preventDefault();
             dispatch({
               type: 'sms_otp/send'
             });
-            _context12.prev = 2;
-            _context12.next = 5;
-            return parsePhoneNumber(phoneNumber, countryCode);
+            _context14.prev = 2;
+            _context14.next = 5;
+            return formatNumberToIncludeCountryCode({
+              parsePhoneNumber: parsePhoneNumber,
+              phoneNumber: phoneNumber,
+              country: countryCode
+            });
           case 5:
-            parsedNumber = _context12.sent;
+            parsedNumber = _context14.sent;
             if (parsedNumber.isValid) {
-              _context12.next = 8;
+              _context14.next = 8;
               break;
             }
             throw new InvalidPhoneNumberError();
           case 8:
-            _context12.next = 10;
+            _context14.next = 10;
             return sendSms({
               parsedNumber: parsedNumber.number
             });
           case 10:
-            _context12.next = 15;
+            _context14.next = 15;
             break;
           case 12:
-            _context12.prev = 12;
-            _context12.t0 = _context12["catch"](2);
+            _context14.prev = 12;
+            _context14.t0 = _context14["catch"](2);
             dispatch({
               type: 'sms_otp/send_error',
-              error: _context12.t0
+              error: _context14.t0
             });
           case 15:
           case "end":
-            return _context12.stop();
+            return _context14.stop();
         }
-      }, _callee12, null, [[2, 12]]);
+      }, _callee14, null, [[2, 12]]);
     }));
   };
   return /*#__PURE__*/extractErrorMessage.wn.createElement("form", {
@@ -5861,10 +5939,10 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     memberPhoneNumber = _state$mfa$primaryInf3.memberPhoneNumber,
     organizationId = _state$mfa$primaryInf3.organizationId,
     organizationMfaOptionsSupported = _state$mfa$primaryInf3.organizationMfaOptionsSupported;
-  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref112) {
-      var _ref112$arg = _ref112.arg,
-        memberId = _ref112$arg.memberId,
-        organizationId = _ref112$arg.organizationId;
+  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref114) {
+      var _ref114$arg = _ref114.arg,
+        memberId = _ref114$arg.memberId,
+        organizationId = _ref114$arg.organizationId;
       dispatch({
         type: 'sms_otp/send'
       });
@@ -5893,12 +5971,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     sendSms = _useMutate9.trigger,
     isSending = _useMutate9.isMutating,
     sendError = _useMutate9.error;
-  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref113) {
-      var _ref113$arg = _ref113.arg,
-        otp = _ref113$arg.otp,
-        memberId = _ref113$arg.memberId,
-        organizationId = _ref113$arg.organizationId,
-        sessionDurationMinutes = _ref113$arg.sessionDurationMinutes;
+  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref115) {
+      var _ref115$arg = _ref115.arg,
+        otp = _ref115$arg.otp,
+        memberId = _ref115$arg.memberId,
+        organizationId = _ref115$arg.organizationId,
+        sessionDurationMinutes = _ref115$arg.sessionDurationMinutes;
       return stytchClient.otps.sms.authenticate({
         code: otp,
         member_id: memberId,
@@ -5926,35 +6004,36 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
   }, [memberId, organizationId, sendSms, shouldCreate]);
   extractErrorMessage.p(function () {
     if (!formattedDestination && memberPhoneNumber) {
-      var formatNumber = function formatNumber() {
-        return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-          var parsePhoneNumber, parsedNumber;
-          return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-            while (1) switch (_context13.prev = _context13.next) {
+      var handleFormatNumber = function handleFormatNumber() {
+        return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+          var parsePhoneNumber, national;
+          return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+            while (1) switch (_context15.prev = _context15.next) {
               case 0:
                 parsePhoneNumber = function parsePhoneNumber(phoneNumber) {
                   return internal.readB2BInternals(stytchClient).clientsideServices.parsedPhoneNumber({
                     phoneNumber: phoneNumber
                   });
                 };
-                _context13.next = 3;
-                return parsePhoneNumber(memberPhoneNumber);
+                _context15.next = 3;
+                return formatNumber({
+                  parsePhoneNumber: parsePhoneNumber,
+                  phoneNumber: memberPhoneNumber
+                });
               case 3:
-                parsedNumber = _context13.sent;
-                if (parsedNumber.isValid) {
-                  dispatch({
-                    type: 'sms_otp/format_destination',
-                    formattedPhoneNumber: parsedNumber.national
-                  });
-                }
+                national = _context15.sent;
+                dispatch({
+                  type: 'sms_otp/format_destination',
+                  formattedPhoneNumber: national
+                });
               case 5:
               case "end":
-                return _context13.stop();
+                return _context15.stop();
             }
-          }, _callee13);
+          }, _callee15);
         }));
       };
-      formatNumber();
+      handleFormatNumber();
     }
   }, [dispatch, formattedDestination, stytchClient, memberPhoneNumber]);
   var isTotpAvailable = extractErrorMessage.F(function () {
@@ -6046,27 +6125,27 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
     });
   };
   var handleCodeCopy = function handleCodeCopy(e) {
-    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
-      return _regeneratorRuntime().wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
+      return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+        while (1) switch (_context16.prev = _context16.next) {
           case 0:
             e.stopPropagation();
-            _context14.prev = 1;
-            _context14.next = 4;
+            _context16.prev = 1;
+            _context16.next = 4;
             return navigator.clipboard.writeText(displaySecret);
           case 4:
             _t.success('Code copied');
-            _context14.next = 10;
+            _context16.next = 10;
             break;
           case 7:
-            _context14.prev = 7;
-            _context14.t0 = _context14["catch"](1);
+            _context16.prev = 7;
+            _context16.t0 = _context16["catch"](1);
             _t.error("Couldn't copy code to clipboard");
           case 10:
           case "end":
-            return _context14.stop();
+            return _context16.stop();
         }
-      }, _callee14, null, [[1, 7]]);
+      }, _callee16, null, [[1, 7]]);
     }));
   };
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
@@ -6109,10 +6188,10 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
   var _state$mfa$primaryInf4 = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf4.memberId,
     organizationId = _state$mfa$primaryInf4.organizationId;
-  var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref114) {
-      var _ref114$arg = _ref114.arg,
-        memberId = _ref114$arg.memberId,
-        organizationId = _ref114$arg.organizationId;
+  var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref116) {
+      var _ref116$arg = _ref116.arg,
+        memberId = _ref116$arg.memberId,
+        organizationId = _ref116$arg.organizationId;
       dispatch({
         type: 'totp/create'
       });
@@ -6178,11 +6257,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null)));
 };
-var TOTPEntry = function TOTPEntry(_ref115) {
-  var helperContent = _ref115.helperContent,
-    isSubmitting = _ref115.isSubmitting,
-    onSubmit = _ref115.onSubmit,
-    errorMessage = _ref115.errorMessage;
+var TOTPEntry = function TOTPEntry(_ref117) {
+  var helperContent = _ref117.helperContent,
+    isSubmitting = _ref117.isSubmitting,
+    onSubmit = _ref117.onSubmit,
+    errorMessage = _ref117.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -6206,12 +6285,12 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     memberId = _state$mfa$primaryInf5.memberId,
     organizationId = _state$mfa$primaryInf5.organizationId,
     organizationMfaOptionsSupported = _state$mfa$primaryInf5.organizationMfaOptionsSupported;
-  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref116) {
-      var _ref116$arg = _ref116.arg,
-        memberId = _ref116$arg.memberId,
-        organizationId = _ref116$arg.organizationId,
-        otp = _ref116$arg.otp,
-        sessionDurationMinutes = _ref116$arg.sessionDurationMinutes;
+  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref118) {
+      var _ref118$arg = _ref118.arg,
+        memberId = _ref118$arg.memberId,
+        organizationId = _ref118$arg.organizationId,
+        otp = _ref118$arg.otp,
+        sessionDurationMinutes = _ref118$arg.sessionDurationMinutes;
       return stytchClient.totp.authenticate({
         code: otp,
         member_id: memberId,
@@ -6234,9 +6313,9 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
   var errorMessage = authenticateError ? 'Invalid passcode, please try again.' : undefined;
   var canGoBack = isEnrolling;
   var handleSubmit = function handleSubmit(otp) {
-    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
-      return _regeneratorRuntime().wrap(function _callee15$(_context15) {
-        while (1) switch (_context15.prev = _context15.next) {
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+      return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+        while (1) switch (_context17.prev = _context17.next) {
           case 0:
             authenticate({
               memberId: memberId,
@@ -6246,9 +6325,9 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
             });
           case 1:
           case "end":
-            return _context15.stop();
+            return _context17.stop();
         }
-      }, _callee15);
+      }, _callee17);
     }));
   };
   var handleSwitchToRecoveryCode = function handleSwitchToRecoveryCode() {
@@ -6284,49 +6363,49 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     onClick: handleSwitchToSms
   }, "Text me a code instead"))));
 };
-var MainContainer = extractErrorMessage.He.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  width: ", ";\n  font-family: ", ";\n  box-sizing: border-box;\n  * {\n    box-sizing: content-box;\n  }\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom: ", ";\n"])), function (_ref117) {
-  var theme = _ref117.theme;
-  return theme.container.width;
-}, function (_ref118) {
-  var theme = _ref118.theme;
-  return theme.typography.fontFamily;
-}, function (_ref119) {
+var MainContainer = extractErrorMessage.He.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  width: ", ";\n  font-family: ", ";\n  box-sizing: border-box;\n  * {\n    box-sizing: content-box;\n  }\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom: ", ";\n"])), function (_ref119) {
   var theme = _ref119.theme;
-  return theme.container.backgroundColor;
+  return theme.container.width;
 }, function (_ref120) {
   var theme = _ref120.theme;
-  return theme.container.border;
+  return theme.typography.fontFamily;
 }, function (_ref121) {
   var theme = _ref121.theme;
-  return theme.container.borderRadius;
+  return theme.container.backgroundColor;
 }, function (_ref122) {
-  var theme = _ref122.theme,
-    displayWatermark = _ref122.displayWatermark;
-  return displayWatermark ? '0' : theme.container.borderRadius;
+  var theme = _ref122.theme;
+  return theme.container.border;
 }, function (_ref123) {
-  var theme = _ref123.theme,
-    displayWatermark = _ref123.displayWatermark;
-  return displayWatermark ? '0' : theme.container.borderRadius;
+  var theme = _ref123.theme;
+  return theme.container.borderRadius;
 }, function (_ref124) {
   var theme = _ref124.theme,
     displayWatermark = _ref124.displayWatermark;
+  return displayWatermark ? '0' : theme.container.borderRadius;
+}, function (_ref125) {
+  var theme = _ref125.theme,
+    displayWatermark = _ref125.displayWatermark;
+  return displayWatermark ? '0' : theme.container.borderRadius;
+}, function (_ref126) {
+  var theme = _ref126.theme,
+    displayWatermark = _ref126.displayWatermark;
   return displayWatermark ? 'none' : theme.container.border;
 });
 var ChildrenContainer = extractErrorMessage.He.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = extractErrorMessage.He.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref125) {
-  var theme = _ref125.theme;
-  return theme.container.width;
-}, function (_ref126) {
-  var theme = _ref126.theme;
-  return theme.container.backgroundColor;
-}, function (_ref127) {
+var WatermarkContainer = extractErrorMessage.He.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref127) {
   var theme = _ref127.theme;
-  return theme.container.border;
+  return theme.container.width;
 }, function (_ref128) {
   var theme = _ref128.theme;
-  return theme.container.borderRadius;
+  return theme.container.backgroundColor;
 }, function (_ref129) {
   var theme = _ref129.theme;
+  return theme.container.border;
+}, function (_ref130) {
+  var theme = _ref130.theme;
+  return theme.container.borderRadius;
+}, function (_ref131) {
+  var theme = _ref131.theme;
   return theme.container.borderRadius;
 });
 var InnerContainer = extractErrorMessage.He.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n  background-color: #19303d;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.5;\n"])));
@@ -6381,8 +6460,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref130) {
-      var token = _ref130.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref132) {
+      var token = _ref132.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -6393,8 +6472,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref131) {
-      var token = _ref131.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref133) {
+      var token = _ref133.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -6405,8 +6484,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref132) {
-      var token = _ref132.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref134) {
+      var token = _ref134.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -6416,8 +6495,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref133) {
-      var token = _ref133.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref135) {
+      var token = _ref135.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -6428,8 +6507,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref134) {
-      var token = _ref134.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref136) {
+      var token = _ref136.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -6538,11 +6617,11 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref135) {
-  var client = _ref135.client,
-    styles = _ref135.styles,
-    callbacks = _ref135.callbacks,
-    config = _ref135.config;
+var AppContainer = function AppContainer(_ref137) {
+  var client = _ref137.client,
+    styles = _ref137.styles,
+    callbacks = _ref137.callbacks,
+    config = _ref137.config;
   var _extractErrorMessage$70 = extractErrorMessage.h(function () {
       var _internal$readB2BInte5 = internal.readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _internal$readB2BInte5.displayWatermark;
@@ -6558,15 +6637,22 @@ var AppContainer = function AppContainer(_ref135) {
         options: config
       }
     });
-    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref136) {
-      var displayWatermark = _ref136.displayWatermark;
+    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref138) {
+      var displayWatermark = _ref138.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
+  var getRedirectTypeFromUrl = function getRedirectTypeFromUrl() {
+    var url = new URL(window.location.href);
+    var redirectType = url.searchParams.get('stytch_redirect_type');
+    return redirectType;
+  };
+  var redirectType = getRedirectTypeFromUrl();
+  var authFlowType = redirectType === internal.RedirectURLType.ResetPassword ? internal.AuthFlowType.PasswordReset : config.authFlowType;
   var initialState = Object.assign(Object.assign({}, DEFAULT_STATE), {
-    screen: config.authFlowType === internal.AuthFlowType.PasswordReset ? AppScreens$1.PasswordResetForm : AppScreens$1.Main,
+    screen: authFlowType === internal.AuthFlowType.PasswordReset ? AppScreens$1.PasswordResetForm : AppScreens$1.Main,
     flowState: Object.assign(Object.assign({}, DEFAULT_STATE.flowState), {
-      type: config.authFlowType
+      type: authFlowType
     })
   });
   var theme = useTheme({
@@ -6596,11 +6682,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref137) {
-      var elementId = _ref137.elementId,
-        styles = _ref137.styles,
-        callbacks = _ref137.callbacks,
-        config = _ref137.config;
+    value: function mount(_ref139) {
+      var elementId = _ref139.elementId,
+        styles = _ref139.styles,
+        callbacks = _ref139.callbacks,
+        config = _ref139.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {
@@ -6710,6 +6796,12 @@ Object.defineProperty(exports, "RNUIProducts", {
   }
 });
 exports.RandomNumberGenerationFailed = internal.RandomNumberGenerationFailed;
+Object.defineProperty(exports, "RedirectURLType", {
+  enumerable: true,
+  get: function get() {
+    return internal.RedirectURLType;
+  }
+});
 exports.SDKAPIUnreachableError = internal.SDKAPIUnreachableError;
 exports.SDKNotConfiguredError = internal.SDKNotConfiguredError;
 exports.SignInWithAppleMisconfigured = internal.SignInWithAppleMisconfigured;