@stytch/vanilla-js 5.6.2 → 5.8.0

package/dist/b2b/index.js

@@ -19,21 +19,21 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+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-DqI8LnhU.js');
-var internal = require('../internal-8PFEtDRF.js');
+var extractErrorMessage = require('../extractErrorMessage-C0TeBTBa.js');
+var internal = require('../internal-BeiYVaO7.js');
 var DEFAULT_MFA_STATE = {
   primaryInfo: null,
   isEnrolling: false,
@@ -343,20 +343,36 @@ var reducer = function reducer(state, action) {
   var _a, _b, _c;
   switch (action.type) {
     case 'transition':
-      return Object.assign(Object.assign({}, state), {
-        screen: action.screen
-      });
+      {
+        var screenHistory = action.history === 'push' ? [].concat(_toConsumableArray(state.screenHistory), [state.screen]) : [];
+        return Object.assign(Object.assign({}, state), {
+          screen: action.screen,
+          screenHistory: screenHistory
+        });
+      }
+    case 'navigate_back':
+      {
+        var screen = state.screenHistory.at(-1);
+        if (!screen) {
+          return state;
+        }
+        var _screenHistory = state.screenHistory.slice(0, -1);
+        return Object.assign(Object.assign({}, state), {
+          screen: screen,
+          screenHistory: _screenHistory
+        });
+      }
     case 'set_error_message_and_transition':
       return Object.assign(Object.assign({}, state), {
         screen: AppScreens$1.Error,
         errorType: action.errorType
       });
-    case 'set_magic_link_email':
+    case 'set_user_supplied_email':
       {
         return Object.assign(Object.assign({}, state), {
           formState: Object.assign(Object.assign({}, state.formState), {
-            magicLinkState: {
-              email: action.email
+            emailState: {
+              userSuppliedEmail: action.email
             }
           })
         });
@@ -427,6 +443,18 @@ var reducer = function reducer(state, action) {
           })
         });
       }
+    case 'send_email_otp':
+      {
+        return Object.assign(Object.assign({}, state), {
+          formState: Object.assign(Object.assign({}, state.formState), {
+            otpState: {
+              codeExpiration: action.codeExpiration
+            }
+          }),
+          screen: AppScreens$1.EmailOTPEntry,
+          screenHistory: [].concat(_toConsumableArray(state.screenHistory), [state.screen])
+        });
+      }
     default:
       return mfaReducer(state, action);
   }
@@ -452,6 +480,8 @@ var AppScreens$1;
   AppScreens["TOTPEnrollmentManual"] = "TOTP Enrollment Manual";
   AppScreens["TOTPEnrollmentQRCode"] = "TOTP Enrollment QR Code";
   AppScreens["TOTPEntry"] = "TOTP Entry";
+  AppScreens["EmailMethodSelection"] = "Email Method Selection";
+  AppScreens["EmailOTPEntry"] = "Email OTP Entry";
 })(AppScreens$1 || (AppScreens$1 = {}));
 var ErrorType;
 (function (ErrorType) {
@@ -463,9 +493,13 @@ var ErrorType;
 })(ErrorType || (ErrorType = {}));
 var DEFAULT_STATE = {
   screen: AppScreens$1.Main,
+  screenHistory: [],
   formState: {
-    magicLinkState: {
-      email: ''
+    emailState: {
+      userSuppliedEmail: ''
+    },
+    otpState: {
+      codeExpiration: null
     },
     discoveryState: {
       email: '',
@@ -1511,186 +1545,495 @@ var ErrorScreen = function ErrorScreen() {
     size: "header"
   }, "Looks like there was an error!"), /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorSVG, null), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, ErrorTypeMap[currentErrorType]));
 };
-var mutation = function mutation() {
-  return function (key, fetcher) {
-    var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var _extractErrorMessage$3 = extractErrorMessage.useSWRConfig(),
-      mutate = _extractErrorMessage$3.mutate;
-    var keyRef = extractErrorMessage._(key);
-    var fetcherRef = extractErrorMessage._(fetcher);
-    var configRef = extractErrorMessage._(config);
-    var ditchMutationsUntilRef = extractErrorMessage._(0);
-    var _extractErrorMessage$4 = extractErrorMessage.useStateWithDeps({
-        data: extractErrorMessage.UNDEFINED,
-        error: extractErrorMessage.UNDEFINED,
-        isMutating: false
-      }),
-      _extractErrorMessage$5 = _slicedToArray(_extractErrorMessage$4, 3),
-      stateRef = _extractErrorMessage$5[0],
-      stateDependencies = _extractErrorMessage$5[1],
-      setState = _extractErrorMessage$5[2];
-    var currentState = stateRef.current;
-    var trigger = extractErrorMessage.T( /*#__PURE__*/function () {
-      var _ref39 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
-        var _extractErrorMessage$6, _extractErrorMessage$7, serializedKey, resolvedKey, options, mutationStartedAt, data;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _extractErrorMessage$6 = extractErrorMessage.serialize(keyRef.current), _extractErrorMessage$7 = _slicedToArray(_extractErrorMessage$6, 2), serializedKey = _extractErrorMessage$7[0], resolvedKey = _extractErrorMessage$7[1];
-              if (fetcherRef.current) {
-                _context.next = 3;
-                break;
-              }
-              throw new Error('Can’t trigger the mutation: missing fetcher.');
-            case 3:
-              if (serializedKey) {
-                _context.next = 5;
-                break;
-              }
-              throw new Error('Can’t trigger the mutation: missing key.');
-            case 5:
-              options = extractErrorMessage.mergeObjects(extractErrorMessage.mergeObjects({
-                populateCache: false,
-                throwOnError: true
-              }, configRef.current), opts);
-              mutationStartedAt = extractErrorMessage.getTimestamp();
-              ditchMutationsUntilRef.current = mutationStartedAt;
-              setState({
-                isMutating: true
-              });
-              _context.prev = 9;
-              _context.next = 12;
-              return mutate(serializedKey, fetcherRef.current(resolvedKey, {
-                arg: arg
-              }), extractErrorMessage.mergeObjects(options, {
-                throwOnError: true
-              }));
-            case 12:
-              data = _context.sent;
-              if (ditchMutationsUntilRef.current <= mutationStartedAt) {
-                setState({
-                  data: data,
-                  isMutating: false,
-                  error: undefined
-                });
-                options.onSuccess == null ? void 0 : options.onSuccess(data, serializedKey, options);
-              }
-              return _context.abrupt("return", data);
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](9);
-              if (!(ditchMutationsUntilRef.current <= mutationStartedAt)) {
-                _context.next = 24;
-                break;
-              }
-              setState({
-                error: _context.t0,
-                isMutating: false
-              });
-              options.onError == null ? void 0 : options.onError(_context.t0, serializedKey, options);
-              if (!options.throwOnError) {
-                _context.next = 24;
-                break;
-              }
-              throw _context.t0;
-            case 24:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[9, 17]]);
-      }));
-      return function (_x, _x2) {
-        return _ref39.apply(this, arguments);
-      };
-    }(), []);
-    var reset = extractErrorMessage.T(function () {
-      ditchMutationsUntilRef.current = extractErrorMessage.getTimestamp();
-      setState({
-        data: extractErrorMessage.UNDEFINED,
-        error: extractErrorMessage.UNDEFINED,
-        isMutating: false
-      });
-    }, []);
-    extractErrorMessage.useIsomorphicLayoutEffect(function () {
-      keyRef.current = key;
-      fetcherRef.current = fetcher;
-      configRef.current = config;
-    });
-    return {
-      trigger: trigger,
-      reset: reset,
-      get data() {
-        stateDependencies.data = true;
-        return currentState.data;
-      },
-      get error() {
-        stateDependencies.error = true;
-        return currentState.error;
-      },
-      get isMutating() {
-        stateDependencies.isMutating = true;
-        return currentState.isMutating;
-      }
-    };
-  };
-};
-var index = extractErrorMessage.withMiddleware(extractErrorMessage.useSWR, mutation);
-var KeyToStytchEventMap = {
-  'stytch.magicLinks.authenticate': internal.StytchEventType.B2BMagicLinkAuthenticate,
-  'stytch.sso.authenticate': internal.StytchEventType.B2BSSOAuthenticate,
-  'stytch.magicLinks.discovery.authenticate': internal.StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
-  'stytch.discovery.organization.create': internal.StytchEventType.B2BDiscoveryOrganizationsCreate,
-  'stytch.discovery.intermediateSessions.exchange': internal.StytchEventType.B2BDiscoveryIntermediateSessionExchange,
-  'stytch.magicLinks.email.loginOrSignup': internal.StytchEventType.B2BMagicLinkEmailLoginOrSignup,
-  'stytch.magicLinks.discovery.send': internal.StytchEventType.B2BMagicLinkEmailDiscoverySend,
-  'stytch.oauth.authenticate': internal.StytchEventType.B2BOAuthAuthenticate,
-  'stytch.oauth.discovery.authenticate': internal.StytchEventType.B2BOAuthDiscoveryAuthenticate,
-  'stytch.otps.sms.send': internal.StytchEventType.B2BSMSOTPSend,
-  'stytch.otps.sms.authenticate': internal.StytchEventType.B2BSMSOTPAuthenticate,
-  'stytch.totp.create': internal.StytchEventType.B2BTOTPCreate,
-  'stytch.totp.authenticate': internal.StytchEventType.B2BTOTPAuthenticate,
-  'stytch.recoveryCodes.recover': internal.StytchEventType.B2BRecoveryCodesRecover
-};
-var useMutate = function useMutate(key, fetcher, options) {
-  var onEvent = useEventCallback();
-  var _onError = useErrorCallback();
-  return index(key, fetcher, Object.assign(Object.assign({
-    throwOnError: false
-  }, options), {
-    onSuccess: function onSuccess(data, key, config) {
-      if (KeyToStytchEventMap[key]) {
-        onEvent({
-          type: KeyToStytchEventMap[key],
-          data: data
-        });
-      }
-      (options === null || options === void 0 ? void 0 : options.onSuccess) && options.onSuccess(data, key, config);
+var Input = extractErrorMessage.He.input(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 47px;\n  padding: 0 8px;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n"])), function (props) {
+  return props.theme.inputs.backgroundColor;
+}, function (props) {
+  return props.theme.inputs.borderColor;
+}, function (props) {
+  return props.theme.inputs.borderRadius;
+}, function (props) {
+  return props.theme.inputs.textColor;
+}, function (props) {
+  return props.theme.typography.fontFamily;
+}, function (props) {
+  return props.theme.inputs.placeholderColor;
+}, function (props) {
+  return props.theme.colors.disabledText;
+}, function (props) {
+  return props.theme.colors.disabledText;
+}, function (props) {
+  return props.theme.colors.disabled;
+});
+var EmailInput = function EmailInput(_ref39) {
+  var email = _ref39.email,
+    setEmail = _ref39.setEmail,
+    _ref39$disableInput = _ref39.disableInput,
+    disableInput = _ref39$disableInput === void 0 ? false : _ref39$disableInput,
+    _ref39$hasPasskeys = _ref39.hasPasskeys,
+    hasPasskeys = _ref39$hasPasskeys === void 0 ? false : _ref39$hasPasskeys;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Input, Object.assign({
+    placeholder: "example@email.com",
+    name: "email",
+    type: "email",
+    autoComplete: hasPasskeys ? 'email webauthn' : 'email',
+    disabled: disableInput,
+    id: "email-input",
+    value: email,
+    onChange: function onChange(e) {
+      return setEmail(e.target.value);
     },
-    onError: function onError(error, key, config) {
-      _onError(error);
-      (options === null || options === void 0 ? void 0 : options.onError) && options.onError(error, key, config);
+    required: true
+  }, hasPasskeys ? extractErrorMessage.passwordManagerDisableAutofillProps : {}));
+};
+var DASHBOARD_REGEX = /https:\/\/stytch\.com\/[#a-zA-Z0-9/-]+/g;
+var mapURLsToLinks = function mapURLsToLinks(str) {
+  var nonLinkChunks = str.split(DASHBOARD_REGEX);
+  var linkChunks = Array.from(str.matchAll(DASHBOARD_REGEX)).map(function (el) {
+    return el[0];
+  });
+  var chunkResults = [];
+  while (nonLinkChunks.length || linkChunks.length) {
+    if (nonLinkChunks.length) {
+      chunkResults.push(nonLinkChunks.shift());
     }
-  }));
+    if (linkChunks.length) {
+      var chunk = linkChunks.shift();
+      chunkResults.push( /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
+        key: chunk + '__' + String(linkChunks.length),
+        href: chunk,
+        target: "_blank",
+        rel: "noreferrer"
+      }, chunk));
+    }
+  }
+  return chunkResults;
 };
-var useExtractSlug = function useExtractSlug() {
-  var _useGlobalReducer3 = useGlobalReducer(),
-    _useGlobalReducer4 = _slicedToArray(_useGlobalReducer3, 2),
-    state = _useGlobalReducer4[0],
-    dispatch = _useGlobalReducer4[1];
-  var _extractErrorMessage$8 = extractErrorMessage.h(),
-    _extractErrorMessage$9 = _slicedToArray(_extractErrorMessage$8, 2),
-    pattern = _extractErrorMessage$9[0],
-    setPattern = _extractErrorMessage$9[1];
-  var stytchClient = useStytch();
-  var slug = extractFromPattern(pattern || null);
-  var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_, _ref40) {
-      var slug = _ref40.arg.slug;
-      return stytchClient.organization.getBySlug({
-        organization_slug: slug
-      });
-    }, {
-      onSuccess: function onSuccess(_ref41) {
-        var organization = _ref41.organization;
+var ErrorText = function ErrorText(_ref40) {
+  var errorMessage = _ref40.errorMessage;
+  var tokens = extractErrorMessage.F(function () {
+    return mapURLsToLinks(errorMessage);
+  }, [errorMessage]);
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    size: "helper",
+    color: "error"
+  }, tokens);
+};
+var Button = extractErrorMessage.He.button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  all: unset;\n  width: 100%;\n  height: 45px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 18px;\n  text-transform: none;\n  font-family: ", ";\n  box-shadow: none;\n  text-align: center;\n\n  ", "\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    border-radius: ", ";\n    cursor: not-allowed;\n  }\n"])), function (props) {
+  return props.theme.typography.fontFamily;
+}, function (props) {
+  switch (props.variant) {
+    case 'primary':
+      return "\n          border: ".concat(props.theme.buttons.primary.border, ";\n          border-radius: ").concat(props.theme.buttons.primary.borderRadius, ";\n          color: ").concat(props.theme.buttons.primary.textColor, ";\n          background-color: ").concat(props.theme.buttons.primary.backgroundColor, ";\n        ");
+    case 'outlined':
+      return "\n          border: ".concat(props.theme.buttons.secondary.border, ";\n          border-radius: ").concat(props.theme.buttons.secondary.borderRadius, ";\n          color: ").concat(props.theme.buttons.secondary.textColor, ";\n          background-color: ").concat(props.theme.buttons.secondary.backgroundColor, ";\n        ");
+    case 'text':
+      return "\n          color: ".concat(props.theme.colors.primary, ";\n          background-color: transparent;\n          font-weight: 600;\n        ");
+  }
+}, function (props) {
+  return props.theme.buttons.disabled.backgroundColor;
+}, function (props) {
+  return props.theme.buttons.disabled.textColor;
+}, function (props) {
+  return props.theme.buttons.disabled.border;
+}, function (props) {
+  return props.theme.buttons.disabled.borderRadius;
+});
+Button.defaultProps = {
+  variant: 'primary'
+};
+var circularRotateKeyframe = extractErrorMessage.Ue(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+var circularDashKeyframe = extractErrorMessage.Ue(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
+var AnimatedCircle = extractErrorMessage.He.circle(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke: ", ";\n  fill: none;\n"])), circularDashKeyframe, function (props) {
+  return props.theme.colors.primary;
+});
+var CircularProgressRoot = extractErrorMessage.He.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s ease-in-out infinite;\n"])), function (props) {
+  return props.size;
+}, function (props) {
+  return props.size;
+}, circularRotateKeyframe);
+var CircularProgressSVG = extractErrorMessage.He.svg(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: block;\n"])));
+var CircularProgress = function CircularProgress(_ref41) {
+  var size = _ref41.size,
+    thickness = _ref41.thickness;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgressRoot, {
+    size: size
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgressSVG, {
+    viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size)
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(AnimatedCircle, {
+    cx: size,
+    cy: size,
+    r: (size - thickness) / 2,
+    fill: "none",
+    strokeWidth: thickness
+  })));
+};
+var LoadingButton = function LoadingButton(_a) {
+  var children = _a.children,
+    isLoading = _a.isLoading,
+    buttonProps = internal.__rest(_a, ["children", "isLoading"]);
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Button, Object.assign({}, buttonProps), isLoading ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    justifyContent: "center"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgress, {
+    size: 18,
+    thickness: 1,
+    "data-testid": "loading-icon"
+  }))) : children);
+};
+var SubmitButton = function SubmitButton(_ref42) {
+  var isSubmitting = _ref42.isSubmitting,
+    disabled = _ref42.disabled,
+    text = _ref42.text,
+    variant = _ref42.variant;
+  var buttonDisabled = isSubmitting || disabled;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingButton, {
+    isLoading: isSubmitting,
+    type: "submit",
+    disabled: buttonDisabled,
+    variant: variant
+  }, text);
+};
+var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProviderConfig(provider) {
+  var providerType = '';
+  var oneTap = false;
+  var customScopes = [];
+  var providerParams = {};
+  if (typeof provider === 'string') {
+    providerType = provider;
+  } else {
+    providerType = provider.type;
+    if (provider.type === internal.B2BOAuthProviders.Google && 'one_tap' in provider) {
+      oneTap = provider.one_tap;
+    }
+    customScopes = provider.customScopes || [];
+    providerParams = provider.providerParams || {};
+  }
+  var oauthProvider = providerType;
+  return {
+    type: oauthProvider,
+    one_tap: oneTap,
+    customScopes: customScopes,
+    providerParams: providerParams
+  };
+};
+var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BProducts.oauth, undefined), internal.B2BProducts.sso, 'sso'), internal.B2BProducts.emailMagicLinks, 'magic_link'), internal.B2BProducts.emailOtp, 'email_otp'), internal.B2BProducts.passwords, 'password');
+var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BOAuthProviders.Google, 'google_oauth'), internal.B2BOAuthProviders.Microsoft, 'microsoft_oauth'), internal.B2BOAuthProviders.HubSpot, 'hubspot_oauth'), internal.B2BOAuthProviders.Slack, 'slack_oauth'), internal.B2BOAuthProviders.GitHub, 'github_oauth');
+var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref43) {
+  var _ref44 = _slicedToArray(_ref43, 2),
+    product = _ref44[0],
+    method = _ref44[1];
+  if (method) {
+    acc[method] = product;
+  }
+  return acc;
+}, {});
+var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref45) {
+  var _ref46 = _slicedToArray(_ref45, 2),
+    provider = _ref46[0],
+    method = _ref46[1];
+  acc[method] = provider;
+  return acc;
+}, {});
+var oauthProviderToAuthMethod = function oauthProviderToAuthMethod(provider) {
+  return oauthProvidersToAuthMethods[provider];
+};
+var oauthMethodToOauthProvider = function oauthMethodToOauthProvider(authMethod) {
+  return oauthMethodsToOauthProviders[authMethod];
+};
+var productToAuthMethod = function productToAuthMethod(product) {
+  return productsToAuthMethods[product];
+};
+var authMethodToProduct = function authMethodToProduct(authMethod) {
+  if (authMethod in oauthMethodsToOauthProviders) {
+    return internal.B2BProducts.oauth;
+  }
+  return authMethodsToProducts[authMethod];
+};
+var allProducts = Object.keys(productsToAuthMethods);
+var allOauthProviders = Object.values(internal.B2BOAuthProviders);
+var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, oauthProviders) {
+  return products.reduce(function (acc, product) {
+    if (product === internal.B2BProducts.oauth) {
+      oauthProviders.forEach(function (provider) {
+        var authMethod = oauthProviderToAuthMethod(typeof provider === 'string' ? provider : provider.type);
+        if (authMethod) {
+          acc.push(authMethod);
+        }
+      });
+    } else {
+      var authMethod = productToAuthMethod(product);
+      if (authMethod) {
+        acc.push(authMethod);
+      }
+    }
+    return acc;
+  }, []);
+};
+var useOAuthProviderConfigs = function useOAuthProviderConfigs() {
+  var _a;
+  var config = useConfig();
+  return extractErrorMessage.F(function () {
+    var _a;
+    if (!((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers)) {
+      return [];
+    }
+    return config.oauthOptions.providers.map(getParamsFromB2BOAuthProviderConfig);
+  }, [(_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers]);
+};
+var useRestrictedAuthMethods = function useRestrictedAuthMethods() {
+  var _a, _b;
+  var _useGlobalReducer3 = useGlobalReducer(),
+    _useGlobalReducer4 = _slicedToArray(_useGlobalReducer3, 1),
+    state = _useGlobalReducer4[0];
+  var primaryAuthMethods = state.primary.primaryAuthMethods;
+  var hasPrimaryAuthMethods = !!primaryAuthMethods;
+  var restrictedAuthMethods = extractErrorMessage.F(function () {
+    var _a, _b, _c;
+    if (state.primary.primaryAuthMethods) {
+      return new Set(state.primary.primaryAuthMethods);
+    }
+    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
+      return new Set((_c = (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.allowed_auth_methods) !== null && _c !== void 0 ? _c : []);
+    }
+  }, [(_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.allowed_auth_methods, (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.auth_methods, state.primary.primaryAuthMethods]);
+  return {
+    restrictedAuthMethods: restrictedAuthMethods,
+    hasPrimaryAuthMethods: hasPrimaryAuthMethods
+  };
+};
+var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
+  var _a;
+  var _useGlobalReducer5 = useGlobalReducer(),
+    _useGlobalReducer6 = _slicedToArray(_useGlobalReducer5, 1),
+    state = _useGlobalReducer6[0];
+  var config = useConfig();
+  var _useRestrictedAuthMet = useRestrictedAuthMethods(),
+    restrictedAuthMethods = _useRestrictedAuthMet.restrictedAuthMethods,
+    hasPrimaryAuthMethods = _useRestrictedAuthMet.hasPrimaryAuthMethods;
+  var oauthProviderConfigs = useOAuthProviderConfigs();
+  var flattenedConfiguredAuthMethods = extractErrorMessage.F(function () {
+    return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
+  }, [config.products, oauthProviderConfigs]);
+  var authMethodsToShow = extractErrorMessage.F(function () {
+    var _a;
+    if (!restrictedAuthMethods) {
+      return flattenedConfiguredAuthMethods;
+    }
+    var restrictedAuthMethodsInUiConfig = flattenedConfiguredAuthMethods.filter(function (authMethod) {
+      return restrictedAuthMethods.has(authMethod);
+    });
+    if (restrictedAuthMethodsInUiConfig.length > 0 || !hasPrimaryAuthMethods) {
+      return restrictedAuthMethodsInUiConfig;
+    }
+    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
+      return flattenConfigToAuthMethods(allProducts, allOauthProviders).filter(function (authMethod) {
+        return restrictedAuthMethods.has(authMethod);
+      });
+    }
+    return ['magic_link'];
+  }, [flattenedConfiguredAuthMethods, hasPrimaryAuthMethods, restrictedAuthMethods, (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods]);
+  var products = extractErrorMessage.F(function () {
+    return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(extractErrorMessage.isTruthy)));
+  }, [authMethodsToShow]);
+  var oauthProviderSettings = extractErrorMessage.F(function () {
+    return authMethodsToShow.map(function (authMethod) {
+      var _a;
+      var provider = oauthMethodToOauthProvider(authMethod);
+      if (provider) {
+        return (_a = oauthProviderConfigs.find(function (oauthProvider) {
+          return oauthProvider.type === provider;
+        })) !== null && _a !== void 0 ? _a : getParamsFromB2BOAuthProviderConfig(provider);
+      }
+    }).filter(extractErrorMessage.isTruthy);
+  }, [authMethodsToShow, oauthProviderConfigs]);
+  return {
+    products: products,
+    oauthProviderSettings: oauthProviderSettings
+  };
+};
+var DEFAULT_OTP_EXPIRATION_MS = 1000 * 60 * 10;
+var getOtpCodeExpiration = function getOtpCodeExpiration() {
+  return new Date(Date.now() + DEFAULT_OTP_EXPIRATION_MS);
+};
+var mutation = function mutation() {
+  return function (key, fetcher) {
+    var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var _extractErrorMessage$3 = extractErrorMessage.useSWRConfig(),
+      mutate = _extractErrorMessage$3.mutate;
+    var keyRef = extractErrorMessage._(key);
+    var fetcherRef = extractErrorMessage._(fetcher);
+    var configRef = extractErrorMessage._(config);
+    var ditchMutationsUntilRef = extractErrorMessage._(0);
+    var _extractErrorMessage$4 = extractErrorMessage.useStateWithDeps({
+        data: extractErrorMessage.UNDEFINED,
+        error: extractErrorMessage.UNDEFINED,
+        isMutating: false
+      }),
+      _extractErrorMessage$5 = _slicedToArray(_extractErrorMessage$4, 3),
+      stateRef = _extractErrorMessage$5[0],
+      stateDependencies = _extractErrorMessage$5[1],
+      setState = _extractErrorMessage$5[2];
+    var currentState = stateRef.current;
+    var trigger = extractErrorMessage.T( /*#__PURE__*/function () {
+      var _ref47 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
+        var _extractErrorMessage$6, _extractErrorMessage$7, serializedKey, resolvedKey, options, mutationStartedAt, data;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _extractErrorMessage$6 = extractErrorMessage.serialize(keyRef.current), _extractErrorMessage$7 = _slicedToArray(_extractErrorMessage$6, 2), serializedKey = _extractErrorMessage$7[0], resolvedKey = _extractErrorMessage$7[1];
+              if (fetcherRef.current) {
+                _context.next = 3;
+                break;
+              }
+              throw new Error('Can’t trigger the mutation: missing fetcher.');
+            case 3:
+              if (serializedKey) {
+                _context.next = 5;
+                break;
+              }
+              throw new Error('Can’t trigger the mutation: missing key.');
+            case 5:
+              options = extractErrorMessage.mergeObjects(extractErrorMessage.mergeObjects({
+                populateCache: false,
+                throwOnError: true
+              }, configRef.current), opts);
+              mutationStartedAt = extractErrorMessage.getTimestamp();
+              ditchMutationsUntilRef.current = mutationStartedAt;
+              setState({
+                isMutating: true
+              });
+              _context.prev = 9;
+              _context.next = 12;
+              return mutate(serializedKey, fetcherRef.current(resolvedKey, {
+                arg: arg
+              }), extractErrorMessage.mergeObjects(options, {
+                throwOnError: true
+              }));
+            case 12:
+              data = _context.sent;
+              if (ditchMutationsUntilRef.current <= mutationStartedAt) {
+                setState({
+                  data: data,
+                  isMutating: false,
+                  error: undefined
+                });
+                options.onSuccess == null ? void 0 : options.onSuccess(data, serializedKey, options);
+              }
+              return _context.abrupt("return", data);
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](9);
+              if (!(ditchMutationsUntilRef.current <= mutationStartedAt)) {
+                _context.next = 24;
+                break;
+              }
+              setState({
+                error: _context.t0,
+                isMutating: false
+              });
+              options.onError == null ? void 0 : options.onError(_context.t0, serializedKey, options);
+              if (!options.throwOnError) {
+                _context.next = 24;
+                break;
+              }
+              throw _context.t0;
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[9, 17]]);
+      }));
+      return function (_x, _x2) {
+        return _ref47.apply(this, arguments);
+      };
+    }(), []);
+    var reset = extractErrorMessage.T(function () {
+      ditchMutationsUntilRef.current = extractErrorMessage.getTimestamp();
+      setState({
+        data: extractErrorMessage.UNDEFINED,
+        error: extractErrorMessage.UNDEFINED,
+        isMutating: false
+      });
+    }, []);
+    extractErrorMessage.useIsomorphicLayoutEffect(function () {
+      keyRef.current = key;
+      fetcherRef.current = fetcher;
+      configRef.current = config;
+    });
+    return {
+      trigger: trigger,
+      reset: reset,
+      get data() {
+        stateDependencies.data = true;
+        return currentState.data;
+      },
+      get error() {
+        stateDependencies.error = true;
+        return currentState.error;
+      },
+      get isMutating() {
+        stateDependencies.isMutating = true;
+        return currentState.isMutating;
+      }
+    };
+  };
+};
+var index = extractErrorMessage.withMiddleware(extractErrorMessage.useSWR, mutation);
+var KeyToStytchEventMap = {
+  'stytch.magicLinks.authenticate': internal.StytchEventType.B2BMagicLinkAuthenticate,
+  'stytch.sso.authenticate': internal.StytchEventType.B2BSSOAuthenticate,
+  'stytch.magicLinks.discovery.authenticate': internal.StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
+  'stytch.discovery.organization.create': internal.StytchEventType.B2BDiscoveryOrganizationsCreate,
+  'stytch.discovery.intermediateSessions.exchange': internal.StytchEventType.B2BDiscoveryIntermediateSessionExchange,
+  'stytch.magicLinks.email.loginOrSignup': internal.StytchEventType.B2BMagicLinkEmailLoginOrSignup,
+  'stytch.magicLinks.discovery.send': internal.StytchEventType.B2BMagicLinkEmailDiscoverySend,
+  'stytch.oauth.authenticate': internal.StytchEventType.B2BOAuthAuthenticate,
+  'stytch.oauth.discovery.authenticate': internal.StytchEventType.B2BOAuthDiscoveryAuthenticate,
+  'stytch.otps.sms.send': internal.StytchEventType.B2BSMSOTPSend,
+  'stytch.otps.sms.authenticate': internal.StytchEventType.B2BSMSOTPAuthenticate,
+  'stytch.totp.create': internal.StytchEventType.B2BTOTPCreate,
+  'stytch.totp.authenticate': internal.StytchEventType.B2BTOTPAuthenticate,
+  'stytch.recoveryCodes.recover': internal.StytchEventType.B2BRecoveryCodesRecover
+};
+var useMutate = function useMutate(key, fetcher, options) {
+  var onEvent = useEventCallback();
+  var _onError = useErrorCallback();
+  return index(key, fetcher, Object.assign(Object.assign({
+    throwOnError: false
+  }, options), {
+    onSuccess: function onSuccess(data, key, config) {
+      if (KeyToStytchEventMap[key]) {
+        onEvent({
+          type: KeyToStytchEventMap[key],
+          data: data
+        });
+      }
+      (options === null || options === void 0 ? void 0 : options.onSuccess) && options.onSuccess(data, key, config);
+    },
+    onError: function onError(error, key, config) {
+      _onError(error);
+      (options === null || options === void 0 ? void 0 : options.onError) && options.onError(error, key, config);
+    }
+  }));
+};
+var useExtractSlug = function useExtractSlug() {
+  var _useGlobalReducer7 = useGlobalReducer(),
+    _useGlobalReducer8 = _slicedToArray(_useGlobalReducer7, 2),
+    state = _useGlobalReducer8[0],
+    dispatch = _useGlobalReducer8[1];
+  var _extractErrorMessage$8 = extractErrorMessage.h(),
+    _extractErrorMessage$9 = _slicedToArray(_extractErrorMessage$8, 2),
+    pattern = _extractErrorMessage$9[0],
+    setPattern = _extractErrorMessage$9[1];
+  var stytchClient = useStytch();
+  var slug = extractFromPattern(pattern || null);
+  var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_, _ref48) {
+      var slug = _ref48.arg.slug;
+      return stytchClient.organization.getBySlug({
+        organization_slug: slug
+      });
+    }, {
+      onSuccess: function onSuccess(_ref49) {
+        var organization = _ref49.organization;
         if (organization === null) {
           dispatch({
             type: 'set_error_message_and_transition',
@@ -1707,8 +2050,8 @@ var useExtractSlug = function useExtractSlug() {
     trigger = _useMutate.trigger,
     isSearching = _useMutate.isMutating;
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref42) {
-      var slugPattern = _ref42.slugPattern;
+    internal.readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref50) {
+      var slugPattern = _ref50.slugPattern;
       setPattern(slugPattern);
     });
   }, [stytchClient]);
@@ -1745,11 +2088,19 @@ var onAuthenticateSuccess = function onAuthenticateSuccess(data, dispatch, confi
     includedMfaMethods: config.mfaProductInclude
   });
 };
+var onDiscoveryAuthenticateSuccess = function onDiscoveryAuthenticateSuccess(data, dispatch) {
+  dispatch({
+    type: 'set_discovery_state',
+    email: data.email_address,
+    discoveredOrganizations: data.discovered_organizations,
+    intermediateSessionToken: data.intermediate_session_token
+  });
+};
 var usePasswordInput = function usePasswordInput() {
-  var _useGlobalReducer5 = useGlobalReducer(),
-    _useGlobalReducer6 = _slicedToArray(_useGlobalReducer5, 2),
-    state = _useGlobalReducer6[0],
-    dispatch = _useGlobalReducer6[1];
+  var _useGlobalReducer9 = useGlobalReducer(),
+    _useGlobalReducer10 = _slicedToArray(_useGlobalReducer9, 2),
+    state = _useGlobalReducer10[0],
+    dispatch = _useGlobalReducer10[1];
   var config = useConfig();
   var stytch = useStytch();
   var onEvent = useEventCallback();
@@ -1793,6 +2144,34 @@ var usePasswordInput = function usePasswordInput() {
       setErrorMessage('Invalid email or password. Please try again or use the link below to get help.');
     });
   };
+  var submitDiscoveryPassword = function submitDiscoveryPassword() {
+    setErrorMessage('');
+    setIsSubmitting(true);
+    stytch.passwords.discovery.authenticate({
+      email_address: email,
+      password: password
+    }).then(function (data) {
+      setIsSubmitting(false);
+      onEvent({
+        type: internal.StytchEventType.B2BPasswordDiscoveryAuthenticate,
+        data: data
+      });
+      dispatch({
+        type: 'transition',
+        screen: AppScreens$1.Discovery
+      });
+      dispatch({
+        type: 'set_discovery_state',
+        email: data.email_address,
+        discoveredOrganizations: data.discovered_organizations,
+        intermediateSessionToken: data.intermediate_session_token
+      });
+    })["catch"](function (err) {
+      setIsSubmitting(false);
+      onError(err);
+      setErrorMessage('Invalid email or password. Please try again or use the link below to get help.');
+    });
+  };
   var emailEligibleForJITProvisioning = function emailEligibleForJITProvisioning(organization, email) {
     var emailDomain = email.split('@').pop();
     return organization.email_jit_provisioning == 'NOT_ALLOWED' || organization.email_jit_provisioning == 'RESTRICTED' && emailDomain && organization.email_allowed_domains.includes(emailDomain);
@@ -1845,6 +2224,7 @@ var usePasswordInput = function usePasswordInput() {
     isSubmitting: isSubmitting,
     setIsSubmitting: setIsSubmitting,
     submitPassword: submitPassword,
+    submitDiscoveryPassword: submitDiscoveryPassword,
     handleNonMemberReset: handleNonMemberReset
   };
 };
@@ -1859,192 +2239,138 @@ var extractFromPattern = function extractFromPattern(pattern) {
   }
   return null;
 };
-var Button = extractErrorMessage.He.button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  all: unset;\n  width: 100%;\n  height: 45px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 18px;\n  text-transform: none;\n  font-family: ", ";\n  box-shadow: none;\n  text-align: center;\n\n  ", "\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    border-radius: ", ";\n    cursor: not-allowed;\n  }\n"])), function (props) {
-  return props.theme.typography.fontFamily;
-}, function (props) {
-  switch (props.variant) {
-    case 'primary':
-      return "\n          border: ".concat(props.theme.buttons.primary.border, ";\n          border-radius: ").concat(props.theme.buttons.primary.borderRadius, ";\n          color: ").concat(props.theme.buttons.primary.textColor, ";\n          background-color: ").concat(props.theme.buttons.primary.backgroundColor, ";\n        ");
-    case 'outlined':
-      return "\n          border: ".concat(props.theme.buttons.secondary.border, ";\n          border-radius: ").concat(props.theme.buttons.secondary.borderRadius, ";\n          color: ").concat(props.theme.buttons.secondary.textColor, ";\n          background-color: ").concat(props.theme.buttons.secondary.backgroundColor, ";\n        ");
-    case 'text':
-      return "\n          color: ".concat(props.theme.colors.primary, ";\n          background-color: transparent;\n          font-weight: 600;\n        ");
-  }
-}, function (props) {
-  return props.theme.buttons.disabled.backgroundColor;
-}, function (props) {
-  return props.theme.buttons.disabled.textColor;
-}, function (props) {
-  return props.theme.buttons.disabled.border;
-}, function (props) {
-  return props.theme.buttons.disabled.borderRadius;
-});
-Button.defaultProps = {
-  variant: 'primary'
-};
-var circularRotateKeyframe = extractErrorMessage.Ue(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var circularDashKeyframe = extractErrorMessage.Ue(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var AnimatedCircle = extractErrorMessage.He.circle(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke: ", ";\n  fill: none;\n"])), circularDashKeyframe, function (props) {
-  return props.theme.colors.primary;
-});
-var CircularProgressRoot = extractErrorMessage.He.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s ease-in-out infinite;\n"])), function (props) {
-  return props.size;
-}, function (props) {
-  return props.size;
-}, circularRotateKeyframe);
-var CircularProgressSVG = extractErrorMessage.He.svg(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: block;\n"])));
-var CircularProgress = function CircularProgress(_ref43) {
-  var size = _ref43.size,
-    thickness = _ref43.thickness;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgressRoot, {
-    size: size
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgressSVG, {
-    viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size)
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(AnimatedCircle, {
-    cx: size,
-    cy: size,
-    r: (size - thickness) / 2,
-    fill: "none",
-    strokeWidth: thickness
-  })));
-};
-var SubmitButton = function SubmitButton(props) {
-  var buttonDisabled = props.isSubmitting || props.disabled;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
-    id: 'submit',
-    type: "submit",
-    disabled: buttonDisabled,
-    variant: props.variant
-  }, props.isSubmitting ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-    justifyContent: "center"
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgress, {
-    size: 18,
-    thickness: 1,
-    "data-testid": "loading-icon"
-  }))) : props.text);
-};
-var Input = extractErrorMessage.He.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 47px;\n  padding: 0 8px;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n"])), function (props) {
-  return props.theme.inputs.backgroundColor;
-}, function (props) {
-  return props.theme.inputs.borderColor;
-}, function (props) {
-  return props.theme.inputs.borderRadius;
-}, function (props) {
-  return props.theme.inputs.textColor;
-}, function (props) {
-  return props.theme.typography.fontFamily;
-}, function (props) {
-  return props.theme.inputs.placeholderColor;
-}, function (props) {
-  return props.theme.colors.disabledText;
-}, function (props) {
-  return props.theme.colors.disabledText;
-}, function (props) {
-  return props.theme.colors.disabled;
-});
-var EmailInput = function EmailInput(_ref44) {
-  var email = _ref44.email,
-    setEmail = _ref44.setEmail,
-    _ref44$disableInput = _ref44.disableInput,
-    disableInput = _ref44$disableInput === void 0 ? false : _ref44$disableInput,
-    _ref44$hasPasskeys = _ref44.hasPasskeys,
-    hasPasskeys = _ref44$hasPasskeys === void 0 ? false : _ref44$hasPasskeys;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Input, Object.assign({
-    placeholder: "example@email.com",
-    name: "email",
-    type: "email",
-    autoComplete: hasPasskeys ? 'email webauthn' : 'email',
-    disabled: disableInput,
-    id: "email-input",
-    value: email,
-    onChange: function onChange(e) {
-      return setEmail(e.target.value);
-    },
-    required: true
-  }, hasPasskeys ? extractErrorMessage.passwordManagerDisableAutofillProps : {}));
-};
-var DASHBOARD_REGEX = /https:\/\/stytch\.com\/[#a-zA-Z0-9/-]+/g;
-var mapURLsToLinks = function mapURLsToLinks(str) {
-  var nonLinkChunks = str.split(DASHBOARD_REGEX);
-  var linkChunks = Array.from(str.matchAll(DASHBOARD_REGEX)).map(function (el) {
-    return el[0];
+var useEmailOtpDiscoverySend = function useEmailOtpDiscoverySend() {
+  var _useGlobalReducer11 = useGlobalReducer(),
+    _useGlobalReducer12 = _slicedToArray(_useGlobalReducer11, 2),
+    dispatch = _useGlobalReducer12[1];
+  var stytchClient = useStytch();
+  var config = useConfig();
+  return useMutate('stytch.otps.email.discovery.send', function (_key, _ref51) {
+    var email = _ref51.arg.email;
+    var _a;
+    return stytchClient.otps.email.discovery.send({
+      email_address: email,
+      login_template_id: (_a = config.emailOtpOptions) === null || _a === void 0 ? void 0 : _a.loginTemplateId
+    });
+  }, {
+    onSuccess: function onSuccess() {
+      dispatch({
+        type: 'send_email_otp',
+        codeExpiration: getOtpCodeExpiration()
+      });
+    }
   });
-  var chunkResults = [];
-  while (nonLinkChunks.length || linkChunks.length) {
-    if (nonLinkChunks.length) {
-      chunkResults.push(nonLinkChunks.shift());
+};
+var useEmailOtpLoginOrSignup = function useEmailOtpLoginOrSignup() {
+  var _useGlobalReducer13 = useGlobalReducer(),
+    _useGlobalReducer14 = _slicedToArray(_useGlobalReducer13, 2),
+    dispatch = _useGlobalReducer14[1];
+  var stytchClient = useStytch();
+  var config = useConfig();
+  return useMutate('stytch.otps.email.loginOrSignup', function (_key, _ref52) {
+    var _ref52$arg = _ref52.arg,
+      email = _ref52$arg.email,
+      organization_id = _ref52$arg.organization_id;
+    var _a, _b;
+    return stytchClient.otps.email.loginOrSignup({
+      email_address: email,
+      organization_id: organization_id,
+      login_template_id: (_a = config.emailOtpOptions) === null || _a === void 0 ? void 0 : _a.loginTemplateId,
+      signup_template_id: (_b = config.emailOtpOptions) === null || _b === void 0 ? void 0 : _b.signupTemplateId
+    });
+  }, {
+    onSuccess: function onSuccess() {
+      dispatch({
+        type: 'send_email_otp',
+        codeExpiration: getOtpCodeExpiration()
+      });
     }
-    if (linkChunks.length) {
-      var chunk = linkChunks.shift();
-      chunkResults.push( /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
-        key: chunk + '__' + String(linkChunks.length),
-        href: chunk,
-        target: "_blank",
-        rel: "noreferrer"
-      }, chunk));
+  });
+};
+var useEmlDiscoverySend = function useEmlDiscoverySend() {
+  var _useGlobalReducer15 = useGlobalReducer(),
+    _useGlobalReducer16 = _slicedToArray(_useGlobalReducer15, 2),
+    dispatch = _useGlobalReducer16[1];
+  var stytchClient = useStytch();
+  var config = useConfig();
+  return useMutate('stytch.magicLinks.discovery.send', function (_, _ref53) {
+    var email = _ref53.arg.email;
+    var _a, _b;
+    return stytchClient.magicLinks.email.discovery.send({
+      email_address: email,
+      discovery_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.discoveryRedirectURL,
+      login_template_id: (_b = config.emailMagicLinksOptions) === null || _b === void 0 ? void 0 : _b.loginTemplateId
+    });
+  }, {
+    onSuccess: function onSuccess() {
+      dispatch({
+        type: 'transition',
+        screen: AppScreens$1.EmailConfirmation
+      });
     }
-  }
-  return chunkResults;
+  });
 };
-var ErrorText = function ErrorText(_ref45) {
-  var errorMessage = _ref45.errorMessage;
-  var tokens = extractErrorMessage.F(function () {
-    return mapURLsToLinks(errorMessage);
-  }, [errorMessage]);
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
-    size: "helper",
-    color: "error"
-  }, tokens);
+var useEmlLoginOrSignup = function useEmlLoginOrSignup() {
+  var _useGlobalReducer17 = useGlobalReducer(),
+    _useGlobalReducer18 = _slicedToArray(_useGlobalReducer17, 2),
+    dispatch = _useGlobalReducer18[1];
+  var stytchClient = useStytch();
+  var config = useConfig();
+  return useMutate('stytch.magicLinks.email.loginOrSignup', function (_, _ref54) {
+    var _ref54$arg = _ref54.arg,
+      email = _ref54$arg.email,
+      organization_id = _ref54$arg.organization_id;
+    var _a, _b, _c, _d;
+    return stytchClient.magicLinks.email.loginOrSignup({
+      email_address: email,
+      organization_id: organization_id,
+      login_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
+      signup_redirect_url: (_b = config.emailMagicLinksOptions) === null || _b === void 0 ? void 0 : _b.signupRedirectURL,
+      login_template_id: (_c = config.emailMagicLinksOptions) === null || _c === void 0 ? void 0 : _c.loginTemplateId,
+      signup_template_id: (_d = config.emailMagicLinksOptions) === null || _d === void 0 ? void 0 : _d.signupTemplateId
+    });
+  }, {
+    onSuccess: function onSuccess() {
+      dispatch({
+        type: 'transition',
+        screen: AppScreens$1.EmailConfirmation
+      });
+    }
+  });
 };
 var JIT_PROVISIONING_ERRORS = ['email_jit_provisioning_not_allowed', 'invalid_email_for_jit_provisioning'];
-var parseErrorMessage = function parseErrorMessage(error, _ref46) {
-  var email = _ref46.email,
-    org = _ref46.org;
+var parseErrorMessage = function parseErrorMessage(error, _ref55) {
+  var email = _ref55.email,
+    org = _ref55.org;
   if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
     return "".concat(email, " does not have access to ").concat(org, ". If you think this is a mistake, contact your admin");
   } else {
     return error.error_message;
   }
 };
-var MagicLinkEmailForm = function MagicLinkEmailForm() {
-  var _useGlobalReducer7 = useGlobalReducer(),
-    _useGlobalReducer8 = _slicedToArray(_useGlobalReducer7, 2),
-    state = _useGlobalReducer8[0],
-    dispatch = _useGlobalReducer8[1];
-  var stytchClient = useStytch();
-  var config = useConfig();
+var EmailForm = function EmailForm() {
+  var _useGlobalReducer19 = useGlobalReducer(),
+    _useGlobalReducer20 = _slicedToArray(_useGlobalReducer19, 2),
+    state = _useGlobalReducer20[0],
+    dispatch = _useGlobalReducer20[1];
   var _extractErrorMessage$20 = extractErrorMessage.h(''),
     _extractErrorMessage$21 = _slicedToArray(_extractErrorMessage$20, 2),
     emailInput = _extractErrorMessage$21[0],
     setEmailInput = _extractErrorMessage$21[1];
+  var _useEffectiveAuthConf = useEffectiveAuthConfig(),
+    products = _useEffectiveAuthConf.products;
+  var enableEml = products.includes(internal.B2BProducts.emailMagicLinks);
+  var enableOtp = products.includes(internal.B2BProducts.emailOtp);
   var providedEmail = state.primary.email;
   var email = providedEmail || emailInput;
-  var _useMutate2 = useMutate('stytch.magicLinks.email.loginOrSignup', function (_, _ref47) {
-      var organization_id = _ref47.arg.organization_id;
-      var _a, _b, _c, _d;
-      return stytchClient.magicLinks.email.loginOrSignup({
-        email_address: email,
-        organization_id: organization_id,
-        login_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
-        signup_redirect_url: (_b = config.emailMagicLinksOptions) === null || _b === void 0 ? void 0 : _b.signupRedirectURL,
-        login_template_id: (_c = config.emailMagicLinksOptions) === null || _c === void 0 ? void 0 : _c.loginTemplateId,
-        signup_template_id: (_d = config.emailMagicLinksOptions) === null || _d === void 0 ? void 0 : _d.signupTemplateId
-      });
-    }, {
-      onSuccess: function onSuccess() {
-        dispatch({
-          type: 'set_magic_link_email',
-          email: email
-        });
-        dispatch({
-          type: 'transition',
-          screen: AppScreens$1.EmailConfirmation
-        });
-      }
-    }),
-    stytchLoginOrSignup = _useMutate2.trigger,
-    error = _useMutate2.error,
-    isMutating = _useMutate2.isMutating;
+  var _useEmlLoginOrSignup = useEmlLoginOrSignup(),
+    stytchEmlLoginOrSignup = _useEmlLoginOrSignup.trigger,
+    emlError = _useEmlLoginOrSignup.error,
+    emlIsMutating = _useEmlLoginOrSignup.isMutating;
+  var _useEmailOtpLoginOrSi = useEmailOtpLoginOrSignup(),
+    stytchOtpLoginOrSignup = _useEmailOtpLoginOrSi.trigger,
+    otpError = _useEmailOtpLoginOrSi.error,
+    otpIsMutating = _useEmailOtpLoginOrSi.isMutating;
   var organization = state.flowState.organization;
   if (!organization) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
@@ -2053,23 +2379,92 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             e.preventDefault();
-            stytchLoginOrSignup({
-              organization_id: organization.organization_id
+            dispatch({
+              type: 'set_user_supplied_email',
+              email: email
             });
-          case 2:
+            if (enableEml && enableOtp) {
+              dispatch({
+                type: 'transition',
+                screen: AppScreens$1.EmailMethodSelection,
+                history: 'push'
+              });
+            } else if (enableEml) {
+              stytchEmlLoginOrSignup({
+                email: email,
+                organization_id: organization.organization_id
+              });
+            } else if (enableOtp) {
+              stytchOtpLoginOrSignup({
+                email: email,
+                organization_id: organization.organization_id
+              });
+            }
+          case 3:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
   };
+  var isMutating = emlIsMutating || otpIsMutating;
+  var error = emlError || otpError;
+  var errorText = error && ( /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
+    errorMessage: parseErrorMessage(error, {
+      email: email,
+      org: organization.organization_name
+    })
+  }));
+  if (providedEmail) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+      direction: "column",
+      gap: 8
+    }, products.filter(function (product) {
+      return product === internal.B2BProducts.emailMagicLinks || product === internal.B2BProducts.emailOtp;
+    }).map(function (product) {
+      switch (product) {
+        case internal.B2BProducts.emailMagicLinks:
+          return /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingButton, {
+            key: product,
+            type: "button",
+            onClick: function onClick() {
+              dispatch({
+                type: 'set_user_supplied_email',
+                email: email
+              });
+              stytchEmlLoginOrSignup({
+                email: email,
+                organization_id: organization.organization_id
+              });
+            },
+            isLoading: emlIsMutating,
+            disabled: isMutating,
+            variant: "text"
+          }, "Email me a link");
+        case internal.B2BProducts.emailOtp:
+          return /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingButton, {
+            key: product,
+            type: "button",
+            onClick: function onClick() {
+              dispatch({
+                type: 'set_user_supplied_email',
+                email: email
+              });
+              stytchOtpLoginOrSignup({
+                email: email,
+                organization_id: organization.organization_id
+              });
+            },
+            isLoading: otpIsMutating,
+            disabled: isMutating,
+            variant: "text"
+          }, "Email me a code");
+      }
+    }));
+  }
   return /*#__PURE__*/extractErrorMessage.wn.createElement("form", {
     onSubmit: handleSubmit
-  }, providedEmail ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
-    isSubmitting: isMutating,
-    text: 'Email me a link',
-    variant: "text"
-  })) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 8
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
@@ -2078,62 +2473,65 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailInput, {
     email: email,
     setEmail: setEmailInput
-  }), error && ( /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
-    errorMessage: parseErrorMessage(error, {
-      email: email,
-      org: organization.organization_name
-    })
-  }))), /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
+  }), errorText), /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
     isSubmitting: isMutating,
     text: 'Continue with email'
-  }))));
+  })));
 };
-var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
-  var _useGlobalReducer9 = useGlobalReducer(),
-    _useGlobalReducer10 = _slicedToArray(_useGlobalReducer9, 2),
-    dispatch = _useGlobalReducer10[1];
-  var stytchClient = useStytch();
-  var config = useConfig();
+var EmailDiscoveryForm = function EmailDiscoveryForm() {
+  var _useGlobalReducer21 = useGlobalReducer(),
+    _useGlobalReducer22 = _slicedToArray(_useGlobalReducer21, 2),
+    dispatch = _useGlobalReducer22[1];
   var _extractErrorMessage$22 = extractErrorMessage.h(''),
     _extractErrorMessage$23 = _slicedToArray(_extractErrorMessage$22, 2),
     email = _extractErrorMessage$23[0],
     setEmail = _extractErrorMessage$23[1];
-  var _useMutate3 = useMutate('stytch.magicLinks.discovery.send', function () {
-      var _a, _b;
-      return stytchClient.magicLinks.email.discovery.send({
-        email_address: email,
-        discovery_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.discoveryRedirectURL,
-        login_template_id: (_b = config.emailMagicLinksOptions) === null || _b === void 0 ? void 0 : _b.loginTemplateId
-      });
-    }, {
-      onSuccess: function onSuccess() {
-        dispatch({
-          type: 'set_magic_link_email',
-          email: email
-        });
-        dispatch({
-          type: 'transition',
-          screen: AppScreens$1.EmailConfirmation
-        });
-      }
-    }),
-    stytchDiscoverySend = _useMutate3.trigger,
-    error = _useMutate3.error,
-    isMutating = _useMutate3.isMutating;
+  var _useEffectiveAuthConf2 = useEffectiveAuthConfig(),
+    products = _useEffectiveAuthConf2.products;
+  var enableEml = products.includes(internal.B2BProducts.emailMagicLinks);
+  var enableOtp = products.includes(internal.B2BProducts.emailOtp);
+  var _useEmlDiscoverySend = useEmlDiscoverySend(),
+    stytchEmlDiscoverySend = _useEmlDiscoverySend.trigger,
+    emlError = _useEmlDiscoverySend.error,
+    emlIsMutating = _useEmlDiscoverySend.isMutating;
+  var _useEmailOtpDiscovery = useEmailOtpDiscoverySend(),
+    stytchOtpDiscoverySend = _useEmailOtpDiscovery.trigger,
+    otpError = _useEmailOtpDiscovery.error,
+    otpIsMutating = _useEmailOtpDiscovery.isMutating;
   var handleSubmit = function handleSubmit(e) {
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             e.preventDefault();
-            stytchDiscoverySend();
-          case 2:
+            dispatch({
+              type: 'set_user_supplied_email',
+              email: email
+            });
+            if (enableEml && enableOtp) {
+              dispatch({
+                type: 'transition',
+                screen: AppScreens$1.EmailMethodSelection,
+                history: 'push'
+              });
+            } else if (enableEml) {
+              stytchEmlDiscoverySend({
+                email: email
+              });
+            } else if (enableOtp) {
+              stytchOtpDiscoverySend({
+                email: email
+              });
+            }
+          case 3:
           case "end":
             return _context3.stop();
         }
       }, _callee3);
     }));
   };
+  var isMutating = emlIsMutating || otpIsMutating;
+  var error = emlError || otpError;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("form", {
     onSubmit: handleSubmit
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
@@ -2152,9 +2550,9 @@ var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
     text: 'Continue with email'
   })));
 };
-var SSOButton = function SSOButton(_ref48) {
-  var display_name = _ref48.display_name,
-    connection_id = _ref48.connection_id;
+var SSOButton = function SSOButton(_ref56) {
+  var display_name = _ref56.display_name,
+    connection_id = _ref56.connection_id;
   var stytchClient = useStytch();
   var config = useConfig();
   var onButtonClick = function onButtonClick() {
@@ -2181,9 +2579,9 @@ var SSOButton = function SSOButton(_ref48) {
   }, "Continue with ".concat(display_name))));
 };
 var SSOButtons = function SSOButtons() {
-  var _useGlobalReducer11 = useGlobalReducer(),
-    _useGlobalReducer12 = _slicedToArray(_useGlobalReducer11, 1),
-    state = _useGlobalReducer12[0];
+  var _useGlobalReducer23 = useGlobalReducer(),
+    _useGlobalReducer24 = _slicedToArray(_useGlobalReducer23, 1),
+    state = _useGlobalReducer24[0];
   if (!state.flowState.organization) return /*#__PURE__*/extractErrorMessage.y(extractErrorMessage.g, null);
   return /*#__PURE__*/extractErrorMessage.y(Flex, {
     direction: "column",
@@ -2219,9 +2617,9 @@ var Divider = function Divider() {
     "$placement": "right"
   }));
 };
-var PasswordIconSvg = function PasswordIconSvg(_ref49) {
-  var _ref49$enabled = _ref49.enabled,
-    enabled = _ref49$enabled === void 0 ? false : _ref49$enabled;
+var PasswordIconSvg = function PasswordIconSvg(_ref57) {
+  var _ref57$enabled = _ref57.enabled,
+    enabled = _ref57$enabled === void 0 ? false : _ref57$enabled;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
     width: "20",
     height: "14",
@@ -2270,10 +2668,10 @@ var InputContainer = extractErrorMessage.He(Flex)(_templateObject31 || (_templat
   return props.theme.inputs.placeholderColor;
 });
 var PasswordIconButton = extractErrorMessage.He.button(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
-var PasswordIcon = function PasswordIcon(_ref50) {
-  var onClick = _ref50.onClick,
-    enabled = _ref50.enabled,
-    visible = _ref50.visible;
+var PasswordIcon = function PasswordIcon(_ref58) {
+  var onClick = _ref58.onClick,
+    enabled = _ref58.enabled,
+    visible = _ref58.visible;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordIconButton, {
     onClick: onClick,
     type: "button"
@@ -2281,10 +2679,10 @@ var PasswordIcon = function PasswordIcon(_ref50) {
     enabled: enabled
   }));
 };
-var PasswordInput = function PasswordInput(_ref51) {
-  var password = _ref51.password,
-    setPassword = _ref51.setPassword,
-    type = _ref51.type;
+var PasswordInput = function PasswordInput(_ref59) {
+  var password = _ref59.password,
+    setPassword = _ref59.setPassword,
+    type = _ref59.type;
   var _extractErrorMessage$24 = extractErrorMessage.h(false),
     _extractErrorMessage$25 = _slicedToArray(_extractErrorMessage$24, 2),
     visible = _extractErrorMessage$25[0],
@@ -2314,8 +2712,8 @@ var PasswordInput = function PasswordInput(_ref51) {
   }));
 };
 var BackButton = extractErrorMessage.He.button(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
-var BackArrowSvg = function BackArrowSvg(_ref52) {
-  var color = _ref52.color;
+var BackArrowSvg = function BackArrowSvg(_ref60) {
+  var color = _ref60.color;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
     width: "24",
     height: "24",
@@ -2327,8 +2725,8 @@ var BackArrowSvg = function BackArrowSvg(_ref52) {
     fill: color
   }));
 };
-var BackArrow = function BackArrow(_ref53) {
-  var onClick = _ref53.onClick;
+var BackArrow = function BackArrow(_ref61) {
+  var onClick = _ref61.onClick;
   var theme = extractErrorMessage.Ze();
   return /*#__PURE__*/extractErrorMessage.wn.createElement(BackButton, {
     type: "button",
@@ -2340,9 +2738,9 @@ var BackArrow = function BackArrow(_ref53) {
 };
 var GetHelpText = extractErrorMessage.He(Text)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
 var PasswordsAuthenticate = function PasswordsAuthenticate() {
-  var _useGlobalReducer13 = useGlobalReducer(),
-    _useGlobalReducer14 = _slicedToArray(_useGlobalReducer13, 2),
-    dispatch = _useGlobalReducer14[1];
+  var _useGlobalReducer25 = useGlobalReducer(),
+    _useGlobalReducer26 = _slicedToArray(_useGlobalReducer25, 2),
+    dispatch = _useGlobalReducer26[1];
   var config = useConfig();
   var passwordOptions = config.passwordOptions;
   var _usePasswordInput = usePasswordInput(),
@@ -2354,27 +2752,25 @@ var PasswordsAuthenticate = function PasswordsAuthenticate() {
     errorMessage = _usePasswordInput.errorMessage,
     setErrorMessage = _usePasswordInput.setErrorMessage,
     isSubmitting = _usePasswordInput.isSubmitting,
-    submitPassword = _usePasswordInput.submitPassword;
+    submitPassword = _usePasswordInput.submitPassword,
+    submitDiscoveryPassword = _usePasswordInput.submitDiscoveryPassword;
   if (!passwordOptions) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
-  if (!organization) 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) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             e.preventDefault();
-            if (organization) {
-              _context4.next = 3;
-              break;
-            }
-            return _context4.abrupt("return");
-          case 3:
             if (!email.match(internal.EMAIL_REGEX)) {
               setErrorMessage('Invalid email address');
             } else {
-              submitPassword(organization.organization_id);
+              if (!organization) {
+                submitDiscoveryPassword();
+              } else {
+                submitPassword(organization.organization_id);
+              }
             }
-          case 4:
+          case 2:
           case "end":
             return _context4.stop();
         }
@@ -2432,19 +2828,24 @@ var PasswordsAuthenticate = function PasswordsAuthenticate() {
   })), /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
     isSubmitting: isSubmitting,
     text: "Continue"
-  }), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+  }), organization != null ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     onClick: onGetHelp,
     direction: "row"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
     color: "secondary"
   }, "Having trouble signing in?"), "\xA0", /*#__PURE__*/extractErrorMessage.wn.createElement(GetHelpText, {
     color: "secondary"
-  }, "Get help")))));
+  }, "Get help"))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    onClick: onGetHelp,
+    justifyContent: "center"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(GetHelpText, {
+    color: "secondary"
+  }, "Sign up or reset password"))))));
 };
 var PasswordsEmailForm = function PasswordsEmailForm() {
-  var _useGlobalReducer15 = useGlobalReducer(),
-    _useGlobalReducer16 = _slicedToArray(_useGlobalReducer15, 2),
-    dispatch = _useGlobalReducer16[1];
+  var _useGlobalReducer27 = useGlobalReducer(),
+    _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
+    dispatch = _useGlobalReducer28[1];
   var config = useConfig();
   var passwordOptions = config.passwordOptions;
   var _usePasswordInput2 = usePasswordInput(),
@@ -2459,13 +2860,13 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
     isSubmitting = _usePasswordInput2.isSubmitting,
     setIsSubmitting = _usePasswordInput2.setIsSubmitting,
     submitPassword = _usePasswordInput2.submitPassword,
+    submitDiscoveryPassword = _usePasswordInput2.submitDiscoveryPassword,
     handleNonMemberReset = _usePasswordInput2.handleNonMemberReset;
-  var _extractErrorMessage$26 = extractErrorMessage.h(!email),
+  var _extractErrorMessage$26 = extractErrorMessage.h(!!organization && !email),
     _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);
-  if (!organization) 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;
@@ -2473,25 +2874,29 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             e.preventDefault();
+            if (!organization) {
+              _context5.next = 14;
+              break;
+            }
             organization_id = organization.organization_id;
             if (hideInput) {
-              _context5.next = 5;
+              _context5.next = 6;
               break;
             }
             submitPassword(organization_id);
             return _context5.abrupt("return");
-          case 5:
+          case 6:
             if (email.match(internal.EMAIL_REGEX)) {
-              _context5.next = 8;
+              _context5.next = 9;
               break;
             }
             setErrorMessage('Invalid email address');
             return _context5.abrupt("return");
-          case 8:
+          case 9:
             setErrorMessage('');
             setIsSubmitting(true);
-            internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref54) {
-              var member = _ref54.member;
+            internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref62) {
+              var member = _ref62.member;
               if (member === null || member === void 0 ? void 0 : member.member_password_id) {
                 setHideInput(false);
                 setIsSubmitting(false);
@@ -2510,7 +2915,11 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
               }
               setErrorMessage(message);
             });
-          case 11:
+            _context5.next = 15;
+            break;
+          case 14:
+            submitDiscoveryPassword();
+          case 15:
           case "end":
             return _context5.stop();
         }
@@ -2676,29 +3085,6 @@ var GithubIconSvg = function GithubIconSvg() {
   }));
 };
 var GitHubIcon = CreateIcon(GithubIconSvg);
-var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProviderConfig(provider) {
-  var providerType = '';
-  var oneTap = false;
-  var customScopes = [];
-  var providerParams = {};
-  if (typeof provider === 'string') {
-    providerType = provider;
-  } else {
-    providerType = provider.type;
-    if (provider.type === internal.B2BOAuthProviders.Google && 'one_tap' in provider) {
-      oneTap = provider.one_tap;
-    }
-    customScopes = provider.customScopes || [];
-    providerParams = provider.providerParams || {};
-  }
-  var oauthProvider = providerType;
-  return {
-    type: oauthProvider,
-    one_tap: oneTap,
-    customScopes: customScopes,
-    providerParams: providerParams
-  };
-};
 var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
   var config = useConfig();
   var isOnlyFloatingOneTap = extractErrorMessage.F(function () {
@@ -2720,9 +3106,9 @@ var useIsUnmounted = function useIsUnmounted() {
 };
 var OAuthB2BButton = function OAuthB2BButton(props) {
   var stytchClient = useStytch();
-  var _useGlobalReducer17 = useGlobalReducer(),
-    _useGlobalReducer18 = _slicedToArray(_useGlobalReducer17, 1),
-    state = _useGlobalReducer18[0];
+  var _useGlobalReducer29 = useGlobalReducer(),
+    _useGlobalReducer30 = _slicedToArray(_useGlobalReducer29, 1),
+    state = _useGlobalReducer30[0];
   var onButtonClick = function onButtonClick() {
     if (state.flowState.organization) {
       return stytchClient.oauth[props.providerType].start({
@@ -2754,8 +3140,8 @@ var OAuthB2BButton = function OAuthB2BButton(props) {
     }
   }, "Continue with ", props.providerTypeTitle)));
 };
-var OAuthErrorMessage = function OAuthErrorMessage(_ref55) {
-  var children = _ref55.children;
+var OAuthErrorMessage = function OAuthErrorMessage(_ref63) {
+  var children = _ref63.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
     key: "oauth-error-message"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
@@ -2767,9 +3153,9 @@ var OneTapNoConfiguredClientsErrorMessage = function OneTapNoConfiguredClientsEr
     href: "https://stytch.com/dashboard/oauth"
   }, "dashboard."));
 };
-var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(_ref56) {
-  var niceName = _ref56.niceName,
-    variableName = _ref56.variableName;
+var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(_ref64) {
+  var niceName = _ref64.niceName,
+    variableName = _ref64.variableName;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OAuthErrorMessage, null, "One Tap cannot render because there are no ", niceName, " set for this project so we are unable to verify the", ' ', /*#__PURE__*/extractErrorMessage.wn.createElement("code", null, variableName), "\xA0 provided in the configuration. To set ", niceName, " for this project please visit\xA0", /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
     href: "https://stytch.com/docs/javascript-sdk"
   }, "the Stytch dashboard."), "\xA0 For more information on why this validation is necessary please visit\xA0", /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
@@ -2829,10 +3215,10 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
     oneTapError = _extractErrorMessage$29[0],
     setOneTapError = _extractErrorMessage$29[1];
   var isUnmounted = useIsUnmounted();
-  var _useGlobalReducer19 = useGlobalReducer(),
-    _useGlobalReducer20 = _slicedToArray(_useGlobalReducer19, 2),
-    state = _useGlobalReducer20[0],
-    dispatch = _useGlobalReducer20[1];
+  var _useGlobalReducer31 = useGlobalReducer(),
+    _useGlobalReducer32 = _slicedToArray(_useGlobalReducer31, 2),
+    state = _useGlobalReducer32[0],
+    dispatch = _useGlobalReducer32[1];
   var attemptToLoadOneTap = extractErrorMessage.T(function () {
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
       var _g, _h, _j, _internal$readB2BInte, oneTap, clientResult, client, oneTapCallback, renderResult;
@@ -2947,145 +3333,10 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
   });
   var _internal$readB2BInte2 = internal.readB2BInternals(stytch),
     publicToken = _internal$readB2BInte2.publicToken;
-  if (oneTapError !== OneTapErrors.None) {
-    return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, internal.isTestPublicToken(publicToken) ? ErrorMessages[oneTapError] : null, googleAuthButton);
-  }
-  return googleAuthButton;
-};
-var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BProducts.oauth, undefined), internal.B2BProducts.sso, 'sso'), internal.B2BProducts.emailMagicLinks, 'magic_link'), internal.B2BProducts.passwords, 'password');
-var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BOAuthProviders.Google, 'google_oauth'), internal.B2BOAuthProviders.Microsoft, 'microsoft_oauth'), internal.B2BOAuthProviders.HubSpot, 'hubspot_oauth'), internal.B2BOAuthProviders.Slack, 'slack_oauth'), internal.B2BOAuthProviders.GitHub, 'github_oauth');
-var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref57) {
-  var _ref58 = _slicedToArray(_ref57, 2),
-    product = _ref58[0],
-    method = _ref58[1];
-  if (method) {
-    acc[method] = product;
-  }
-  return acc;
-}, {});
-var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref59) {
-  var _ref60 = _slicedToArray(_ref59, 2),
-    provider = _ref60[0],
-    method = _ref60[1];
-  acc[method] = provider;
-  return acc;
-}, {});
-var oauthProviderToAuthMethod = function oauthProviderToAuthMethod(provider) {
-  return oauthProvidersToAuthMethods[provider];
-};
-var oauthMethodToOauthProvider = function oauthMethodToOauthProvider(authMethod) {
-  return oauthMethodsToOauthProviders[authMethod];
-};
-var productToAuthMethod = function productToAuthMethod(product) {
-  return productsToAuthMethods[product];
-};
-var authMethodToProduct = function authMethodToProduct(authMethod) {
-  if (authMethod in oauthMethodsToOauthProviders) {
-    return internal.B2BProducts.oauth;
-  }
-  return authMethodsToProducts[authMethod];
-};
-var allProducts = Object.keys(productsToAuthMethods);
-var allOauthProviders = Object.values(internal.B2BOAuthProviders);
-var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, oauthProviders) {
-  return products.reduce(function (acc, product) {
-    if (product === internal.B2BProducts.oauth) {
-      oauthProviders.forEach(function (provider) {
-        var authMethod = oauthProviderToAuthMethod(typeof provider === 'string' ? provider : provider.type);
-        if (authMethod) {
-          acc.push(authMethod);
-        }
-      });
-    } else {
-      var authMethod = productToAuthMethod(product);
-      if (authMethod) {
-        acc.push(authMethod);
-      }
-    }
-    return acc;
-  }, []);
-};
-var useOAuthProviderConfigs = function useOAuthProviderConfigs() {
-  var _a;
-  var config = useConfig();
-  return extractErrorMessage.F(function () {
-    var _a;
-    if (!((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers)) {
-      return [];
-    }
-    return config.oauthOptions.providers.map(getParamsFromB2BOAuthProviderConfig);
-  }, [(_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers]);
-};
-var useRestrictedAuthMethods = function useRestrictedAuthMethods() {
-  var _a, _b;
-  var _useGlobalReducer21 = useGlobalReducer(),
-    _useGlobalReducer22 = _slicedToArray(_useGlobalReducer21, 1),
-    state = _useGlobalReducer22[0];
-  var primaryAuthMethods = state.primary.primaryAuthMethods;
-  var hasPrimaryAuthMethods = !!primaryAuthMethods;
-  var restrictedAuthMethods = extractErrorMessage.F(function () {
-    var _a, _b, _c;
-    if (state.primary.primaryAuthMethods) {
-      return new Set(state.primary.primaryAuthMethods);
-    }
-    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
-      return new Set((_c = (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.allowed_auth_methods) !== null && _c !== void 0 ? _c : []);
-    }
-  }, [(_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.allowed_auth_methods, (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.auth_methods, state.primary.primaryAuthMethods]);
-  return {
-    restrictedAuthMethods: restrictedAuthMethods,
-    hasPrimaryAuthMethods: hasPrimaryAuthMethods
-  };
-};
-var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
-  var _a;
-  var _useGlobalReducer23 = useGlobalReducer(),
-    _useGlobalReducer24 = _slicedToArray(_useGlobalReducer23, 1),
-    state = _useGlobalReducer24[0];
-  var config = useConfig();
-  var _useRestrictedAuthMet = useRestrictedAuthMethods(),
-    restrictedAuthMethods = _useRestrictedAuthMet.restrictedAuthMethods,
-    hasPrimaryAuthMethods = _useRestrictedAuthMet.hasPrimaryAuthMethods;
-  var oauthProviderConfigs = useOAuthProviderConfigs();
-  var flattenedConfiguredAuthMethods = extractErrorMessage.F(function () {
-    return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
-  }, [config.products, oauthProviderConfigs]);
-  var authMethodsToShow = extractErrorMessage.F(function () {
-    var _a;
-    if (!restrictedAuthMethods) {
-      return flattenedConfiguredAuthMethods;
-    }
-    var restrictedAuthMethodsInUiConfig = flattenedConfiguredAuthMethods.filter(function (authMethod) {
-      return restrictedAuthMethods.has(authMethod);
-    });
-    if (restrictedAuthMethodsInUiConfig.length > 0 || !hasPrimaryAuthMethods) {
-      return restrictedAuthMethodsInUiConfig;
-    }
-    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
-      return flattenConfigToAuthMethods(allProducts, allOauthProviders).filter(function (authMethod) {
-        return restrictedAuthMethods.has(authMethod);
-      });
-    }
-    return ['magic_link'];
-  }, [flattenedConfiguredAuthMethods, hasPrimaryAuthMethods, restrictedAuthMethods, (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods]);
-  var products = extractErrorMessage.F(function () {
-    return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(extractErrorMessage.isTruthy)));
-  }, [authMethodsToShow]);
-  var oauthProviderSettings = extractErrorMessage.F(function () {
-    return authMethodsToShow.map(function (authMethod) {
-      var _a;
-      var provider = oauthMethodToOauthProvider(authMethod);
-      if (provider) {
-        return (_a = oauthProviderConfigs.find(function (oauthProvider) {
-          return oauthProvider.type === provider;
-        })) !== null && _a !== void 0 ? _a : getParamsFromB2BOAuthProviderConfig(provider);
-      }
-    }).filter(extractErrorMessage.isTruthy);
-  }, [authMethodsToShow, oauthProviderConfigs]);
-  return {
-    products: products,
-    oauthProviderSettings: oauthProviderSettings
-  };
+  if (oneTapError !== OneTapErrors.None) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, internal.isTestPublicToken(publicToken) ? ErrorMessages[oneTapError] : null, googleAuthButton);
+  }
+  return googleAuthButton;
 };
 var getProviderInfo = function getProviderInfo(provider) {
   switch (provider) {
@@ -3142,18 +3393,18 @@ var getProviderParamsForProvider = function getProviderParamsForProvider(oauthPr
 };
 var OAuthButtons = function OAuthButtons() {
   var _a;
-  var _useGlobalReducer25 = useGlobalReducer(),
-    _useGlobalReducer26 = _slicedToArray(_useGlobalReducer25, 1),
-    state = _useGlobalReducer26[0];
-  var _useEffectiveAuthConf = useEffectiveAuthConfig(),
-    oauthProviderSettings = _useEffectiveAuthConf.oauthProviderSettings;
+  var _useGlobalReducer33 = useGlobalReducer(),
+    _useGlobalReducer34 = _slicedToArray(_useGlobalReducer33, 1),
+    state = _useGlobalReducer34[0];
+  var _useEffectiveAuthConf3 = useEffectiveAuthConfig(),
+    oauthProviderSettings = _useEffectiveAuthConf3.oauthProviderSettings;
   var config = useConfig();
-  var _ref61 = (_a = config.oauthOptions) !== null && _a !== void 0 ? _a : {},
-    loginRedirectURL = _ref61.loginRedirectURL,
-    signupRedirectURL = _ref61.signupRedirectURL,
-    discoveryRedirectURL = _ref61.discoveryRedirectURL,
-    customScopes = _ref61.customScopes,
-    providerParams = _ref61.providerParams;
+  var _ref65 = (_a = config.oauthOptions) !== null && _a !== void 0 ? _a : {},
+    loginRedirectURL = _ref65.loginRedirectURL,
+    signupRedirectURL = _ref65.signupRedirectURL,
+    discoveryRedirectURL = _ref65.discoveryRedirectURL,
+    customScopes = _ref65.customScopes,
+    providerParams = _ref65.providerParams;
   var mappedProviders = oauthProviderSettings.map(function (oauthProvider) {
     var _getProviderInfo = getProviderInfo(oauthProvider.type),
       icon = _getProviderInfo.icon,
@@ -3183,9 +3434,9 @@ var OAuthButtons = function OAuthButtons() {
 };
 var UsePasswordText = extractErrorMessage.He(Text)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
 var PasswordUseButton = function PasswordUseButton() {
-  var _useGlobalReducer27 = useGlobalReducer(),
-    _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
-    dispatch = _useGlobalReducer28[1];
+  var _useGlobalReducer35 = useGlobalReducer(),
+    _useGlobalReducer36 = _slicedToArray(_useGlobalReducer35, 2),
+    dispatch = _useGlobalReducer36[1];
   var handleUsePassword = function handleUsePassword() {
     dispatch({
       type: 'transition',
@@ -3200,56 +3451,68 @@ var PasswordUseButton = function PasswordUseButton() {
 };
 var Component;
 (function (Component) {
-  Component["MagicLinkEmailForm"] = "MagicLinkEmailForm";
-  Component["MagicLinkEmailDiscoveryForm"] = "MagicLinkEmailDiscoveryForm";
+  Component["EmailForm"] = "EmailForm";
+  Component["EmailDiscoveryForm"] = "EmailDiscoveryForm";
   Component["OAuthButtons"] = "OAuthButtons";
   Component["SSOButtons"] = "SSOButtons";
   Component["PasswordsEmailForm"] = "PasswordsEmailForm";
-  Component["PasswordEMLCombined"] = "PasswordEMLCombined";
+  Component["PasswordEmailCombined"] = "PasswordEmailCombined";
+  Component["PasswordEmailCombinedDiscovery"] = "PasswordEmailCombinedDiscovery";
   Component["Divider"] = "Divider";
 })(Component || (Component = {}));
 var generateProductComponentsOrdering = function generateProductComponentsOrdering(products, flowState) {
   var flowStateType = flowState.type;
-  var displayEmlAndPasswordsTogether = products.includes(internal.B2BProducts.emailMagicLinks) && products.includes(internal.B2BProducts.passwords);
-  var ProductComponents = products.map(function (product) {
+  var productsSet = new Set(products);
+  var displayEmailAndPasswordsTogether = (productsSet.has(internal.B2BProducts.emailMagicLinks) || productsSet.has(internal.B2BProducts.emailOtp)) && productsSet.has(internal.B2BProducts.passwords);
+  var productComponentsSet = products.reduce(function (components, product) {
     var _a, _b, _c;
     switch (product) {
       case internal.B2BProducts.emailMagicLinks:
-        if (displayEmlAndPasswordsTogether) return null;
-        return flowStateType === internal.AuthFlowType.Organization ? Component.MagicLinkEmailForm : Component.MagicLinkEmailDiscoveryForm;
+      case internal.B2BProducts.emailOtp:
+        if (!displayEmailAndPasswordsTogether) {
+          components.add(flowStateType === internal.AuthFlowType.Organization ? Component.EmailForm : Component.EmailDiscoveryForm);
+        }
+        break;
       case internal.B2BProducts.oauth:
-        return Component.OAuthButtons;
+        components.add(Component.OAuthButtons);
+        break;
       case internal.B2BProducts.sso:
         var isSsoValid = ((_c = (_b = (_a = flowState.organization) === null || _a === void 0 ? void 0 : _a.sso_active_connections) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0;
-        return flowStateType === internal.AuthFlowType.Organization && isSsoValid ? Component.SSOButtons : null;
+        if (flowStateType === internal.AuthFlowType.Organization && isSsoValid) {
+          components.add(Component.SSOButtons);
+        }
+        break;
       case internal.B2BProducts.passwords:
-        if (displayEmlAndPasswordsTogether) return null;
-        return Component.PasswordsEmailForm;
+        if (!displayEmailAndPasswordsTogether) {
+          components.add(Component.PasswordsEmailForm);
+        }
+        break;
     }
-  }).filter(function (component) {
-    return component !== null;
-  });
-  if (displayEmlAndPasswordsTogether) {
+    return components;
+  }, new Set());
+  var productComponents = Array.from(productComponentsSet);
+  if (displayEmailAndPasswordsTogether) {
     var passwordIndex = products.indexOf(internal.B2BProducts.passwords);
     var emlIndex = products.indexOf(internal.B2BProducts.emailMagicLinks);
-    var firstProductIndex = Math.min(passwordIndex, emlIndex);
-    var combinedComponent = flowStateType === internal.AuthFlowType.Organization ? Component.PasswordEMLCombined : Component.MagicLinkEmailDiscoveryForm;
-    ProductComponents.splice(firstProductIndex, 0, combinedComponent);
+    var otpIndex = products.indexOf(internal.B2BProducts.emailOtp);
+    var firstProductIndex = Math.min(passwordIndex, emlIndex, otpIndex);
+    var combinedComponent = flowStateType === internal.AuthFlowType.Organization ? Component.PasswordEmailCombined : Component.PasswordEmailCombinedDiscovery;
+    productComponents.splice(firstProductIndex, 0, combinedComponent);
   }
-  var hasButtons = ProductComponents.includes(Component.OAuthButtons) || ProductComponents.includes(Component.SSOButtons);
-  var hasInput = products.includes(internal.B2BProducts.emailMagicLinks) || products.includes(internal.B2BProducts.passwords);
+  var hasButtons = productComponentsSet.has(Component.OAuthButtons) || productComponentsSet.has(Component.SSOButtons);
+  var hasInput = productsSet.has(internal.B2BProducts.emailMagicLinks) || productsSet.has(internal.B2BProducts.passwords);
   var showDivider = hasButtons && hasInput;
-  if (ProductComponents.length > 1 && showDivider) {
-    ProductComponents.splice(ProductComponents.length - 1, 0, Component.Divider);
+  if (productComponents.length > 1 && showDivider) {
+    productComponents.splice(productComponents.length - 1, 0, Component.Divider);
   }
-  return ProductComponents;
+  return productComponents;
 };
 var Container$1 = extractErrorMessage.He(Flex)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  > * + * {\n    margin-top: 24px;\n  }\n"])));
 var LogoImage$1 = extractErrorMessage.He.img(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  max-height: 50px;\n  max-width: 100px;\n"])));
 var Header = extractErrorMessage.He(Text)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
-var Logo$1 = function Logo$1(_ref62) {
-  var orgLogo = _ref62.orgLogo,
-    appLogo = _ref62.appLogo;
+var Logo$1 = function Logo$1(_ref66) {
+  var orgLogo = _ref66.orgLogo,
+    appLogo = _ref66.appLogo;
   if (orgLogo !== '' && appLogo !== '') return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     justifyContent: "center",
@@ -3260,16 +3523,16 @@ var Logo$1 = function Logo$1(_ref62) {
     src: appLogo
   }));
 };
-var ProductComponents = function ProductComponents(_ref63) {
-  var components = _ref63.components;
+var ProductComponents = function ProductComponents(_ref67) {
+  var components = _ref67.components;
   var renderedComponents = components.map(function (component) {
     switch (component) {
-      case Component.MagicLinkEmailForm:
-        return /*#__PURE__*/extractErrorMessage.wn.createElement(MagicLinkEmailForm, {
+      case Component.EmailForm:
+        return /*#__PURE__*/extractErrorMessage.wn.createElement(EmailForm, {
           key: component
         });
-      case Component.MagicLinkEmailDiscoveryForm:
-        return /*#__PURE__*/extractErrorMessage.wn.createElement(MagicLinkEmailDiscoveryForm, {
+      case Component.EmailDiscoveryForm:
+        return /*#__PURE__*/extractErrorMessage.wn.createElement(EmailDiscoveryForm, {
           key: component
         });
       case Component.OAuthButtons:
@@ -3284,13 +3547,23 @@ var ProductComponents = function ProductComponents(_ref63) {
         return /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsEmailForm, {
           key: component
         });
-      case Component.PasswordEMLCombined:
+      case Component.PasswordEmailCombined:
+        return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+          key: "email_password",
+          direction: "column",
+          gap: 12
+        }, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailForm, {
+          key: "email"
+        }), /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordUseButton, {
+          key: "password"
+        }));
+      case Component.PasswordEmailCombinedDiscovery:
         return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-          key: "eml_password",
+          key: "email_password_discovery",
           direction: "column",
           gap: 12
-        }, /*#__PURE__*/extractErrorMessage.wn.createElement(MagicLinkEmailForm, {
-          key: "magic_link"
+        }, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailDiscoveryForm, {
+          key: "email"
         }), /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordUseButton, {
           key: "password"
         }));
@@ -3307,15 +3580,15 @@ var MainScreen = function MainScreen() {
   var _extractErrorMessage$30 = extractErrorMessage.Ze(),
     displayHeader = _extractErrorMessage$30.displayHeader,
     logo = _extractErrorMessage$30.logo;
-  var _useGlobalReducer29 = useGlobalReducer(),
-    _useGlobalReducer30 = _slicedToArray(_useGlobalReducer29, 1),
-    state = _useGlobalReducer30[0];
+  var _useGlobalReducer37 = useGlobalReducer(),
+    _useGlobalReducer38 = _slicedToArray(_useGlobalReducer37, 1),
+    state = _useGlobalReducer38[0];
   var _state$primary = state.primary,
     primaryAuthMethods = _state$primary.primaryAuthMethods,
     email = _state$primary.email,
     emailVerified = _state$primary.emailVerified;
-  var _useEffectiveAuthConf2 = useEffectiveAuthConfig(),
-    products = _useEffectiveAuthConf2.products;
+  var _useEffectiveAuthConf4 = useEffectiveAuthConfig(),
+    products = _useEffectiveAuthConf4.products;
   var ProductComponentsOrdering = generateProductComponentsOrdering(products, state.flowState);
   var title;
   switch (state.flowState.type) {
@@ -3452,10 +3725,10 @@ var inboxLinks$1 = function inboxLinks$1(emailDomain) {
 var Link$1 = extractErrorMessage.He.a(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var EmailProviderLink$1 = function EmailProviderLink$1(_ref64) {
-  var label = _ref64.label,
-    href = _ref64.href,
-    Icon = _ref64.Icon;
+var EmailProviderLink$1 = function EmailProviderLink$1(_ref68) {
+  var label = _ref68.label,
+    href = _ref68.href,
+    Icon = _ref68.Icon;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/extractErrorMessage.wn.createElement(Link$1, {
@@ -3464,10 +3737,10 @@ var EmailProviderLink$1 = function EmailProviderLink$1(_ref64) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Open in ", label)));
 };
-var EmailConfirmation$1 = function EmailConfirmation$1(_ref65) {
-  var emailDomain = _ref65.emailDomain,
-    reset = _ref65.reset,
-    email = _ref65.email;
+var EmailConfirmation$1 = function EmailConfirmation$1(_ref69) {
+  var emailDomain = _ref69.emailDomain,
+    reset = _ref69.reset,
+    email = _ref69.email;
   var _inboxLinks$ = inboxLinks$1(emailDomain),
     GMAIL = _inboxLinks$.GMAIL,
     YAHOO = _inboxLinks$.YAHOO,
@@ -3513,8 +3786,8 @@ var useEmailDomain$1 = function useEmailDomain$1() {
     emailDomains = _extractErrorMessage$32[0],
     setEmailDomains = _extractErrorMessage$32[1];
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref66) {
-      var emailDomains = _ref66.emailDomains;
+    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref70) {
+      var emailDomains = _ref70.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -3527,14 +3800,14 @@ var useEmailDomain$1 = function useEmailDomain$1() {
   return null;
 };
 var EmailConfirmation = function EmailConfirmation() {
-  var _useGlobalReducer31 = useGlobalReducer(),
-    _useGlobalReducer32 = _slicedToArray(_useGlobalReducer31, 2),
-    state = _useGlobalReducer32[0],
-    dispatch = _useGlobalReducer32[1];
+  var _useGlobalReducer39 = useGlobalReducer(),
+    _useGlobalReducer40 = _slicedToArray(_useGlobalReducer39, 2),
+    state = _useGlobalReducer40[0],
+    dispatch = _useGlobalReducer40[1];
   var emailDomain = useEmailDomain$1();
   var reset = function reset() {
     dispatch({
-      type: 'set_magic_link_email',
+      type: 'set_user_supplied_email',
       email: ''
     });
     dispatch({
@@ -3545,7 +3818,7 @@ var EmailConfirmation = function EmailConfirmation() {
   return /*#__PURE__*/extractErrorMessage.wn.createElement(EmailConfirmation$1, {
     emailDomain: emailDomain,
     reset: reset,
-    email: state.formState.magicLinkState.email
+    email: state.formState.emailState.userSuppliedEmail
   });
 };
 var LoggingInScreen = function LoggingInScreen() {
@@ -3573,23 +3846,23 @@ var LoadingScreen = function LoadingScreen() {
 var isJoinViaJitType = function isJoinViaJitType(type) {
   return type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';
 };
-var OrganizationsContainer = extractErrorMessage.He(Flex)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref67) {
-  var theme = _ref67.theme;
+var OrganizationsContainer = extractErrorMessage.He(Flex)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref71) {
+  var theme = _ref71.theme;
   return theme.container.border;
-}, function (_ref68) {
-  var theme = _ref68.theme;
+}, function (_ref72) {
+  var theme = _ref72.theme;
   return theme.container.borderRadius;
-}, function (_ref69) {
-  var theme = _ref69.theme;
+}, function (_ref73) {
+  var theme = _ref73.theme;
   return theme.container.border;
 });
 var OrganizationsRow = extractErrorMessage.He(Flex)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  gap: 8px;\n"])));
 var LogoImage = extractErrorMessage.He.img(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  border-radius: 4px;\n"])));
-var LogoText = extractErrorMessage.He(Flex)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 4px;\n\n  font-style: normal;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 25px;\n"])), function (_ref70) {
-  var theme = _ref70.theme;
+var LogoText = extractErrorMessage.He(Flex)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 4px;\n\n  font-style: normal;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 25px;\n"])), function (_ref74) {
+  var theme = _ref74.theme;
   return theme.buttons.primary.backgroundColor;
-}, function (_ref71) {
-  var theme = _ref71.theme;
+}, function (_ref75) {
+  var theme = _ref75.theme;
   return theme.buttons.primary.textColor;
 });
 var SvgNoShrink = extractErrorMessage.He.svg(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n"])));
@@ -3605,9 +3878,9 @@ var RightArrowSVG = function RightArrowSVG() {
     fill: "#19303D"
   }));
 };
-var Logo = function Logo(_ref72) {
-  var name = _ref72.name,
-    logo = _ref72.logo;
+var Logo = function Logo(_ref76) {
+  var name = _ref76.name,
+    logo = _ref76.logo;
   if (logo !== '') {
     return /*#__PURE__*/extractErrorMessage.y(LogoImage, {
       src: logo
@@ -3618,8 +3891,8 @@ var Logo = function Logo(_ref72) {
     justifyContent: "center"
   }, name[0]);
 };
-var ArrowText = function ArrowText(_ref73) {
-  var type = _ref73.type;
+var ArrowText = function ArrowText(_ref77) {
+  var type = _ref77.type;
   if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/extractErrorMessage.y(Text, {
     align: "right"
   }, "Join");
@@ -3629,10 +3902,10 @@ var ArrowText = function ArrowText(_ref73) {
   return /*#__PURE__*/extractErrorMessage.y(extractErrorMessage.g, null);
 };
 var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
-  var _useGlobalReducer33 = useGlobalReducer(),
-    _useGlobalReducer34 = _slicedToArray(_useGlobalReducer33, 2),
-    state = _useGlobalReducer34[0],
-    dispatch = _useGlobalReducer34[1];
+  var _useGlobalReducer41 = useGlobalReducer(),
+    _useGlobalReducer42 = _slicedToArray(_useGlobalReducer41, 2),
+    state = _useGlobalReducer42[0],
+    dispatch = _useGlobalReducer42[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var _useBootstrap = useBootstrap(),
@@ -3643,7 +3916,7 @@ var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
       screen: AppScreens$1.Main
     });
   };
-  var _useMutate4 = useMutate("stytch.discovery.organization.create", function () {
+  var _useMutate2 = useMutate("stytch.discovery.organization.create", function () {
       return stytchClient.discovery.organizations.create({
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
       });
@@ -3658,8 +3931,8 @@ var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
         });
       }
     }),
-    stytchCreateOrganization = _useMutate4.trigger,
-    isCreateLoading = _useMutate4.isMutating;
+    stytchCreateOrganization = _useMutate2.trigger,
+    isCreateLoading = _useMutate2.isMutating;
   if (isCreateLoading) {
     return /*#__PURE__*/extractErrorMessage.y(LoadingScreen, null);
   }
@@ -3705,10 +3978,10 @@ var shouldAllowDirectLoginToOrganization = function shouldAllowDirectLoginToOrga
 };
 var Discovery = function Discovery() {
   var _a;
-  var _useGlobalReducer35 = useGlobalReducer(),
-    _useGlobalReducer36 = _slicedToArray(_useGlobalReducer35, 2),
-    state = _useGlobalReducer36[0],
-    dispatch = _useGlobalReducer36[1];
+  var _useGlobalReducer43 = useGlobalReducer(),
+    _useGlobalReducer44 = _slicedToArray(_useGlobalReducer43, 2),
+    state = _useGlobalReducer44[0],
+    dispatch = _useGlobalReducer44[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var shouldDirectLoginConfigEnabled = !!((_a = config.directLoginForSingleMembership) === null || _a === void 0 ? void 0 : _a.status);
@@ -3743,8 +4016,8 @@ var Discovery = function Discovery() {
       connection_id: connectionId
     });
   }, [stytchClient]);
-  var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref74) {
-      var organizationId = _ref74.arg.organizationId;
+  var _useMutate3 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref78) {
+      var organizationId = _ref78.arg.organizationId;
       return stytchClient.discovery.intermediateSessions.exchange({
         organization_id: organizationId,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -3754,9 +4027,9 @@ var Discovery = function Discovery() {
         onAuthenticateSuccess(data, dispatch, config);
       }
     }),
-    stytchDiscoveryExchange = _useMutate5.trigger,
-    isExchangeLoading = _useMutate5.isMutating;
-  var _useMutate6 = useMutate("stytch.discovery.organization.create", function () {
+    stytchDiscoveryExchange = _useMutate3.trigger,
+    isExchangeLoading = _useMutate3.isMutating;
+  var _useMutate4 = useMutate("stytch.discovery.organization.create", function () {
       return stytchClient.discovery.organizations.create({
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
       });
@@ -3771,8 +4044,8 @@ var Discovery = function Discovery() {
         });
       }
     }),
-    stytchCreateOrganization = _useMutate6.trigger,
-    isCreateLoading = _useMutate6.isMutating;
+    stytchCreateOrganization = _useMutate4.trigger,
+    isCreateLoading = _useMutate4.isMutating;
   if (isExchangeLoading) {
     return /*#__PURE__*/extractErrorMessage.y(LoggingInScreen, null);
   }
@@ -3925,59 +4198,521 @@ var ConfirmationSVG = function ConfirmationSVG() {
     stopOpacity: "0.26"
   }))));
 };
-var Confirmation = function Confirmation() {
-  return /*#__PURE__*/extractErrorMessage.y(Flex, {
+var Confirmation = function Confirmation() {
+  return /*#__PURE__*/extractErrorMessage.y(Flex, {
+    direction: "column",
+    gap: 24,
+    alignItems: "center"
+  }, /*#__PURE__*/extractErrorMessage.y(Text, {
+    size: "header"
+  }, "Success!"), /*#__PURE__*/extractErrorMessage.y(Text, null, "You have successfully logged in."), /*#__PURE__*/extractErrorMessage.y(ConfirmationSVG, null));
+};
+var useMountEffect = function useMountEffect(effect) {
+  var effectRef = extractErrorMessage._(effect);
+  extractErrorMessage.p(function () {
+    return effectRef.current();
+  }, []);
+};
+var ConfirmationScreen = function ConfirmationScreen() {
+  var onEvent = useEventCallback();
+  useMountEffect(function () {
+    onEvent({
+      type: internal.StytchEventType.AuthenticateFlowComplete,
+      data: {}
+    });
+  });
+  return /*#__PURE__*/extractErrorMessage.y(Confirmation, null);
+};
+var assertUnreachable = function assertUnreachable() {
+  throw new Error('Assertion failure');
+};
+var Chevron = function Chevron() {
+  return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M9.09 7.91L13.67 12.5L9.09 17.09L10.5 18.5L16.5 12.5L10.5 6.5L9.09 7.91Z",
+    fill: "currentColor"
+  }));
+};
+var Chevron$1 = CreateIcon(Chevron);
+var StyledButton = extractErrorMessage.He.button(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  all: unset;\n  color: ", ";\n  cursor: pointer;\n  padding: 20px 0;\n  border-bottom: 1px solid #e5e8eb;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), function (props) {
+  return props.theme.colors.primary;
+});
+var MenuText = extractErrorMessage.He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
+var ChevronContainer = extractErrorMessage.He.span(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
+var MenuButton = function MenuButton(_ref79) {
+  var children = _ref79.children,
+    disabled = _ref79.disabled,
+    onClick = _ref79.onClick;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(StyledButton, {
+    type: "button",
+    onClick: onClick,
+    disabled: disabled
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(MenuText, null, children), /*#__PURE__*/extractErrorMessage.wn.createElement(ChevronContainer, {
+    "aria-hidden": true
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Chevron$1, null)));
+};
+var options = _defineProperty(_defineProperty({}, internal.B2BProducts.emailMagicLinks, {
+  label: 'Email me a log in link'
+}), internal.B2BProducts.emailOtp, {
+  label: 'Email me a log in code'
+});
+var EmailMethodSelectionScreen = function EmailMethodSelectionScreen() {
+  var _useEffectiveAuthConf5 = useEffectiveAuthConfig(),
+    products = _useEffectiveAuthConf5.products;
+  var _useGlobalReducer45 = useGlobalReducer(),
+    _useGlobalReducer46 = _slicedToArray(_useGlobalReducer45, 2),
+    state = _useGlobalReducer46[0],
+    dispatch = _useGlobalReducer46[1];
+  var _useEmlDiscoverySend2 = useEmlDiscoverySend(),
+    sendDiscoveryEml = _useEmlDiscoverySend2.trigger,
+    isSendingDiscoveryEml = _useEmlDiscoverySend2.isMutating,
+    sendDiscoveryEmlError = _useEmlDiscoverySend2.error,
+    resetSendDiscoveryEml = _useEmlDiscoverySend2.reset;
+  var _useEmailOtpDiscovery2 = useEmailOtpDiscoverySend(),
+    sendDiscoveryOtp = _useEmailOtpDiscovery2.trigger,
+    isSendingDiscoveryOtp = _useEmailOtpDiscovery2.isMutating,
+    sendDiscoveryOtpError = _useEmailOtpDiscovery2.error,
+    resetSendDiscoveryOtp = _useEmailOtpDiscovery2.reset;
+  var _useEmlLoginOrSignup2 = useEmlLoginOrSignup(),
+    sendLoginOrSignupEml = _useEmlLoginOrSignup2.trigger,
+    isSendingLoginOrSignupEml = _useEmlLoginOrSignup2.isMutating,
+    sendLoginOrSignupEmlError = _useEmlLoginOrSignup2.error,
+    resetSendLoginOrSignupEml = _useEmlLoginOrSignup2.reset;
+  var _useEmailOtpLoginOrSi2 = useEmailOtpLoginOrSignup(),
+    sendLoginOrSignupOtp = _useEmailOtpLoginOrSi2.trigger,
+    isSendingLoginOrSignupOtp = _useEmailOtpLoginOrSi2.isMutating,
+    sendLoginOrSignupOtpError = _useEmailOtpLoginOrSi2.error,
+    resetSendLoginOrSignupOtp = _useEmailOtpLoginOrSi2.reset;
+  var isSending = isSendingDiscoveryEml || isSendingDiscoveryOtp || isSendingLoginOrSignupEml || isSendingLoginOrSignupOtp;
+  var error = sendDiscoveryEmlError || sendDiscoveryOtpError || sendLoginOrSignupEmlError || sendLoginOrSignupOtpError;
+  var errorMessage = extractErrorMessage.extractErrorMessage(error);
+  var handleChooseMethod = function handleChooseMethod(method) {
+    resetSendDiscoveryEml();
+    resetSendDiscoveryOtp();
+    resetSendLoginOrSignupEml();
+    resetSendLoginOrSignupOtp();
+    switch (method) {
+      case internal.B2BProducts.emailMagicLinks:
+        if (state.flowState.type === internal.AuthFlowType.Discovery) {
+          sendDiscoveryEml({
+            email: state.formState.emailState.userSuppliedEmail
+          });
+        } else if (state.flowState.type === internal.AuthFlowType.Organization && state.flowState.organization) {
+          sendLoginOrSignupEml({
+            email: state.formState.emailState.userSuppliedEmail,
+            organization_id: state.flowState.organization.organization_id
+          });
+        }
+        break;
+      case internal.B2BProducts.emailOtp:
+        if (state.flowState.type === internal.AuthFlowType.Discovery) {
+          sendDiscoveryOtp({
+            email: state.formState.emailState.userSuppliedEmail
+          });
+        } else if (state.flowState.type === internal.AuthFlowType.Organization && state.flowState.organization) {
+          sendLoginOrSignupOtp({
+            email: state.formState.emailState.userSuppliedEmail,
+            organization_id: state.flowState.organization.organization_id
+          });
+        }
+        break;
+    }
+  };
+  var displayOptions = extractErrorMessage.F(function () {
+    return products.filter(function (product) {
+      return product in options;
+    }).map(function (product) {
+      var option = options[product];
+      return {
+        option: product,
+        label: option.label
+      };
+    });
+  }, [products]);
+  var handleBack = function handleBack() {
+    dispatch({
+      type: 'navigate_back'
+    });
+  };
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(BackArrow, {
+    onClick: handleBack
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    size: "header"
+  }, "Select how you\u2019d like to continue."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column"
+  }, displayOptions.map(function (_ref80) {
+    var option = _ref80.option,
+      label = _ref80.label;
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(MenuButton, {
+      key: option,
+      disabled: isSending,
+      onClick: function onClick() {
+        handleChooseMethod(option);
+      }
+    }, label);
+  })), errorMessage && /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
+    errorMessage: errorMessage
+  }));
+};
+var InlineButton = function InlineButton(_ref81) {
+  var onClick = _ref81.onClick,
+    children = _ref81.children;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement("button", {
+    onClick: onClick,
+    style: {
+      all: 'unset'
+    }
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement("b", {
+    style: {
+      cursor: 'pointer'
+    }
+  }, children));
+};
+var Wrapper = extractErrorMessage.He.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref82) {
+  var isOpen = _ref82.isOpen;
+  return isOpen ? '1fr' : '0fr';
+});
+var Inner = extractErrorMessage.He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
+var AnimatedContainer = function AnimatedContainer(_ref83) {
+  var isOpen = _ref83.isOpen,
+    children = _ref83.children;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Wrapper, {
+    isOpen: isOpen
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Inner, null, children));
+};
+var Container = extractErrorMessage.He.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref84) {
+  var theme = _ref84.theme;
+  return theme.colors.disabled;
+});
+var loading = extractErrorMessage.Ue(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
+var Progress = extractErrorMessage.He.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref85) {
+  var theme = _ref85.theme;
+  return theme.colors.primary;
+}, loading);
+var LoadingBar = function LoadingBar(_ref86) {
+  var isLoading = _ref86.isLoading;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Container, null, isLoading && /*#__PURE__*/extractErrorMessage.wn.createElement(Progress, null));
+};
+var GAP = '8px';
+var WIDTH = '46px';
+var INPUT_HEIGHT = '46px';
+var Digit = extractErrorMessage.He.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  align-items: center;\n  display: flex;\n  font-size: 18px;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  background: ", ";\n  color: ", ";\n"])), function (_ref87) {
+  var disabled = _ref87.disabled,
+    theme = _ref87.theme;
+  return disabled ? theme.colors.disabled : '#ADBCC5';
+}, INPUT_HEIGHT, WIDTH, function (_ref88) {
+  var disabled = _ref88.disabled,
+    theme = _ref88.theme;
+  return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
+}, function (_ref89) {
+  var disabled = _ref89.disabled,
+    theme = _ref89.theme;
+  return disabled ? theme.colors.disabledText : theme.inputs.textColor;
+});
+var digitsContainerStyles = {
+  display: 'flex',
+  justifyContent: 'space-between',
+  gap: GAP,
+  position: 'relative',
+  zIndex: -1
+};
+var otpContainerStyles = {
+  overflow: 'hidden',
+  position: 'relative',
+  textAlign: 'initial',
+  zIndex: 1
+};
+var invisibleInputStyles = {
+  background: 'transparent',
+  border: 'none',
+  color: 'transparent',
+  height: INPUT_HEIGHT,
+  margin: 0,
+  outline: 'none',
+  position: 'absolute',
+  width: "calc(100% - (0.5 * ".concat(WIDTH, "))"),
+  caretColor: '#ADBCC5',
+  letterSpacing: "calc(".concat(WIDTH, " - 1ch + ").concat(GAP, ")"),
+  paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
+  zIndex: 10
+};
+var DigitAtIndex = function DigitAtIndex(_ref90) {
+  var index = _ref90.index,
+    disabled = _ref90.disabled,
+    otp = _ref90.otp;
+  var fill = otp ? otp[index] : '';
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Digit, {
+    disabled: disabled,
+    "data-testid": "otp-".concat(index)
+  }, fill);
+};
+var OTPInput = function OTPInput(_ref91) {
+  var otp = _ref91.otp,
+    setOtp = _ref91.setOtp,
+    disabled = _ref91.disabled;
+  var onPasscodeChange = function onPasscodeChange(e) {
+    if (!/^\d*$/.test(e.target.value)) {
+      return;
+    }
+    setOtp(e.target.value);
+  };
+  return /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
+    style: otpContainerStyles
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement("input", Object.assign({
+    "aria-label": "One-time passcode",
+    autoComplete: "one-time-code",
+    autoFocus: true,
+    disabled: disabled,
+    style: invisibleInputStyles,
+    maxLength: 6,
+    onChange: onPasscodeChange,
+    type: "text",
+    inputMode: "numeric",
+    value: otp
+  }, extractErrorMessage.passwordManagerDisableAutofillProps)), /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
+    style: digitsContainerStyles
+  }, _toConsumableArray(Array(6).keys()).map(function (i) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(DigitAtIndex, {
+      key: "digit-".concat(i),
+      index: i,
+      otp: otp,
+      disabled: !!disabled
+    });
+  })));
+};
+var OTP_CODE_LENGTH = 6;
+var OTPControl = function OTPControl(_ref92) {
+  var isSubmitting = _ref92.isSubmitting,
+    onSubmit = _ref92.onSubmit,
+    errorMessage = _ref92.errorMessage;
+  var _extractErrorMessage$33 = extractErrorMessage.h(''),
+    _extractErrorMessage$34 = _slicedToArray(_extractErrorMessage$33, 2),
+    otp = _extractErrorMessage$34[0],
+    setOtp = _extractErrorMessage$34[1];
+  var handleOtpChange = function handleOtpChange(otp) {
+    setOtp(otp);
+    if (otp.length === OTP_CODE_LENGTH) {
+      onSubmit(otp);
+    }
+  };
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column",
+    maxWidth: 316
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(OTPInput, {
+    otp: otp,
+    setOtp: handleOtpChange,
+    disabled: isSubmitting
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement(AnimatedContainer, {
+    isOpen: isSubmitting
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column",
+    gap: 8,
+    marginTop: 8
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    color: "secondary",
+    size: "helper"
+  }, "Verifying passcode..."), /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingBar, {
+    isLoading: isSubmitting
+  }))), !isSubmitting && /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
+    errorMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : ''
+  }));
+};
+var OTPEntry = function OTPEntry(_ref93) {
+  var header = _ref93.header,
+    helperContent = _ref93.helperContent,
+    instruction = _ref93.instruction,
+    isSubmitting = _ref93.isSubmitting,
+    onSubmit = _ref93.onSubmit,
+    errorMessage = _ref93.errorMessage;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
-    gap: 24,
-    alignItems: "center"
-  }, /*#__PURE__*/extractErrorMessage.y(Text, {
+    gap: 24
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
     size: "header"
-  }, "Success!"), /*#__PURE__*/extractErrorMessage.y(Text, null, "You have successfully logged in."), /*#__PURE__*/extractErrorMessage.y(ConfirmationSVG, null));
+  }, header), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, instruction), /*#__PURE__*/extractErrorMessage.wn.createElement(OTPControl, {
+    isSubmitting: isSubmitting,
+    onSubmit: onSubmit,
+    errorMessage: errorMessage
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    size: "helper",
+    color: "secondary"
+  }, helperContent));
 };
-var useMountEffect = function useMountEffect(effect) {
-  var effectRef = extractErrorMessage._(effect);
+var getSecondsRemaining = function getSecondsRemaining(expiration) {
+  var now = new Date();
+  return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
+};
+var ExpirationMessage = function ExpirationMessage(_ref94) {
+  var expiration = _ref94.expiration,
+    resendOTP = _ref94.resendOTP;
+  var _extractErrorMessage$35 = extractErrorMessage.h(function () {
+      return getSecondsRemaining(expiration);
+    }),
+    _extractErrorMessage$36 = _slicedToArray(_extractErrorMessage$35, 2),
+    seconds = _extractErrorMessage$36[0],
+    setSeconds = _extractErrorMessage$36[1];
+  var codeExpired = seconds <= 0;
   extractErrorMessage.p(function () {
-    return effectRef.current();
-  }, []);
+    if (!codeExpired) {
+      var updateSeconds = function updateSeconds() {
+        return setSeconds(getSecondsRemaining(expiration));
+      };
+      var interval = setInterval(updateSeconds, 1000);
+      updateSeconds();
+      return function () {
+        return clearInterval(interval);
+      };
+    }
+  }, [codeExpired, expiration]);
+  var displayMinutes = Math.floor(Number(seconds / 60));
+  var displaySeconds = seconds - displayMinutes * 60;
+  var formattedTime = "".concat(displayMinutes, ":").concat(displaySeconds < 10 ? "0".concat(displaySeconds) : displaySeconds);
+  var formattedText = seconds > 0 ? "Your code expires in ".concat(formattedTime, ". Didn't get it? ") : 'Your code has expired. ';
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, formattedText, /*#__PURE__*/extractErrorMessage.wn.createElement(InlineButton, {
+    onClick: resendOTP
+  }, "Resend code"));
 };
-var ConfirmationScreen = function ConfirmationScreen() {
-  var onEvent = useEventCallback();
-  useMountEffect(function () {
-    onEvent({
-      type: internal.StytchEventType.AuthenticateFlowComplete,
-      data: {}
-    });
+var SentOTPEntry = function SentOTPEntry(_ref95) {
+  var expiration = _ref95.expiration,
+    formattedDestination = _ref95.formattedDestination,
+    isSubmitting = _ref95.isSubmitting,
+    onSubmit = _ref95.onSubmit,
+    errorMessage = _ref95.errorMessage,
+    resendOTP = _ref95.resendOTP;
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
+    header: "Enter passcode",
+    helperContent: /*#__PURE__*/extractErrorMessage.wn.createElement(ExpirationMessage, {
+      expiration: expiration,
+      resendOTP: resendOTP
+    }),
+    instruction: /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, "A 6-digit passcode was sent to you at ", /*#__PURE__*/extractErrorMessage.wn.createElement("b", null, formattedDestination), "."),
+    isSubmitting: isSubmitting,
+    onSubmit: onSubmit,
+    errorMessage: errorMessage
   });
-  return /*#__PURE__*/extractErrorMessage.y(Confirmation, null);
-};
-var assertUnreachable = function assertUnreachable() {
-  throw new Error('Assertion failure');
 };
-var Chevron = function Chevron() {
-  return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
-    viewBox: "0 0 25 25",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
-    d: "M9.09 7.91L13.67 12.5L9.09 17.09L10.5 18.5L16.5 12.5L10.5 6.5L9.09 7.91Z",
-    fill: "currentColor"
-  }));
-};
-var Chevron$1 = CreateIcon(Chevron);
-var StyledButton = extractErrorMessage.He.button(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  all: unset;\n  color: ", ";\n  cursor: pointer;\n  padding: 20px 0;\n  border-bottom: 1px solid #e5e8eb;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), function (props) {
-  return props.theme.colors.primary;
-});
-var MenuText = extractErrorMessage.He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
-var ChevronContainer = extractErrorMessage.He.span(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var MenuButton = function MenuButton(_ref75) {
-  var children = _ref75.children,
-    onClick = _ref75.onClick;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(StyledButton, {
-    type: "button",
-    onClick: onClick
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(MenuText, null, children), /*#__PURE__*/extractErrorMessage.wn.createElement(ChevronContainer, {
-    "aria-hidden": true
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Chevron$1, null)));
+var EmailOTPEntryScreen = function EmailOTPEntryScreen() {
+  var stytchClient = useStytch();
+  var config = useConfig();
+  var _useGlobalReducer47 = useGlobalReducer(),
+    _useGlobalReducer48 = _slicedToArray(_useGlobalReducer47, 2),
+    state = _useGlobalReducer48[0],
+    dispatch = _useGlobalReducer48[1];
+  var codeExpiration = state.formState.otpState.codeExpiration;
+  var userSuppliedEmail = state.formState.emailState.userSuppliedEmail;
+  var _useEmailOtpLoginOrSi3 = useEmailOtpLoginOrSignup(),
+    sendOtp = _useEmailOtpLoginOrSi3.trigger,
+    isSendingOtp = _useEmailOtpLoginOrSi3.isMutating,
+    sendOtpError = _useEmailOtpLoginOrSi3.error;
+  var _useEmailOtpDiscovery3 = useEmailOtpDiscoverySend(),
+    sendOtpDiscovery = _useEmailOtpDiscovery3.trigger,
+    isSendingDiscovery = _useEmailOtpDiscovery3.isMutating,
+    sendDiscoveryError = _useEmailOtpDiscovery3.error,
+    resetSendDiscovery = _useEmailOtpDiscovery3.reset;
+  var isSending = isSendingDiscovery || isSendingOtp;
+  var sendError = sendDiscoveryError || sendOtpError;
+  var _useMutate5 = useMutate('stytch.otps.email.discovery.authenticate', function (_, _ref96) {
+      var _ref96$arg = _ref96.arg,
+        otp = _ref96$arg.otp,
+        email = _ref96$arg.email;
+      return stytchClient.otps.email.discovery.authenticate({
+        code: otp,
+        email_address: email
+      });
+    }, {
+      onSuccess: function onSuccess(data) {
+        onDiscoveryAuthenticateSuccess(data, dispatch);
+      }
+    }),
+    discoveryAuthenticate = _useMutate5.trigger,
+    isDiscoveryAuthenticating = _useMutate5.isMutating,
+    discoveryAuthenticateError = _useMutate5.error,
+    resetDiscoveryAuthenticate = _useMutate5.reset;
+  var _useMutate6 = useMutate('stytch.otps.email.authenticate', function (_, _ref97) {
+      var _ref97$arg = _ref97.arg,
+        otp = _ref97$arg.otp,
+        emailAddress = _ref97$arg.emailAddress,
+        organizationId = _ref97$arg.organizationId,
+        sessionDurationMinutes = _ref97$arg.sessionDurationMinutes;
+      return stytchClient.otps.email.authenticate({
+        code: otp,
+        email_address: emailAddress,
+        organization_id: organizationId,
+        session_duration_minutes: sessionDurationMinutes
+      });
+    }, {
+      onSuccess: function onSuccess(data) {
+        onAuthenticateSuccess(data, dispatch, config);
+      }
+    }),
+    authenticate = _useMutate6.trigger,
+    isAuthenticating = _useMutate6.isMutating,
+    authenticateError = _useMutate6.error,
+    resetAuthenticate = _useMutate6.reset;
+  var isAuthenticatingAny = isDiscoveryAuthenticating || isAuthenticating;
+  var authenticateAnyError = discoveryAuthenticateError || authenticateError;
+  var errorAny = authenticateAnyError || sendError;
+  var errorMessage = errorAny ? 'Invalid passcode, please try again.' : undefined;
+  var resetAll = function resetAll() {
+    resetDiscoveryAuthenticate();
+    resetAuthenticate();
+    resetSendDiscovery();
+  };
+  var handleSubmit = function handleSubmit(otp) {
+    resetAll();
+    if (state.flowState.type === internal.AuthFlowType.Discovery) {
+      discoveryAuthenticate({
+        otp: otp,
+        email: userSuppliedEmail
+      });
+    } else if (state.flowState.type === internal.AuthFlowType.Organization && state.flowState.organization && state.formState.emailState.userSuppliedEmail) {
+      authenticate({
+        otp: otp,
+        emailAddress: state.formState.emailState.userSuppliedEmail,
+        organizationId: state.flowState.organization.organization_id,
+        sessionDurationMinutes: config.sessionOptions.sessionDurationMinutes
+      });
+    }
+  };
+  var handleResendOTP = function handleResendOTP() {
+    resetAll();
+    if (!isSending) {
+      if (state.flowState.type === internal.AuthFlowType.Discovery) {
+        sendOtpDiscovery({
+          email: userSuppliedEmail
+        });
+      } else if (state.flowState.type === internal.AuthFlowType.Organization && state.flowState.organization) {
+        sendOtp({
+          email: userSuppliedEmail,
+          organization_id: state.flowState.organization.organization_id
+        });
+      }
+    }
+  };
+  var handleBack = function handleBack() {
+    dispatch({
+      type: 'navigate_back'
+    });
+  };
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(BackArrow, {
+    onClick: handleBack
+  }), codeExpiration !== null ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(SentOTPEntry, {
+    isSubmitting: isAuthenticatingAny,
+    onSubmit: handleSubmit,
+    errorMessage: errorMessage,
+    expiration: codeExpiration,
+    formattedDestination: userSuppliedEmail,
+    resendOTP: handleResendOTP
+  })) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null)));
 };
 var mfaOptions = _defineProperty(_defineProperty({}, internal.B2BMFAProducts.totp, {
   label: 'Use an authenticator app'
@@ -3988,10 +4723,10 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
   var _useConfig = useConfig(),
     mfaProductInclude = _useConfig.mfaProductInclude,
     mfaProductOrder = _useConfig.mfaProductOrder;
-  var _useGlobalReducer37 = useGlobalReducer(),
-    _useGlobalReducer38 = _slicedToArray(_useGlobalReducer37, 2),
-    state = _useGlobalReducer38[0],
-    dispatch = _useGlobalReducer38[1];
+  var _useGlobalReducer49 = useGlobalReducer(),
+    _useGlobalReducer50 = _slicedToArray(_useGlobalReducer49, 2),
+    state = _useGlobalReducer50[0],
+    dispatch = _useGlobalReducer50[1];
   var organizationMfaOptionsSupported = state.mfa.primaryInfo.organizationMfaOptionsSupported;
   var handleChooseMethod = function handleChooseMethod(method) {
     dispatch({
@@ -4030,9 +4765,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
     size: "header"
   }, "Set up Multi-Factor Authentication"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column"
-  }, displayOptions.map(function (_ref76) {
-    var option = _ref76.option,
-      label = _ref76.label;
+  }, displayOptions.map(function (_ref98) {
+    var option = _ref98.option,
+      label = _ref98.label;
     return /*#__PURE__*/extractErrorMessage.wn.createElement(MenuButton, {
       key: option,
       onClick: function onClick() {
@@ -4054,13 +4789,13 @@ var inboxLinks = function inboxLinks(emailDomain) {
     OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
   };
 };
-var Link = extractErrorMessage.He.a(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
+var Link = extractErrorMessage.He.a(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var EmailProviderLink = function EmailProviderLink(_ref77) {
-  var label = _ref77.label,
-    href = _ref77.href,
-    Icon = _ref77.Icon;
+var EmailProviderLink = function EmailProviderLink(_ref99) {
+  var label = _ref99.label,
+    href = _ref99.href,
+    Icon = _ref99.Icon;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/extractErrorMessage.wn.createElement(Link, {
@@ -4069,16 +4804,16 @@ var EmailProviderLink = function EmailProviderLink(_ref77) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Open in ", label)));
 };
-var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref78) {
-  var emailDomain = _ref78.emailDomain,
-    reset = _ref78.reset,
-    email = _ref78.email;
+var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref100) {
+  var emailDomain = _ref100.emailDomain,
+    reset = _ref100.reset,
+    email = _ref100.email;
   var _inboxLinks = inboxLinks(emailDomain),
     GMAIL = _inboxLinks.GMAIL,
     OUTLOOK = _inboxLinks.OUTLOOK;
-  var _useGlobalReducer39 = useGlobalReducer(),
-    _useGlobalReducer40 = _slicedToArray(_useGlobalReducer39, 2),
-    dispatch = _useGlobalReducer40[1];
+  var _useGlobalReducer51 = useGlobalReducer(),
+    _useGlobalReducer52 = _slicedToArray(_useGlobalReducer51, 2),
+    dispatch = _useGlobalReducer52[1];
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -4118,17 +4853,17 @@ var useEmailDomain = function useEmailDomain() {
   var _a, _b;
   var stytch = useStytch();
   var config = useConfig();
-  var _extractErrorMessage$33 = extractErrorMessage.h(function () {
+  var _extractErrorMessage$37 = extractErrorMessage.h(function () {
       var _internal$readB2BInte4 = internal.readB2BInternals(stytch).bootstrap.getSync(),
         emailDomains = _internal$readB2BInte4.emailDomains;
       return emailDomains;
     }),
-    _extractErrorMessage$34 = _slicedToArray(_extractErrorMessage$33, 2),
-    emailDomains = _extractErrorMessage$34[0],
-    setEmailDomains = _extractErrorMessage$34[1];
+    _extractErrorMessage$38 = _slicedToArray(_extractErrorMessage$37, 2),
+    emailDomains = _extractErrorMessage$38[0],
+    setEmailDomains = _extractErrorMessage$38[1];
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref79) {
-      var emailDomains = _ref79.emailDomains;
+    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref101) {
+      var emailDomains = _ref101.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -4141,14 +4876,14 @@ var useEmailDomain = function useEmailDomain() {
   return null;
 };
 var PasswordResetConfirmation = function PasswordResetConfirmation() {
-  var _useGlobalReducer41 = useGlobalReducer(),
-    _useGlobalReducer42 = _slicedToArray(_useGlobalReducer41, 2),
-    state = _useGlobalReducer42[0],
-    dispatch = _useGlobalReducer42[1];
+  var _useGlobalReducer53 = useGlobalReducer(),
+    _useGlobalReducer54 = _slicedToArray(_useGlobalReducer53, 2),
+    state = _useGlobalReducer54[0],
+    dispatch = _useGlobalReducer54[1];
   var emailDomain = useEmailDomain();
   var reset = function reset() {
     dispatch({
-      type: 'set_magic_link_email',
+      type: 'set_user_supplied_email',
       email: ''
     });
     dispatch({
@@ -4162,11 +4897,11 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
     email: state.formState.passwordState.email
   });
 };
-var Block = extractErrorMessage.He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
+var Block = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
   return props.$bgColor;
 });
-var PasswordStrengthCheck = function PasswordStrengthCheck(_ref80) {
-  var score = _ref80.score;
+var PasswordStrengthCheck = function PasswordStrengthCheck(_ref102) {
+  var score = _ref102.score;
   var blocks = [];
   switch (score) {
     case 0:
@@ -4271,76 +5006,76 @@ var removeStytchParams = function removeStytchParams(value) {
   params["delete"]('stytch_token_type');
   return url;
 };
-var Form = extractErrorMessage.He.form(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var Form = extractErrorMessage.He.form(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 var PasswordResetForm = function PasswordResetForm() {
   var stytchClient = useStytch();
   var config = useConfig();
-  var _useGlobalReducer43 = useGlobalReducer(),
-    _useGlobalReducer44 = _slicedToArray(_useGlobalReducer43, 2),
-    dispatch = _useGlobalReducer44[1];
+  var _useGlobalReducer55 = useGlobalReducer(),
+    _useGlobalReducer56 = _slicedToArray(_useGlobalReducer55, 2),
+    dispatch = _useGlobalReducer56[1];
   var onEvent = useEventCallback();
   var onError = useErrorCallback();
-  var _extractErrorMessage$35 = extractErrorMessage.h(''),
-    _extractErrorMessage$36 = _slicedToArray(_extractErrorMessage$35, 2),
-    resetTokenType = _extractErrorMessage$36[0],
-    setResetTokenType = _extractErrorMessage$36[1];
-  var _extractErrorMessage$37 = extractErrorMessage.h(''),
-    _extractErrorMessage$38 = _slicedToArray(_extractErrorMessage$37, 2),
-    resetToken = _extractErrorMessage$38[0],
-    setResetToken = _extractErrorMessage$38[1];
-  var dataLayer = internal.readB2BInternals(stytchClient).dataLayer;
-  var email = dataLayer.getItem('reset-email-value');
   var _extractErrorMessage$39 = extractErrorMessage.h(''),
     _extractErrorMessage$40 = _slicedToArray(_extractErrorMessage$39, 2),
-    password = _extractErrorMessage$40[0],
-    setPassword = _extractErrorMessage$40[1];
+    resetTokenType = _extractErrorMessage$40[0],
+    setResetTokenType = _extractErrorMessage$40[1];
   var _extractErrorMessage$41 = extractErrorMessage.h(''),
     _extractErrorMessage$42 = _slicedToArray(_extractErrorMessage$41, 2),
-    errorMessage = _extractErrorMessage$42[0],
-    setErrorMessage = _extractErrorMessage$42[1];
-  var _extractErrorMessage$43 = extractErrorMessage.h(0),
+    resetToken = _extractErrorMessage$42[0],
+    setResetToken = _extractErrorMessage$42[1];
+  var dataLayer = internal.readB2BInternals(stytchClient).dataLayer;
+  var email = dataLayer.getItem('reset-email-value');
+  var _extractErrorMessage$43 = extractErrorMessage.h(''),
     _extractErrorMessage$44 = _slicedToArray(_extractErrorMessage$43, 2),
-    passwordScore = _extractErrorMessage$44[0],
-    setPasswordScore = _extractErrorMessage$44[1];
+    password = _extractErrorMessage$44[0],
+    setPassword = _extractErrorMessage$44[1];
   var _extractErrorMessage$45 = extractErrorMessage.h(''),
     _extractErrorMessage$46 = _slicedToArray(_extractErrorMessage$45, 2),
-    passwordFeedback = _extractErrorMessage$46[0],
-    setPasswordFeedback = _extractErrorMessage$46[1];
-  var _extractErrorMessage$47 = extractErrorMessage.h(true),
+    errorMessage = _extractErrorMessage$46[0],
+    setErrorMessage = _extractErrorMessage$46[1];
+  var _extractErrorMessage$47 = extractErrorMessage.h(0),
     _extractErrorMessage$48 = _slicedToArray(_extractErrorMessage$47, 2),
-    invalidPassword = _extractErrorMessage$48[0],
-    setInvalidPassword = _extractErrorMessage$48[1];
-  var _extractErrorMessage$49 = extractErrorMessage.h(false),
+    passwordScore = _extractErrorMessage$48[0],
+    setPasswordScore = _extractErrorMessage$48[1];
+  var _extractErrorMessage$49 = extractErrorMessage.h(''),
     _extractErrorMessage$50 = _slicedToArray(_extractErrorMessage$49, 2),
-    isSubmitting = _extractErrorMessage$50[0],
-    setIsSubmitting = _extractErrorMessage$50[1];
-  var _extractErrorMessage$51 = extractErrorMessage.h('none'),
+    passwordFeedback = _extractErrorMessage$50[0],
+    setPasswordFeedback = _extractErrorMessage$50[1];
+  var _extractErrorMessage$51 = extractErrorMessage.h(true),
     _extractErrorMessage$52 = _slicedToArray(_extractErrorMessage$51, 2),
-    strengthPolicy = _extractErrorMessage$52[0],
-    setStrengthPolicy = _extractErrorMessage$52[1];
-  var _extractErrorMessage$53 = extractErrorMessage.h(0),
+    invalidPassword = _extractErrorMessage$52[0],
+    setInvalidPassword = _extractErrorMessage$52[1];
+  var _extractErrorMessage$53 = extractErrorMessage.h(false),
     _extractErrorMessage$54 = _slicedToArray(_extractErrorMessage$53, 2),
-    missingCharacters = _extractErrorMessage$54[0],
-    setMissingCharacters = _extractErrorMessage$54[1];
-  var _extractErrorMessage$55 = extractErrorMessage.h(0),
+    isSubmitting = _extractErrorMessage$54[0],
+    setIsSubmitting = _extractErrorMessage$54[1];
+  var _extractErrorMessage$55 = extractErrorMessage.h('none'),
     _extractErrorMessage$56 = _slicedToArray(_extractErrorMessage$55, 2),
-    missingComplexity = _extractErrorMessage$56[0],
-    setMissingComplexity = _extractErrorMessage$56[1];
-  var _extractErrorMessage$57 = extractErrorMessage.h(false),
+    strengthPolicy = _extractErrorMessage$56[0],
+    setStrengthPolicy = _extractErrorMessage$56[1];
+  var _extractErrorMessage$57 = extractErrorMessage.h(0),
     _extractErrorMessage$58 = _slicedToArray(_extractErrorMessage$57, 2),
-    isPasswordBreached = _extractErrorMessage$58[0],
-    setIsPasswordBreached = _extractErrorMessage$58[1];
+    missingCharacters = _extractErrorMessage$58[0],
+    setMissingCharacters = _extractErrorMessage$58[1];
+  var _extractErrorMessage$59 = extractErrorMessage.h(0),
+    _extractErrorMessage$60 = _slicedToArray(_extractErrorMessage$59, 2),
+    missingComplexity = _extractErrorMessage$60[0],
+    setMissingComplexity = _extractErrorMessage$60[1];
+  var _extractErrorMessage$61 = extractErrorMessage.h(false),
+    _extractErrorMessage$62 = _slicedToArray(_extractErrorMessage$61, 2),
+    isPasswordBreached = _extractErrorMessage$62[0],
+    setIsPasswordBreached = _extractErrorMessage$62[1];
   var updateStrengthCheck = extractErrorMessage.F(function () {
     return internal.debounce(function (password) {
       return stytchClient.passwords.strengthCheck({
         password: password
-      }).then(function (_ref81) {
-        var score = _ref81.score,
-          valid_password = _ref81.valid_password,
-          zxcvbn_feedback = _ref81.zxcvbn_feedback,
-          luds_feedback = _ref81.luds_feedback,
-          strength_policy = _ref81.strength_policy,
-          breached_password = _ref81.breached_password;
+      }).then(function (_ref103) {
+        var score = _ref103.score,
+          valid_password = _ref103.valid_password,
+          zxcvbn_feedback = _ref103.zxcvbn_feedback,
+          luds_feedback = _ref103.luds_feedback,
+          strength_policy = _ref103.strength_policy,
+          breached_password = _ref103.breached_password;
         setStrengthPolicy(strength_policy);
         setInvalidPassword(!valid_password);
         if (strength_policy === 'zxcvbn') {
@@ -4413,6 +5148,35 @@ var PasswordResetForm = function PasswordResetForm() {
         setErrorMessage(message);
         setIsSubmitting(false);
       });
+    } else if (resetTokenType == 'discovery') {
+      stytchClient.passwords.discovery.resetByEmail({
+        password_reset_token: resetToken,
+        password: password
+      }).then(function (data) {
+        setIsSubmitting(false);
+        onEvent({
+          type: internal.StytchEventType.B2BDiscoveryPasswordReset,
+          data: data
+        });
+        dispatch({
+          type: 'transition',
+          screen: AppScreens$1.Discovery
+        });
+        dispatch({
+          type: 'set_discovery_state',
+          email: data.email_address,
+          discoveredOrganizations: data.discovered_organizations,
+          intermediateSessionToken: data.intermediate_session_token
+        });
+      })["catch"](function (e) {
+        onError(e);
+        var message = e.message;
+        if (e instanceof internal.StytchAPIError) {
+          message = e.error_message;
+        }
+        setErrorMessage(message);
+        setIsSubmitting(false);
+      });
     } else {
       stytchClient.passwords.resetBySession({
         password: password
@@ -4484,9 +5248,9 @@ var PasswordResetForm = function PasswordResetForm() {
   }))));
 };
 var PasswordSetNew = function PasswordSetNew() {
-  var _useGlobalReducer45 = useGlobalReducer(),
-    _useGlobalReducer46 = _slicedToArray(_useGlobalReducer45, 2),
-    dispatch = _useGlobalReducer46[1];
+  var _useGlobalReducer57 = useGlobalReducer(),
+    _useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
+    dispatch = _useGlobalReducer58[1];
   var onEvent = useEventCallback();
   var config = useConfig();
   var _usePasswordInput3 = usePasswordInput(),
@@ -4495,28 +5259,42 @@ var PasswordSetNew = function PasswordSetNew() {
     email = _usePasswordInput3.email,
     organization = _usePasswordInput3.organization,
     setIsSubmitting = _usePasswordInput3.setIsSubmitting;
-  if (!organization) {
-    return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
-  }
   var resendResetPassword = function resendResetPassword() {
-    var _a, _b, _c, _d;
-    stytch.passwords.resetByEmailStart({
-      email_address: email,
-      organization_id: organization.organization_id,
-      login_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginTemplateId,
-      reset_password_redirect_url: (_b = config.passwordOptions) === null || _b === void 0 ? void 0 : _b.resetPasswordRedirectURL,
-      reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
-      reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
-    }).then(function (data) {
-      _t.success('Email resent');
-      setIsSubmitting(false);
-      onEvent({
-        type: internal.StytchEventType.B2BPasswordResetByEmailStart,
-        data: data
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!organization) {
+      stytch.passwords.discovery.resetByEmailStart({
+        email_address: email,
+        discovery_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
+        reset_password_redirect_url: (_b = config.passwordOptions) === null || _b === void 0 ? void 0 : _b.resetPasswordRedirectURL,
+        reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
+        reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
+      }).then(function (data) {
+        _t.success('Email resent');
+        setIsSubmitting(false);
+        onEvent({
+          type: internal.StytchEventType.B2BPasswordDiscoveryResetStart,
+          data: data
+        });
       });
-    })["catch"](function (e) {
-      onError(e);
-    });
+    } else {
+      stytch.passwords.resetByEmailStart({
+        email_address: email,
+        organization_id: organization.organization_id,
+        login_redirect_url: (_e = config.emailMagicLinksOptions) === null || _e === void 0 ? void 0 : _e.loginTemplateId,
+        reset_password_redirect_url: (_f = config.passwordOptions) === null || _f === void 0 ? void 0 : _f.resetPasswordRedirectURL,
+        reset_password_expiration_minutes: (_g = config.passwordOptions) === null || _g === void 0 ? void 0 : _g.resetPasswordExpirationMinutes,
+        reset_password_template_id: (_h = config.passwordOptions) === null || _h === void 0 ? void 0 : _h.resetPasswordTemplateId
+      }).then(function (data) {
+        _t.success('Email resent');
+        setIsSubmitting(false);
+        onEvent({
+          type: internal.StytchEventType.B2BPasswordResetByEmailStart,
+          data: data
+        });
+      })["catch"](function (e) {
+        onError(e);
+      });
+    }
   };
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
@@ -4542,9 +5320,9 @@ var PasswordSetNew = function PasswordSetNew() {
   }, "Resend email"))));
 };
 var PasswordsForgotForm = function PasswordsForgotForm() {
-  var _useGlobalReducer47 = useGlobalReducer(),
-    _useGlobalReducer48 = _slicedToArray(_useGlobalReducer47, 2),
-    dispatch = _useGlobalReducer48[1];
+  var _useGlobalReducer59 = useGlobalReducer(),
+    _useGlobalReducer60 = _slicedToArray(_useGlobalReducer59, 2),
+    dispatch = _useGlobalReducer60[1];
   var config = useConfig();
   var onEvent = useEventCallback();
   var passwordOptions = config.passwordOptions;
@@ -4559,9 +5337,9 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     setIsSubmitting = _usePasswordInput4.setIsSubmitting,
     handleNonMemberReset = _usePasswordInput4.handleNonMemberReset;
   if (!passwordOptions) return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
-  if (!organization) 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;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
           case 0:
@@ -4575,26 +5353,56 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
           case 4:
             setErrorMessage('');
             setIsSubmitting(true);
-            internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref82) {
-              var member = _ref82.member;
-              var _a, _b, _c, _d;
-              if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
-                handleNonMemberReset();
-                return;
-              }
-              stytch.passwords.resetByEmailStart({
+            if (organization) {
+              internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref104) {
+                var member = _ref104.member;
+                var _a, _b, _c, _d;
+                if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
+                  handleNonMemberReset();
+                  return;
+                }
+                stytch.passwords.resetByEmailStart({
+                  email_address: email,
+                  organization_id: organization.organization_id,
+                  login_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
+                  reset_password_redirect_url: (_b = config.passwordOptions) === null || _b === void 0 ? void 0 : _b.resetPasswordRedirectURL,
+                  reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
+                  reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
+                }).then(function (data) {
+                  setIsSubmitting(false);
+                  onEvent({
+                    type: internal.StytchEventType.B2BPasswordResetByEmailStart,
+                    data: data
+                  });
+                  dispatch({
+                    type: 'set_password_state',
+                    email: email
+                  });
+                  dispatch({
+                    type: 'transition',
+                    screen: AppScreens$1.PasswordSetNewConfirmation
+                  });
+                })["catch"](function (err) {
+                  setIsSubmitting(false);
+                  setErrorMessage(err.error_message);
+                });
+              })["catch"](function (err) {
+                setIsSubmitting(false);
+                var message = err.message;
+                if (err instanceof internal.StytchAPIError) {
+                  message = err.error_message;
+                }
+                setErrorMessage(message);
+              });
+            } else {
+              stytch.passwords.discovery.resetByEmailStart({
                 email_address: email,
-                organization_id: organization.organization_id,
-                login_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
+                discovery_redirect_url: (_a = config.emailMagicLinksOptions) === null || _a === void 0 ? void 0 : _a.loginRedirectURL,
                 reset_password_redirect_url: (_b = config.passwordOptions) === null || _b === void 0 ? void 0 : _b.resetPasswordRedirectURL,
                 reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
                 reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
-              }).then(function (data) {
+              }).then(function () {
                 setIsSubmitting(false);
-                onEvent({
-                  type: internal.StytchEventType.B2BPasswordResetByEmailStart,
-                  data: data
-                });
                 dispatch({
                   type: 'set_password_state',
                   email: email
@@ -4607,14 +5415,7 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
                 setIsSubmitting(false);
                 setErrorMessage(err.error_message);
               });
-            })["catch"](function (err) {
-              setIsSubmitting(false);
-              var message = err.message;
-              if (err instanceof internal.StytchAPIError) {
-                message = err.error_message;
-              }
-              setErrorMessage(message);
-            });
+            }
           case 7:
           case "end":
             return _context7.stop();
@@ -4636,7 +5437,7 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     }
   }), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
     size: "header"
-  }, "Check your email for help signing in!"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "We'll email you a login link to sign in to your account directly or reset your password if you have one."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+  }, "Check your email for help signing in!"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, !organization ? "We'll email you a login link to sign up for an account or reset your password if you have one." : "We'll email you a login link to sign in to your account directly or reset your password if you have one."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 4
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
@@ -4656,23 +5457,23 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
   var stytchClient = useStytch();
   var _useConfig2 = useConfig(),
     sessionDurationMinutes = _useConfig2.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer49 = useGlobalReducer(),
-    _useGlobalReducer50 = _slicedToArray(_useGlobalReducer49, 2),
-    state = _useGlobalReducer50[0],
-    dispatch = _useGlobalReducer50[1];
+  var _useGlobalReducer61 = useGlobalReducer(),
+    _useGlobalReducer62 = _slicedToArray(_useGlobalReducer61, 2),
+    state = _useGlobalReducer62[0],
+    dispatch = _useGlobalReducer62[1];
   var _state$mfa$primaryInf = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf.memberId,
     organizationId = _state$mfa$primaryInf.organizationId;
-  var _extractErrorMessage$59 = extractErrorMessage.h(''),
-    _extractErrorMessage$60 = _slicedToArray(_extractErrorMessage$59, 2),
-    recoveryCode = _extractErrorMessage$60[0],
-    setRecoveryCode = _extractErrorMessage$60[1];
-  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref83) {
-      var _ref83$arg = _ref83.arg,
-        recoveryCode = _ref83$arg.recoveryCode,
-        memberId = _ref83$arg.memberId,
-        organizationId = _ref83$arg.organizationId,
-        sessionDurationMinutes = _ref83$arg.sessionDurationMinutes;
+  var _extractErrorMessage$63 = extractErrorMessage.h(''),
+    _extractErrorMessage$64 = _slicedToArray(_extractErrorMessage$63, 2),
+    recoveryCode = _extractErrorMessage$64[0],
+    setRecoveryCode = _extractErrorMessage$64[1];
+  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref105) {
+      var _ref105$arg = _ref105.arg,
+        recoveryCode = _ref105$arg.recoveryCode,
+        memberId = _ref105$arg.memberId,
+        organizationId = _ref105$arg.organizationId,
+        sessionDurationMinutes = _ref105$arg.sessionDurationMinutes;
       return stytchClient.recoveryCodes.recover({
         recovery_code: recoveryCode,
         member_id: memberId,
@@ -4742,8 +5543,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
     isSubmitting: isSubmitting
   })));
 };
-var InsetContainer = extractErrorMessage.He.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n  background-color: #f3f5f6;\n  color: #000;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  padding: 16px 8px;\n"])));
-var CodeList = extractErrorMessage.He.ul(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
+var InsetContainer = extractErrorMessage.He.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  background-color: #f3f5f6;\n  color: #000;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  padding: 16px 8px;\n"])));
+var CodeList = extractErrorMessage.He.ul(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
 var downloadFile = function downloadFile(content, filename) {
   var blob = new Blob([content], {
     type: 'text/plain'
@@ -4756,10 +5557,10 @@ var downloadFile = function downloadFile(content, filename) {
   URL.revokeObjectURL(url);
 };
 var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
-  var _useGlobalReducer51 = useGlobalReducer(),
-    _useGlobalReducer52 = _slicedToArray(_useGlobalReducer51, 2),
-    state = _useGlobalReducer52[0],
-    dispatch = _useGlobalReducer52[1];
+  var _useGlobalReducer63 = useGlobalReducer(),
+    _useGlobalReducer64 = _slicedToArray(_useGlobalReducer63, 2),
+    state = _useGlobalReducer64[0],
+    dispatch = _useGlobalReducer64[1];
   var recoveryCodes = state.mfa.totp.enrollment.recoveryCodes;
   var handleContinue = function handleContinue() {
     dispatch({
@@ -4817,7 +5618,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
     onClick: handleContinue
   }, "Done"));
 };
-var Select = extractErrorMessage.He.select(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  height: 47px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  color: ", ";\n  font-family: ", ";\n  width: 80px;\n  font-size: 18px;\n"])), function (props) {
+var Select = extractErrorMessage.He.select(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  height: 47px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  color: ", ";\n  font-family: ", ";\n  width: 80px;\n  font-size: 18px;\n"])), function (props) {
   return props.theme.inputs.backgroundColor;
 }, function (props) {
   return props.theme.inputs.borderColor;
@@ -4828,9 +5629,9 @@ var Select = extractErrorMessage.He.select(_templateObject54 || (_templateObject
 }, function (props) {
   return props.theme.typography.fontFamily;
 });
-var CountrySelector = function CountrySelector(_ref84) {
-  var country = _ref84.country,
-    setCountry = _ref84.setCountry;
+var CountrySelector = function CountrySelector(_ref106) {
+  var country = _ref106.country,
+    setCountry = _ref106.setCountry;
   var countryFormatter = new Intl.DisplayNames(['en'], {
     type: 'region'
   });
@@ -4841,24 +5642,24 @@ var CountrySelector = function CountrySelector(_ref84) {
     onChange: function onChange(e) {
       setCountry(e.target.value);
     }
-  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 2),
-      countryCode = _ref86[0],
-      countryNumber = _ref86[1];
+  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 2),
+      countryCode = _ref108[0],
+      countryNumber = _ref108[1];
     return /*#__PURE__*/extractErrorMessage.wn.createElement("option", {
       key: countryCode,
       value: countryCode
     }, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
   }));
 };
-var PhoneStyledInput = extractErrorMessage.He(Input)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
-var PhoneInput = function PhoneInput(_ref87) {
-  var phone = _ref87.phone,
-    setPhone = _ref87.setPhone,
-    country = _ref87.country,
-    setCountry = _ref87.setCountry,
-    parsePhoneNumber = _ref87.parsePhoneNumber,
-    hasPasskeys = _ref87.hasPasskeys;
+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;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -4920,8 +5721,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_internal$StytchSDKEr) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(internal.StytchSDKError);
-var findErrorTypeFrom = function findErrorTypeFrom(_ref88) {
-  var error = _ref88.error;
+var findErrorTypeFrom = function findErrorTypeFrom(_ref110) {
+  var error = _ref110.error;
   var errorType = extractErrorType(error);
   return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
 };
@@ -4932,10 +5733,10 @@ var supportedErrorTypeMap = {
 var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
   var _a, _b;
   var stytchClient = useStytch();
-  var _useGlobalReducer53 = useGlobalReducer(),
-    _useGlobalReducer54 = _slicedToArray(_useGlobalReducer53, 2),
-    state = _useGlobalReducer54[0],
-    dispatch = _useGlobalReducer54[1];
+  var _useGlobalReducer65 = useGlobalReducer(),
+    _useGlobalReducer66 = _slicedToArray(_useGlobalReducer65, 2),
+    state = _useGlobalReducer66[0],
+    dispatch = _useGlobalReducer66[1];
   var _state$mfa$smsOtp = state.mfa.smsOtp,
     isSending = _state$mfa$smsOtp.isSending,
     sendError = _state$mfa$smsOtp.sendError,
@@ -4943,14 +5744,14 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
   var _state$mfa$primaryInf2 = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf2.memberId,
     organizationId = _state$mfa$primaryInf2.organizationId;
-  var _extractErrorMessage$61 = extractErrorMessage.wn.useState((_a = enrolledNumber === null || enrolledNumber === void 0 ? void 0 : enrolledNumber.countryCode) !== null && _a !== void 0 ? _a : DEFAULT_COUNTRY_CODE),
-    _extractErrorMessage$62 = _slicedToArray(_extractErrorMessage$61, 2),
-    countryCode = _extractErrorMessage$62[0],
-    setCountryCode = _extractErrorMessage$62[1];
-  var _extractErrorMessage$63 = extractErrorMessage.wn.useState((_b = enrolledNumber === null || enrolledNumber === void 0 ? void 0 : enrolledNumber.phoneNumber) !== null && _b !== void 0 ? _b : ''),
-    _extractErrorMessage$64 = _slicedToArray(_extractErrorMessage$63, 2),
-    phoneNumber = _extractErrorMessage$64[0],
-    setPhoneNumber = _extractErrorMessage$64[1];
+  var _extractErrorMessage$65 = extractErrorMessage.wn.useState((_a = enrolledNumber === null || enrolledNumber === void 0 ? void 0 : enrolledNumber.countryCode) !== null && _a !== void 0 ? _a : DEFAULT_COUNTRY_CODE),
+    _extractErrorMessage$66 = _slicedToArray(_extractErrorMessage$65, 2),
+    countryCode = _extractErrorMessage$66[0],
+    setCountryCode = _extractErrorMessage$66[1];
+  var _extractErrorMessage$67 = extractErrorMessage.wn.useState((_b = enrolledNumber === null || enrolledNumber === void 0 ? void 0 : enrolledNumber.phoneNumber) !== null && _b !== void 0 ? _b : ''),
+    _extractErrorMessage$68 = _slicedToArray(_extractErrorMessage$67, 2),
+    phoneNumber = _extractErrorMessage$68[0],
+    setPhoneNumber = _extractErrorMessage$68[1];
   var errorType = findErrorTypeFrom({
     error: sendError
   });
@@ -4961,8 +5762,8 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
       regionCode: countryCode
     });
   };
-  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref89) {
-      var parsedNumber = _ref89.arg.parsedNumber;
+  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) {
@@ -5061,252 +5862,15 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
     disabled: !phoneNumber
   })));
 };
-var InlineButton = function InlineButton(_ref90) {
-  var onClick = _ref90.onClick,
-    children = _ref90.children;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement("button", {
-    onClick: onClick,
-    style: {
-      all: 'unset'
-    }
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement("b", {
-    style: {
-      cursor: 'pointer'
-    }
-  }, children));
-};
-var Wrapper = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref91) {
-  var isOpen = _ref91.isOpen;
-  return isOpen ? '1fr' : '0fr';
-});
-var Inner = extractErrorMessage.He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-var AnimatedContainer = function AnimatedContainer(_ref92) {
-  var isOpen = _ref92.isOpen,
-    children = _ref92.children;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Wrapper, {
-    isOpen: isOpen
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Inner, null, children));
-};
-var Container = extractErrorMessage.He.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref93) {
-  var theme = _ref93.theme;
-  return theme.colors.disabled;
-});
-var loading = extractErrorMessage.Ue(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
-var Progress = extractErrorMessage.He.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref94) {
-  var theme = _ref94.theme;
-  return theme.colors.primary;
-}, loading);
-var LoadingBar = function LoadingBar(_ref95) {
-  var isLoading = _ref95.isLoading;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Container, null, isLoading && /*#__PURE__*/extractErrorMessage.wn.createElement(Progress, null));
-};
-var GAP = '8px';
-var WIDTH = '46px';
-var INPUT_HEIGHT = '46px';
-var Digit = extractErrorMessage.He.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  align-items: center;\n  display: flex;\n  font-size: 18px;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  background: ", ";\n  color: ", ";\n"])), function (_ref96) {
-  var disabled = _ref96.disabled,
-    theme = _ref96.theme;
-  return disabled ? theme.colors.disabled : '#ADBCC5';
-}, INPUT_HEIGHT, WIDTH, function (_ref97) {
-  var disabled = _ref97.disabled,
-    theme = _ref97.theme;
-  return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
-}, function (_ref98) {
-  var disabled = _ref98.disabled,
-    theme = _ref98.theme;
-  return disabled ? theme.colors.disabledText : theme.inputs.textColor;
-});
-var digitsContainerStyles = {
-  display: 'flex',
-  justifyContent: 'space-between',
-  gap: GAP,
-  position: 'relative',
-  zIndex: -1
-};
-var otpContainerStyles = {
-  overflow: 'hidden',
-  position: 'relative',
-  textAlign: 'initial',
-  zIndex: 1
-};
-var invisibleInputStyles = {
-  background: 'transparent',
-  border: 'none',
-  color: 'transparent',
-  height: INPUT_HEIGHT,
-  margin: 0,
-  outline: 'none',
-  position: 'absolute',
-  width: "calc(100% - (0.5 * ".concat(WIDTH, "))"),
-  caretColor: '#ADBCC5',
-  letterSpacing: "calc(".concat(WIDTH, " - 1ch + ").concat(GAP, ")"),
-  paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
-  zIndex: 10
-};
-var DigitAtIndex = function DigitAtIndex(_ref99) {
-  var index = _ref99.index,
-    disabled = _ref99.disabled,
-    otp = _ref99.otp;
-  var fill = otp ? otp[index] : '';
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Digit, {
-    disabled: disabled,
-    "data-testid": "otp-".concat(index)
-  }, fill);
-};
-var OTPInput = function OTPInput(_ref100) {
-  var otp = _ref100.otp,
-    setOtp = _ref100.setOtp,
-    disabled = _ref100.disabled;
-  var onPasscodeChange = function onPasscodeChange(e) {
-    if (!/^\d*$/.test(e.target.value)) {
-      return;
-    }
-    setOtp(e.target.value);
-  };
-  return /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
-    style: otpContainerStyles
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement("input", Object.assign({
-    "aria-label": "One-time passcode",
-    autoComplete: "one-time-code",
-    autoFocus: true,
-    disabled: disabled,
-    style: invisibleInputStyles,
-    maxLength: 6,
-    onChange: onPasscodeChange,
-    type: "text",
-    inputMode: "numeric",
-    value: otp
-  }, extractErrorMessage.passwordManagerDisableAutofillProps)), /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
-    style: digitsContainerStyles
-  }, _toConsumableArray(Array(6).keys()).map(function (i) {
-    return /*#__PURE__*/extractErrorMessage.wn.createElement(DigitAtIndex, {
-      key: "digit-".concat(i),
-      index: i,
-      otp: otp,
-      disabled: !!disabled
-    });
-  })));
-};
-var OTP_CODE_LENGTH = 6;
-var OTPControl = function OTPControl(_ref101) {
-  var isSubmitting = _ref101.isSubmitting,
-    onSubmit = _ref101.onSubmit,
-    errorMessage = _ref101.errorMessage;
-  var _extractErrorMessage$65 = extractErrorMessage.h(''),
-    _extractErrorMessage$66 = _slicedToArray(_extractErrorMessage$65, 2),
-    otp = _extractErrorMessage$66[0],
-    setOtp = _extractErrorMessage$66[1];
-  var handleOtpChange = function handleOtpChange(otp) {
-    setOtp(otp);
-    if (otp.length === OTP_CODE_LENGTH) {
-      onSubmit(otp);
-    }
-  };
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-    direction: "column",
-    maxWidth: 316
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(OTPInput, {
-    otp: otp,
-    setOtp: handleOtpChange,
-    disabled: isSubmitting
-  }), /*#__PURE__*/extractErrorMessage.wn.createElement(AnimatedContainer, {
-    isOpen: isSubmitting
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-    direction: "column",
-    gap: 8,
-    marginTop: 8
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
-    color: "secondary",
-    size: "helper"
-  }, "Verifying passcode..."), /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingBar, {
-    isLoading: isSubmitting
-  }))), !isSubmitting && /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
-    errorMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : ''
-  }));
-};
-var OTPEntry = function OTPEntry(_ref102) {
-  var header = _ref102.header,
-    helperContent = _ref102.helperContent,
-    instruction = _ref102.instruction,
-    isSubmitting = _ref102.isSubmitting,
-    onSubmit = _ref102.onSubmit,
-    errorMessage = _ref102.errorMessage;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-    direction: "column",
-    gap: 24
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
-    size: "header"
-  }, header), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, instruction), /*#__PURE__*/extractErrorMessage.wn.createElement(OTPControl, {
-    isSubmitting: isSubmitting,
-    onSubmit: onSubmit,
-    errorMessage: errorMessage
-  }), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
-    size: "helper",
-    color: "secondary"
-  }, helperContent));
-};
-var getSecondsRemaining = function getSecondsRemaining(expiration) {
-  var now = new Date();
-  return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
-};
-var ExpirationMessage = function ExpirationMessage(_ref103) {
-  var expiration = _ref103.expiration,
-    resendOTP = _ref103.resendOTP;
-  var _extractErrorMessage$67 = extractErrorMessage.h(function () {
-      return getSecondsRemaining(expiration);
-    }),
-    _extractErrorMessage$68 = _slicedToArray(_extractErrorMessage$67, 2),
-    seconds = _extractErrorMessage$68[0],
-    setSeconds = _extractErrorMessage$68[1];
-  var codeExpired = seconds <= 0;
-  extractErrorMessage.p(function () {
-    if (!codeExpired) {
-      var updateSeconds = function updateSeconds() {
-        return setSeconds(getSecondsRemaining(expiration));
-      };
-      var interval = setInterval(updateSeconds, 1000);
-      updateSeconds();
-      return function () {
-        return clearInterval(interval);
-      };
-    }
-  }, [codeExpired, expiration]);
-  var displayMinutes = Math.floor(Number(seconds / 60));
-  var displaySeconds = seconds - displayMinutes * 60;
-  var formattedTime = "".concat(displayMinutes, ":").concat(displaySeconds < 10 ? "0".concat(displaySeconds) : displaySeconds);
-  var formattedText = seconds > 0 ? "Your code expires in ".concat(formattedTime, ". Didn't get it? ") : 'Your code has expired. ';
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, formattedText, /*#__PURE__*/extractErrorMessage.wn.createElement(InlineButton, {
-    onClick: resendOTP
-  }, "Resend code"));
-};
-var SentOTPEntry = function SentOTPEntry(_ref104) {
-  var expiration = _ref104.expiration,
-    formattedDestination = _ref104.formattedDestination,
-    isSubmitting = _ref104.isSubmitting,
-    onSubmit = _ref104.onSubmit,
-    errorMessage = _ref104.errorMessage,
-    resendOTP = _ref104.resendOTP;
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
-    header: "Enter passcode",
-    helperContent: /*#__PURE__*/extractErrorMessage.wn.createElement(ExpirationMessage, {
-      expiration: expiration,
-      resendOTP: resendOTP
-    }),
-    instruction: /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, "A 6-digit passcode was sent to you at ", /*#__PURE__*/extractErrorMessage.wn.createElement("b", null, formattedDestination), "."),
-    isSubmitting: isSubmitting,
-    onSubmit: onSubmit,
-    errorMessage: errorMessage
-  });
-};
 var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
   var _a;
   var stytchClient = useStytch();
   var _useConfig3 = useConfig(),
     sessionDurationMinutes = _useConfig3.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer55 = useGlobalReducer(),
-    _useGlobalReducer56 = _slicedToArray(_useGlobalReducer55, 2),
-    state = _useGlobalReducer56[0],
-    dispatch = _useGlobalReducer56[1];
+  var _useGlobalReducer67 = useGlobalReducer(),
+    _useGlobalReducer68 = _slicedToArray(_useGlobalReducer67, 2),
+    state = _useGlobalReducer68[0],
+    dispatch = _useGlobalReducer68[1];
   var _state$mfa = state.mfa,
     isEnrolling = _state$mfa.isEnrolling,
     _state$mfa$smsOtp2 = _state$mfa.smsOtp,
@@ -5318,10 +5882,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 (_, _ref105) {
-      var _ref105$arg = _ref105.arg,
-        memberId = _ref105$arg.memberId,
-        organizationId = _ref105$arg.organizationId;
+  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref112) {
+      var _ref112$arg = _ref112.arg,
+        memberId = _ref112$arg.memberId,
+        organizationId = _ref112$arg.organizationId;
       dispatch({
         type: 'sms_otp/send'
       });
@@ -5350,12 +5914,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     sendSms = _useMutate9.trigger,
     isSending = _useMutate9.isMutating,
     sendError = _useMutate9.error;
-  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref106) {
-      var _ref106$arg = _ref106.arg,
-        otp = _ref106$arg.otp,
-        memberId = _ref106$arg.memberId,
-        organizationId = _ref106$arg.organizationId,
-        sessionDurationMinutes = _ref106$arg.sessionDurationMinutes;
+  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;
       return stytchClient.otps.sms.authenticate({
         code: otp,
         member_id: memberId,
@@ -5484,10 +6048,10 @@ var CodeContainer = extractErrorMessage.He(InsetContainer)(_templateObject63 ||
 var Spacer = extractErrorMessage.He.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n  flex: 0 1 24px;\n"])));
 var Code = extractErrorMessage.He.code(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n  white-space: pre-wrap;\n  align-self: center;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1ch;\n"])));
 var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
-  var _useGlobalReducer57 = useGlobalReducer(),
-    _useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
-    state = _useGlobalReducer58[0],
-    dispatch = _useGlobalReducer58[1];
+  var _useGlobalReducer69 = useGlobalReducer(),
+    _useGlobalReducer70 = _slicedToArray(_useGlobalReducer69, 2),
+    state = _useGlobalReducer70[0],
+    dispatch = _useGlobalReducer70[1];
   var secret = state.mfa.totp.enrollment.secret;
   var displaySecret = secret.toLowerCase();
   var secretChunked = displaySecret.split(/(.{4})/g).filter(Boolean);
@@ -5555,10 +6119,10 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
 var QRCodeImg = extractErrorMessage.He.img(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n"])));
 var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
   var stytchClient = useStytch();
-  var _useGlobalReducer59 = useGlobalReducer(),
-    _useGlobalReducer60 = _slicedToArray(_useGlobalReducer59, 2),
-    state = _useGlobalReducer60[0],
-    dispatch = _useGlobalReducer60[1];
+  var _useGlobalReducer71 = useGlobalReducer(),
+    _useGlobalReducer72 = _slicedToArray(_useGlobalReducer71, 2),
+    state = _useGlobalReducer72[0],
+    dispatch = _useGlobalReducer72[1];
   var _state$mfa$totp = state.mfa.totp,
     createError = _state$mfa$totp.createError,
     enrollment = _state$mfa$totp.enrollment,
@@ -5566,10 +6130,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 (_, _ref107) {
-      var _ref107$arg = _ref107.arg,
-        memberId = _ref107$arg.memberId,
-        organizationId = _ref107$arg.organizationId;
+  var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref114) {
+      var _ref114$arg = _ref114.arg,
+        memberId = _ref114$arg.memberId,
+        organizationId = _ref114$arg.organizationId;
       dispatch({
         type: 'totp/create'
       });
@@ -5635,11 +6199,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null)));
 };
-var TOTPEntry = function TOTPEntry(_ref108) {
-  var helperContent = _ref108.helperContent,
-    isSubmitting = _ref108.isSubmitting,
-    onSubmit = _ref108.onSubmit,
-    errorMessage = _ref108.errorMessage;
+var TOTPEntry = function TOTPEntry(_ref115) {
+  var helperContent = _ref115.helperContent,
+    isSubmitting = _ref115.isSubmitting,
+    onSubmit = _ref115.onSubmit,
+    errorMessage = _ref115.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -5653,22 +6217,22 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
   var stytchClient = useStytch();
   var _useConfig4 = useConfig(),
     sessionDurationMinutes = _useConfig4.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer61 = useGlobalReducer(),
-    _useGlobalReducer62 = _slicedToArray(_useGlobalReducer61, 2),
-    state = _useGlobalReducer62[0],
-    dispatch = _useGlobalReducer62[1];
+  var _useGlobalReducer73 = useGlobalReducer(),
+    _useGlobalReducer74 = _slicedToArray(_useGlobalReducer73, 2),
+    state = _useGlobalReducer74[0],
+    dispatch = _useGlobalReducer74[1];
   var isEnrolling = state.mfa.isEnrolling;
   var _state$mfa$primaryInf5 = state.mfa.primaryInfo,
     enrolledMfaMethods = _state$mfa$primaryInf5.enrolledMfaMethods,
     memberId = _state$mfa$primaryInf5.memberId,
     organizationId = _state$mfa$primaryInf5.organizationId,
     organizationMfaOptionsSupported = _state$mfa$primaryInf5.organizationMfaOptionsSupported;
-  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref109) {
-      var _ref109$arg = _ref109.arg,
-        memberId = _ref109$arg.memberId,
-        organizationId = _ref109$arg.organizationId,
-        otp = _ref109$arg.otp,
-        sessionDurationMinutes = _ref109$arg.sessionDurationMinutes;
+  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;
       return stytchClient.totp.authenticate({
         code: otp,
         member_id: memberId,
@@ -5741,49 +6305,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 (_ref110) {
-  var theme = _ref110.theme;
+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 (_ref111) {
-  var theme = _ref111.theme;
+}, function (_ref118) {
+  var theme = _ref118.theme;
   return theme.typography.fontFamily;
-}, function (_ref112) {
-  var theme = _ref112.theme;
+}, function (_ref119) {
+  var theme = _ref119.theme;
   return theme.container.backgroundColor;
-}, function (_ref113) {
-  var theme = _ref113.theme;
+}, function (_ref120) {
+  var theme = _ref120.theme;
   return theme.container.border;
-}, function (_ref114) {
-  var theme = _ref114.theme;
+}, function (_ref121) {
+  var theme = _ref121.theme;
   return theme.container.borderRadius;
-}, function (_ref115) {
-  var theme = _ref115.theme,
-    displayWatermark = _ref115.displayWatermark;
+}, function (_ref122) {
+  var theme = _ref122.theme,
+    displayWatermark = _ref122.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref116) {
-  var theme = _ref116.theme,
-    displayWatermark = _ref116.displayWatermark;
+}, function (_ref123) {
+  var theme = _ref123.theme,
+    displayWatermark = _ref123.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref117) {
-  var theme = _ref117.theme,
-    displayWatermark = _ref117.displayWatermark;
+}, function (_ref124) {
+  var theme = _ref124.theme,
+    displayWatermark = _ref124.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 (_ref118) {
-  var theme = _ref118.theme;
+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 (_ref119) {
-  var theme = _ref119.theme;
+}, function (_ref126) {
+  var theme = _ref126.theme;
   return theme.container.backgroundColor;
-}, function (_ref120) {
-  var theme = _ref120.theme;
+}, function (_ref127) {
+  var theme = _ref127.theme;
   return theme.container.border;
-}, function (_ref121) {
-  var theme = _ref121.theme;
+}, function (_ref128) {
+  var theme = _ref128.theme;
   return theme.container.borderRadius;
-}, function (_ref122) {
-  var theme = _ref122.theme;
+}, function (_ref129) {
+  var theme = _ref129.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"])));
@@ -5805,29 +6369,24 @@ var isSupportedTokenType = function isSupportedTokenType(tokenType) {
 };
 var AppContainer$1 = function AppContainer$1() {
   var _ScreenComponentMap;
-  var _useGlobalReducer63 = useGlobalReducer(),
-    _useGlobalReducer64 = _slicedToArray(_useGlobalReducer63, 2),
-    state = _useGlobalReducer64[0],
-    dispatch = _useGlobalReducer64[1];
+  var _useGlobalReducer75 = useGlobalReducer(),
+    _useGlobalReducer76 = _slicedToArray(_useGlobalReducer75, 2),
+    state = _useGlobalReducer76[0],
+    dispatch = _useGlobalReducer76[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var _extractErrorMessage$69 = extractErrorMessage.Ze(),
     displayWatermark = _extractErrorMessage$69.displayWatermark;
   var isOnlyFloatingOneTap = useIsOnlyFloatingOneTap();
   var currentScreen = state.screen;
-  var ScreenComponentMap = (_ScreenComponentMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.Main, /*#__PURE__*/extractErrorMessage.wn.createElement(MainScreen, null)), AppScreens$1.EmailConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailConfirmation, null)), AppScreens$1.LoggedIn, /*#__PURE__*/extractErrorMessage.wn.createElement(ConfirmationScreen, null)), AppScreens$1.Discovery, /*#__PURE__*/extractErrorMessage.wn.createElement(Discovery, null)), AppScreens$1.Error, /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorScreen, null)), AppScreens$1.PasswordEmailForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsEmailForm, null)), AppScreens$1.PasswordAuthenticate, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsAuthenticate, null)), AppScreens$1.PasswordResetForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetForm, null)), AppScreens$1.PasswordResetVerifyConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetConfirmation, null)), AppScreens$1.PasswordForgotForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsForgotForm, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.PasswordSetNewConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordSetNew, null)), AppScreens$1.MFAEnrollmentSelection, /*#__PURE__*/extractErrorMessage.wn.createElement(MFAEnrollmentSelectionScreen, null)), AppScreens$1.SMSOTPEnrollment, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEnrollScreen, null)), AppScreens$1.SMSOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEntryScreen, null)), AppScreens$1.RecoveryCodeEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeEntryScreen, null)), AppScreens$1.RecoveryCodeSave, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeSaveScreen, null)), AppScreens$1.TOTPEnrollmentQRCode, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollQRScreen, null)), AppScreens$1.TOTPEnrollmentManual, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollManualScreen, null)), AppScreens$1.TOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEntryScreen, null)));
+  var ScreenComponentMap = (_ScreenComponentMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.Main, /*#__PURE__*/extractErrorMessage.wn.createElement(MainScreen, null)), AppScreens$1.EmailConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailConfirmation, null)), AppScreens$1.LoggedIn, /*#__PURE__*/extractErrorMessage.wn.createElement(ConfirmationScreen, null)), AppScreens$1.Discovery, /*#__PURE__*/extractErrorMessage.wn.createElement(Discovery, null)), AppScreens$1.Error, /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorScreen, null)), AppScreens$1.PasswordEmailForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsEmailForm, null)), AppScreens$1.PasswordAuthenticate, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsAuthenticate, null)), AppScreens$1.PasswordResetForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetForm, null)), AppScreens$1.PasswordResetVerifyConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetConfirmation, null)), AppScreens$1.PasswordForgotForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsForgotForm, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.PasswordSetNewConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordSetNew, null)), AppScreens$1.MFAEnrollmentSelection, /*#__PURE__*/extractErrorMessage.wn.createElement(MFAEnrollmentSelectionScreen, null)), AppScreens$1.SMSOTPEnrollment, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEnrollScreen, null)), AppScreens$1.SMSOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEntryScreen, null)), AppScreens$1.RecoveryCodeEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeEntryScreen, null)), AppScreens$1.RecoveryCodeSave, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeSaveScreen, null)), AppScreens$1.TOTPEnrollmentQRCode, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollQRScreen, null)), AppScreens$1.TOTPEnrollmentManual, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollManualScreen, null)), AppScreens$1.TOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEntryScreen, null)), AppScreens$1.EmailMethodSelection, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailMethodSelectionScreen, null)), _defineProperty(_ScreenComponentMap, AppScreens$1.EmailOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailOTPEntryScreen, null)));
   var onSuccess = function onSuccess(data) {
     clearStytchSearchParams();
     onAuthenticateSuccess(data, dispatch, config);
   };
   var onDiscoverySuccess = function onDiscoverySuccess(data) {
     clearStytchSearchParams();
-    dispatch({
-      type: 'set_discovery_state',
-      email: data.email_address,
-      discoveredOrganizations: data.discovered_organizations,
-      intermediateSessionToken: data.intermediate_session_token
-    });
+    onDiscoveryAuthenticateSuccess(data, dispatch);
   };
   var handleStytchAPIError = function handleStytchAPIError(defaultErrorType) {
     return function (error) {
@@ -5843,8 +6402,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref123) {
-      var token = _ref123.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref130) {
+      var token = _ref130.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5855,8 +6414,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref124) {
-      var token = _ref124.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref131) {
+      var token = _ref131.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5867,8 +6426,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref125) {
-      var token = _ref125.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref132) {
+      var token = _ref132.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -5878,8 +6437,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref126) {
-      var token = _ref126.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref133) {
+      var token = _ref133.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5890,8 +6449,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref127) {
-      var token = _ref127.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref134) {
+      var token = _ref134.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -6000,11 +6559,11 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref128) {
-  var client = _ref128.client,
-    styles = _ref128.styles,
-    callbacks = _ref128.callbacks,
-    config = _ref128.config;
+var AppContainer = function AppContainer(_ref135) {
+  var client = _ref135.client,
+    styles = _ref135.styles,
+    callbacks = _ref135.callbacks,
+    config = _ref135.config;
   var _extractErrorMessage$70 = extractErrorMessage.h(function () {
       var _internal$readB2BInte5 = internal.readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _internal$readB2BInte5.displayWatermark;
@@ -6020,8 +6579,8 @@ var AppContainer = function AppContainer(_ref128) {
         options: config
       }
     });
-    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref129) {
-      var displayWatermark = _ref129.displayWatermark;
+    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref136) {
+      var displayWatermark = _ref136.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -6051,18 +6610,18 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
   function StytchB2BUIClient() {
     _classCallCheck(this, StytchB2BUIClient);
     internal.checkNotSSR('StytchUIClient');
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
+      args[_key2] = arguments[_key2];
     }
     return _callSuper(this, StytchB2BUIClient, [].concat(args));
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref130) {
-      var elementId = _ref130.elementId,
-        styles = _ref130.styles,
-        callbacks = _ref130.callbacks,
-        config = _ref130.config;
+    value: function mount(_ref137) {
+      var elementId = _ref137.elementId,
+        styles = _ref137.styles,
+        callbacks = _ref137.callbacks,
+        config = _ref137.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {