@stytch/vanilla-js 5.6.2 → 5.8.0

package/dist/b2b/index.esm.js

@@ -17,22 +17,22 @@ 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; }
 import { StytchB2BHeadlessClient } from './index.headless.esm.js';
-import { i as isTruthy, w as wn, q, F as F$1, m as merge, a as w$1, y, g as g$1, p as p$1, T as T$1, h as h$2, H as He, b as withMiddleware, u as useSWR, c as useSWRConfig, _ as _$1, d as useStateWithDeps, s as serialize, e as mergeObjects, f as getTimestamp, U as UNDEFINED, j as useIsomorphicLayoutEffect, k as Ue, l as passwordManagerDisableAutofillProps, Z as Ze, n as extractErrorMessage, C as CreateSSRSafeWebComponent, o as Fe } from '../extractErrorMessage-Ddemk2Gq.js';
-import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, _ as __awaiter, E as EMAIL_REGEX, c as StytchAPIError, d as B2BOAuthProviders, l as logger, e as OneTapPositions, i as isTestPublicToken, f as debounce, C as COUNTRIES_LIST, g as StytchSDKError, h as checkNotSSR } from '../internal-B_3PRrIX.js';
-export { j as BiometricsFailedError, k as BiometricsUnavailableError, m as ChallengeSigningFailedError, n as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, o as FailedToDecryptDataError, I as InternalError, p as InvalidAuthorizationCredentialError, q as InvalidCredentialTypeError, s as InvalidRedirectSchemeError, t as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, u as KeystoreUnavailableError, M as MissingAttestationObjectError, v as MissingAuthorizationCredentialIDTokenError, w as MissingGoogleClientIDError, x as MissingPKCEError, y as MissingPublicKeyError, z as MissingUrlError, N as NoBiometricsEnrolledError, G as NoBiometricsRegistrationError, H as NoCredentialsPresentError, L as NoCurrentSessionError, O as OAuthProviders, Q as PasskeysInvalidEncoding, R as PasskeysMisconfigured, T as PasskeysUnsupportedError, U as RNUIProducts, V as RandomNumberGenerationFailed, X as SDKAPIUnreachableError, Y as SDKNotConfiguredError, Z as SignInWithAppleMisconfigured, $ as StytchAPISchemaError, a0 as StytchAPIUnreachableError, a1 as StytchError, a2 as StytchSDKAPIError, a3 as StytchSDKSchemaError, a4 as StytchSDKUsageError, a5 as UNRECOVERABLE_ERROR_TYPES, a6 as UserCancellationError, a7 as UserLockedOutError, a8 as errorToStytchError } from '../internal-B_3PRrIX.js';
+import { i as isTruthy, w as wn, q, F as F$1, m as merge, a as w$1, y, g as g$1, p as p$1, T as T$1, h as h$2, H as He, b as passwordManagerDisableAutofillProps, U as Ue, c as withMiddleware, u as useSWR, d as useSWRConfig, _ as _$1, e as useStateWithDeps, s as serialize, f as mergeObjects, j as getTimestamp, k as UNDEFINED, l as useIsomorphicLayoutEffect, Z as Ze, n as extractErrorMessage, C as CreateSSRSafeWebComponent, o as Fe } from '../extractErrorMessage-CYXucHbA.js';
+import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, _ as __rest, c as B2BOAuthProviders, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, d as __awaiter, E as EMAIL_REGEX, e as StytchAPIError, l as logger, f as OneTapPositions, i as isTestPublicToken, g as debounce, C as COUNTRIES_LIST, h as StytchSDKError, j as checkNotSSR } from '../internal-HC6WhS3G.js';
+export { k as BiometricsFailedError, m as BiometricsUnavailableError, n as ChallengeSigningFailedError, o as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, p as FailedToDecryptDataError, I as InternalError, q as InvalidAuthorizationCredentialError, s as InvalidCredentialTypeError, t as InvalidRedirectSchemeError, u as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, v as KeystoreUnavailableError, M as MissingAttestationObjectError, w as MissingAuthorizationCredentialIDTokenError, x as MissingGoogleClientIDError, y as MissingPKCEError, z as MissingPublicKeyError, G as MissingUrlError, N as NoBiometricsEnrolledError, H as NoBiometricsRegistrationError, L as NoCredentialsPresentError, Q as NoCurrentSessionError, O as OAuthProviders, R as PasskeysInvalidEncoding, T as PasskeysMisconfigured, U as PasskeysUnsupportedError, V as RNUIProducts, X as RandomNumberGenerationFailed, Y as SDKAPIUnreachableError, Z as SDKNotConfiguredError, $ as SignInWithAppleMisconfigured, a0 as StytchAPISchemaError, a1 as StytchAPIUnreachableError, a2 as StytchError, a3 as StytchSDKAPIError, a4 as StytchSDKSchemaError, a5 as StytchSDKUsageError, a6 as UNRECOVERABLE_ERROR_TYPES, a7 as UserCancellationError, a8 as UserLockedOutError, a9 as errorToStytchError } from '../internal-HC6WhS3G.js';
 var DEFAULT_MFA_STATE = {
   primaryInfo: null,
   isEnrolling: false,
@@ -342,20 +342,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
             }
           })
         });
@@ -426,6 +442,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);
   }
@@ -451,6 +479,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) {
@@ -462,9 +492,13 @@ var ErrorType;
 })(ErrorType || (ErrorType = {}));
 var DEFAULT_STATE = {
   screen: AppScreens$1.Main,
+  screenHistory: [],
   formState: {
-    magicLinkState: {
-      email: ''
+    emailState: {
+      userSuppliedEmail: ''
+    },
+    otpState: {
+      codeExpiration: null
     },
     discoveryState: {
       email: '',
@@ -1510,186 +1544,495 @@ var ErrorScreen = function ErrorScreen() {
     size: "header"
   }, "Looks like there was an error!"), /*#__PURE__*/wn.createElement(ErrorSVG, null), /*#__PURE__*/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 _useSWRConfig = useSWRConfig(),
-      mutate = _useSWRConfig.mutate;
-    var keyRef = _$1(key);
-    var fetcherRef = _$1(fetcher);
-    var configRef = _$1(config);
-    var ditchMutationsUntilRef = _$1(0);
-    var _useStateWithDeps = useStateWithDeps({
-        data: UNDEFINED,
-        error: UNDEFINED,
-        isMutating: false
-      }),
-      _useStateWithDeps2 = _slicedToArray(_useStateWithDeps, 3),
-      stateRef = _useStateWithDeps2[0],
-      stateDependencies = _useStateWithDeps2[1],
-      setState = _useStateWithDeps2[2];
-    var currentState = stateRef.current;
-    var trigger = T$1( /*#__PURE__*/function () {
-      var _ref39 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
-        var _serialize, _serialize2, serializedKey, resolvedKey, options, mutationStartedAt, data;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _serialize = serialize(keyRef.current), _serialize2 = _slicedToArray(_serialize, 2), serializedKey = _serialize2[0], resolvedKey = _serialize2[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 = mergeObjects(mergeObjects({
-                populateCache: false,
-                throwOnError: true
-              }, configRef.current), opts);
-              mutationStartedAt = getTimestamp();
-              ditchMutationsUntilRef.current = mutationStartedAt;
-              setState({
-                isMutating: true
-              });
-              _context.prev = 9;
-              _context.next = 12;
-              return mutate(serializedKey, fetcherRef.current(resolvedKey, {
-                arg: arg
-              }), 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 = T$1(function () {
-      ditchMutationsUntilRef.current = getTimestamp();
-      setState({
-        data: UNDEFINED,
-        error: UNDEFINED,
-        isMutating: false
-      });
-    }, []);
-    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 = withMiddleware(useSWR, mutation);
-var KeyToStytchEventMap = {
-  'stytch.magicLinks.authenticate': StytchEventType.B2BMagicLinkAuthenticate,
-  'stytch.sso.authenticate': StytchEventType.B2BSSOAuthenticate,
-  'stytch.magicLinks.discovery.authenticate': StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
-  'stytch.discovery.organization.create': StytchEventType.B2BDiscoveryOrganizationsCreate,
-  'stytch.discovery.intermediateSessions.exchange': StytchEventType.B2BDiscoveryIntermediateSessionExchange,
-  'stytch.magicLinks.email.loginOrSignup': StytchEventType.B2BMagicLinkEmailLoginOrSignup,
-  'stytch.magicLinks.discovery.send': StytchEventType.B2BMagicLinkEmailDiscoverySend,
-  'stytch.oauth.authenticate': StytchEventType.B2BOAuthAuthenticate,
-  'stytch.oauth.discovery.authenticate': StytchEventType.B2BOAuthDiscoveryAuthenticate,
-  'stytch.otps.sms.send': StytchEventType.B2BSMSOTPSend,
-  'stytch.otps.sms.authenticate': StytchEventType.B2BSMSOTPAuthenticate,
-  'stytch.totp.create': StytchEventType.B2BTOTPCreate,
-  'stytch.totp.authenticate': StytchEventType.B2BTOTPAuthenticate,
-  'stytch.recoveryCodes.recover': 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 = 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__*/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 ? 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__*/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 _h$3 = h$2(),
-    _h$4 = _slicedToArray(_h$3, 2),
-    pattern = _h$4[0],
-    setPattern = _h$4[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 = F$1(function () {
+    return mapURLsToLinks(errorMessage);
+  }, [errorMessage]);
+  return /*#__PURE__*/wn.createElement(Text, {
+    size: "helper",
+    color: "error"
+  }, tokens);
+};
+var Button = 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 = Ue(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+var circularDashKeyframe = 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 = 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 = 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 = He.svg(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: block;\n"])));
+var CircularProgress = function CircularProgress(_ref41) {
+  var size = _ref41.size,
+    thickness = _ref41.thickness;
+  return /*#__PURE__*/wn.createElement(CircularProgressRoot, {
+    size: size
+  }, /*#__PURE__*/wn.createElement(CircularProgressSVG, {
+    viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size)
+  }, /*#__PURE__*/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 = __rest(_a, ["children", "isLoading"]);
+  return /*#__PURE__*/wn.createElement(Button, Object.assign({}, buttonProps), isLoading ? ( /*#__PURE__*/wn.createElement(Flex, {
+    justifyContent: "center"
+  }, /*#__PURE__*/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__*/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 === 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({}, B2BProducts.oauth, undefined), B2BProducts.sso, 'sso'), B2BProducts.emailMagicLinks, 'magic_link'), B2BProducts.emailOtp, 'email_otp'), B2BProducts.passwords, 'password');
+var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BOAuthProviders.Google, 'google_oauth'), B2BOAuthProviders.Microsoft, 'microsoft_oauth'), B2BOAuthProviders.HubSpot, 'hubspot_oauth'), B2BOAuthProviders.Slack, 'slack_oauth'), 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 B2BProducts.oauth;
+  }
+  return authMethodsToProducts[authMethod];
+};
+var allProducts = Object.keys(productsToAuthMethods);
+var allOauthProviders = Object.values(B2BOAuthProviders);
+var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, oauthProviders) {
+  return products.reduce(function (acc, product) {
+    if (product === 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 F$1(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 = F$1(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 = F$1(function () {
+    return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
+  }, [config.products, oauthProviderConfigs]);
+  var authMethodsToShow = F$1(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 = F$1(function () {
+    return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(isTruthy)));
+  }, [authMethodsToShow]);
+  var oauthProviderSettings = F$1(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(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 _useSWRConfig = useSWRConfig(),
+      mutate = _useSWRConfig.mutate;
+    var keyRef = _$1(key);
+    var fetcherRef = _$1(fetcher);
+    var configRef = _$1(config);
+    var ditchMutationsUntilRef = _$1(0);
+    var _useStateWithDeps = useStateWithDeps({
+        data: UNDEFINED,
+        error: UNDEFINED,
+        isMutating: false
+      }),
+      _useStateWithDeps2 = _slicedToArray(_useStateWithDeps, 3),
+      stateRef = _useStateWithDeps2[0],
+      stateDependencies = _useStateWithDeps2[1],
+      setState = _useStateWithDeps2[2];
+    var currentState = stateRef.current;
+    var trigger = T$1( /*#__PURE__*/function () {
+      var _ref47 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
+        var _serialize, _serialize2, serializedKey, resolvedKey, options, mutationStartedAt, data;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _serialize = serialize(keyRef.current), _serialize2 = _slicedToArray(_serialize, 2), serializedKey = _serialize2[0], resolvedKey = _serialize2[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 = mergeObjects(mergeObjects({
+                populateCache: false,
+                throwOnError: true
+              }, configRef.current), opts);
+              mutationStartedAt = getTimestamp();
+              ditchMutationsUntilRef.current = mutationStartedAt;
+              setState({
+                isMutating: true
+              });
+              _context.prev = 9;
+              _context.next = 12;
+              return mutate(serializedKey, fetcherRef.current(resolvedKey, {
+                arg: arg
+              }), 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 = T$1(function () {
+      ditchMutationsUntilRef.current = getTimestamp();
+      setState({
+        data: UNDEFINED,
+        error: UNDEFINED,
+        isMutating: false
+      });
+    }, []);
+    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 = withMiddleware(useSWR, mutation);
+var KeyToStytchEventMap = {
+  'stytch.magicLinks.authenticate': StytchEventType.B2BMagicLinkAuthenticate,
+  'stytch.sso.authenticate': StytchEventType.B2BSSOAuthenticate,
+  'stytch.magicLinks.discovery.authenticate': StytchEventType.B2BMagicLinkDiscoveryAuthenticate,
+  'stytch.discovery.organization.create': StytchEventType.B2BDiscoveryOrganizationsCreate,
+  'stytch.discovery.intermediateSessions.exchange': StytchEventType.B2BDiscoveryIntermediateSessionExchange,
+  'stytch.magicLinks.email.loginOrSignup': StytchEventType.B2BMagicLinkEmailLoginOrSignup,
+  'stytch.magicLinks.discovery.send': StytchEventType.B2BMagicLinkEmailDiscoverySend,
+  'stytch.oauth.authenticate': StytchEventType.B2BOAuthAuthenticate,
+  'stytch.oauth.discovery.authenticate': StytchEventType.B2BOAuthDiscoveryAuthenticate,
+  'stytch.otps.sms.send': StytchEventType.B2BSMSOTPSend,
+  'stytch.otps.sms.authenticate': StytchEventType.B2BSMSOTPAuthenticate,
+  'stytch.totp.create': StytchEventType.B2BTOTPCreate,
+  'stytch.totp.authenticate': StytchEventType.B2BTOTPAuthenticate,
+  'stytch.recoveryCodes.recover': 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 _h$3 = h$2(),
+    _h$4 = _slicedToArray(_h$3, 2),
+    pattern = _h$4[0],
+    setPattern = _h$4[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',
@@ -1706,8 +2049,8 @@ var useExtractSlug = function useExtractSlug() {
     trigger = _useMutate.trigger,
     isSearching = _useMutate.isMutating;
   p$1(function () {
-    readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref42) {
-      var slugPattern = _ref42.slugPattern;
+    readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref50) {
+      var slugPattern = _ref50.slugPattern;
       setPattern(slugPattern);
     });
   }, [stytchClient]);
@@ -1744,11 +2087,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();
@@ -1792,6 +2143,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: 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);
@@ -1844,6 +2223,7 @@ var usePasswordInput = function usePasswordInput() {
     isSubmitting: isSubmitting,
     setIsSubmitting: setIsSubmitting,
     submitPassword: submitPassword,
+    submitDiscoveryPassword: submitDiscoveryPassword,
     handleNonMemberReset: handleNonMemberReset
   };
 };
@@ -1858,192 +2238,138 @@ var extractFromPattern = function extractFromPattern(pattern) {
   }
   return null;
 };
-var Button = 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 = Ue(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var circularDashKeyframe = 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 = 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 = 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 = He.svg(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: block;\n"])));
-var CircularProgress = function CircularProgress(_ref43) {
-  var size = _ref43.size,
-    thickness = _ref43.thickness;
-  return /*#__PURE__*/wn.createElement(CircularProgressRoot, {
-    size: size
-  }, /*#__PURE__*/wn.createElement(CircularProgressSVG, {
-    viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size)
-  }, /*#__PURE__*/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__*/wn.createElement(Button, {
-    id: 'submit',
-    type: "submit",
-    disabled: buttonDisabled,
-    variant: props.variant
-  }, props.isSubmitting ? ( /*#__PURE__*/wn.createElement(Flex, {
-    justifyContent: "center"
-  }, /*#__PURE__*/wn.createElement(CircularProgress, {
-    size: 18,
-    thickness: 1,
-    "data-testid": "loading-icon"
-  }))) : props.text);
-};
-var Input = 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__*/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 ? 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__*/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 = F$1(function () {
-    return mapURLsToLinks(errorMessage);
-  }, [errorMessage]);
-  return /*#__PURE__*/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 _h$15 = h$2(''),
     _h$16 = _slicedToArray(_h$15, 2),
     emailInput = _h$16[0],
     setEmailInput = _h$16[1];
+  var _useEffectiveAuthConf = useEffectiveAuthConfig(),
+    products = _useEffectiveAuthConf.products;
+  var enableEml = products.includes(B2BProducts.emailMagicLinks);
+  var enableOtp = products.includes(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__*/wn.createElement(wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
@@ -2052,23 +2378,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__*/wn.createElement(ErrorText, {
+    errorMessage: parseErrorMessage(error, {
+      email: email,
+      org: organization.organization_name
+    })
+  }));
+  if (providedEmail) {
+    return /*#__PURE__*/wn.createElement(Flex, {
+      direction: "column",
+      gap: 8
+    }, products.filter(function (product) {
+      return product === B2BProducts.emailMagicLinks || product === B2BProducts.emailOtp;
+    }).map(function (product) {
+      switch (product) {
+        case B2BProducts.emailMagicLinks:
+          return /*#__PURE__*/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 B2BProducts.emailOtp:
+          return /*#__PURE__*/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__*/wn.createElement("form", {
     onSubmit: handleSubmit
-  }, providedEmail ? ( /*#__PURE__*/wn.createElement(SubmitButton, {
-    isSubmitting: isMutating,
-    text: 'Email me a link',
-    variant: "text"
-  })) : ( /*#__PURE__*/wn.createElement(Flex, {
+  }, /*#__PURE__*/wn.createElement(Flex, {
     direction: "column",
     gap: 8
   }, /*#__PURE__*/wn.createElement(Flex, {
@@ -2077,62 +2472,65 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
   }, /*#__PURE__*/wn.createElement(EmailInput, {
     email: email,
     setEmail: setEmailInput
-  }), error && ( /*#__PURE__*/wn.createElement(ErrorText, {
-    errorMessage: parseErrorMessage(error, {
-      email: email,
-      org: organization.organization_name
-    })
-  }))), /*#__PURE__*/wn.createElement(SubmitButton, {
+  }), errorText), /*#__PURE__*/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 _h$17 = h$2(''),
     _h$18 = _slicedToArray(_h$17, 2),
     email = _h$18[0],
     setEmail = _h$18[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(B2BProducts.emailMagicLinks);
+  var enableOtp = products.includes(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 __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__*/wn.createElement("form", {
     onSubmit: handleSubmit
   }, /*#__PURE__*/wn.createElement(Flex, {
@@ -2151,9 +2549,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() {
@@ -2180,9 +2578,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__*/y(g$1, null);
   return /*#__PURE__*/y(Flex, {
     direction: "column",
@@ -2218,9 +2616,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__*/wn.createElement("svg", {
     width: "20",
     height: "14",
@@ -2269,10 +2667,10 @@ var InputContainer = He(Flex)(_templateObject31 || (_templateObject31 = _taggedT
   return props.theme.inputs.placeholderColor;
 });
 var PasswordIconButton = 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__*/wn.createElement(PasswordIconButton, {
     onClick: onClick,
     type: "button"
@@ -2280,10 +2678,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 _h$19 = h$2(false),
     _h$20 = _slicedToArray(_h$19, 2),
     visible = _h$20[0],
@@ -2313,8 +2711,8 @@ var PasswordInput = function PasswordInput(_ref51) {
   }));
 };
 var BackButton = 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__*/wn.createElement("svg", {
     width: "24",
     height: "24",
@@ -2326,8 +2724,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 = Ze();
   return /*#__PURE__*/wn.createElement(BackButton, {
     type: "button",
@@ -2339,9 +2737,9 @@ var BackArrow = function BackArrow(_ref53) {
 };
 var GetHelpText = 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(),
@@ -2353,27 +2751,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__*/wn.createElement(wn.Fragment, null);
-  if (!organization) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return __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(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();
         }
@@ -2431,19 +2827,24 @@ var PasswordsAuthenticate = function PasswordsAuthenticate() {
   })), /*#__PURE__*/wn.createElement(SubmitButton, {
     isSubmitting: isSubmitting,
     text: "Continue"
-  }), /*#__PURE__*/wn.createElement(Flex, {
+  }), organization != null ? ( /*#__PURE__*/wn.createElement(Flex, {
     onClick: onGetHelp,
     direction: "row"
   }, /*#__PURE__*/wn.createElement(Text, {
     color: "secondary"
   }, "Having trouble signing in?"), "\xA0", /*#__PURE__*/wn.createElement(GetHelpText, {
     color: "secondary"
-  }, "Get help")))));
+  }, "Get help"))) : ( /*#__PURE__*/wn.createElement(Flex, {
+    onClick: onGetHelp,
+    justifyContent: "center"
+  }, /*#__PURE__*/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(),
@@ -2458,13 +2859,13 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
     isSubmitting = _usePasswordInput2.isSubmitting,
     setIsSubmitting = _usePasswordInput2.setIsSubmitting,
     submitPassword = _usePasswordInput2.submitPassword,
+    submitDiscoveryPassword = _usePasswordInput2.submitDiscoveryPassword,
     handleNonMemberReset = _usePasswordInput2.handleNonMemberReset;
-  var _h$21 = h$2(!email),
+  var _h$21 = h$2(!!organization && !email),
     _h$22 = _slicedToArray(_h$21, 2),
     hideInput = _h$22[0],
     setHideInput = _h$22[1];
   if (!passwordOptions) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
-  if (!organization) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var organization_id;
@@ -2472,25 +2873,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(EMAIL_REGEX)) {
-              _context5.next = 8;
+              _context5.next = 9;
               break;
             }
             setErrorMessage('Invalid email address');
             return _context5.abrupt("return");
-          case 8:
+          case 9:
             setErrorMessage('');
             setIsSubmitting(true);
-            readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref54) {
-              var member = _ref54.member;
+            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);
@@ -2509,7 +2914,11 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
               }
               setErrorMessage(message);
             });
-          case 11:
+            _context5.next = 15;
+            break;
+          case 14:
+            submitDiscoveryPassword();
+          case 15:
           case "end":
             return _context5.stop();
         }
@@ -2675,29 +3084,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 === 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 = F$1(function () {
@@ -2719,9 +3105,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({
@@ -2753,8 +3139,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__*/wn.createElement("div", {
     key: "oauth-error-message"
   }, /*#__PURE__*/wn.createElement(Text, {
@@ -2766,9 +3152,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__*/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__*/wn.createElement("code", null, variableName), "\xA0 provided in the configuration. To set ", niceName, " for this project please visit\xA0", /*#__PURE__*/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__*/wn.createElement("a", {
@@ -2828,10 +3214,10 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
     oneTapError = _h$24[0],
     setOneTapError = _h$24[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 = T$1(function () {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
       var _g, _h, _j, _readB2BInternals, oneTap, clientResult, client, oneTapCallback, renderResult;
@@ -2942,149 +3328,14 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
     providerTypeTitle: "Google",
     loginRedirectUrl: (_d = config.oauthOptions) === null || _d === void 0 ? void 0 : _d.loginRedirectURL,
     signupRedirectUrl: (_e = config.oauthOptions) === null || _e === void 0 ? void 0 : _e.signupRedirectURL,
-    discoveryRedirectUrl: (_f = config.oauthOptions) === null || _f === void 0 ? void 0 : _f.discoveryRedirectURL
-  });
-  var _readB2BInternals2 = readB2BInternals(stytch),
-    publicToken = _readB2BInternals2.publicToken;
-  if (oneTapError !== OneTapErrors.None) {
-    return /*#__PURE__*/wn.createElement(wn.Fragment, null, isTestPublicToken(publicToken) ? ErrorMessages[oneTapError] : null, googleAuthButton);
-  }
-  return googleAuthButton;
-};
-var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BProducts.oauth, undefined), B2BProducts.sso, 'sso'), B2BProducts.emailMagicLinks, 'magic_link'), B2BProducts.passwords, 'password');
-var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BOAuthProviders.Google, 'google_oauth'), B2BOAuthProviders.Microsoft, 'microsoft_oauth'), B2BOAuthProviders.HubSpot, 'hubspot_oauth'), B2BOAuthProviders.Slack, 'slack_oauth'), 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 B2BProducts.oauth;
-  }
-  return authMethodsToProducts[authMethod];
-};
-var allProducts = Object.keys(productsToAuthMethods);
-var allOauthProviders = Object.values(B2BOAuthProviders);
-var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, oauthProviders) {
-  return products.reduce(function (acc, product) {
-    if (product === 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 F$1(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 = F$1(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 = F$1(function () {
-    return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
-  }, [config.products, oauthProviderConfigs]);
-  var authMethodsToShow = F$1(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 = F$1(function () {
-    return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(isTruthy)));
-  }, [authMethodsToShow]);
-  var oauthProviderSettings = F$1(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(isTruthy);
-  }, [authMethodsToShow, oauthProviderConfigs]);
-  return {
-    products: products,
-    oauthProviderSettings: oauthProviderSettings
-  };
+    discoveryRedirectUrl: (_f = config.oauthOptions) === null || _f === void 0 ? void 0 : _f.discoveryRedirectURL
+  });
+  var _readB2BInternals2 = readB2BInternals(stytch),
+    publicToken = _readB2BInternals2.publicToken;
+  if (oneTapError !== OneTapErrors.None) {
+    return /*#__PURE__*/wn.createElement(wn.Fragment, null, isTestPublicToken(publicToken) ? ErrorMessages[oneTapError] : null, googleAuthButton);
+  }
+  return googleAuthButton;
 };
 var getProviderInfo = function getProviderInfo(provider) {
   switch (provider) {
@@ -3141,18 +3392,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,
@@ -3182,9 +3433,9 @@ var OAuthButtons = function OAuthButtons() {
 };
 var UsePasswordText = 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',
@@ -3199,56 +3450,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(B2BProducts.emailMagicLinks) && products.includes(B2BProducts.passwords);
-  var ProductComponents = products.map(function (product) {
+  var productsSet = new Set(products);
+  var displayEmailAndPasswordsTogether = (productsSet.has(B2BProducts.emailMagicLinks) || productsSet.has(B2BProducts.emailOtp)) && productsSet.has(B2BProducts.passwords);
+  var productComponentsSet = products.reduce(function (components, product) {
     var _a, _b, _c;
     switch (product) {
       case B2BProducts.emailMagicLinks:
-        if (displayEmlAndPasswordsTogether) return null;
-        return flowStateType === AuthFlowType.Organization ? Component.MagicLinkEmailForm : Component.MagicLinkEmailDiscoveryForm;
+      case B2BProducts.emailOtp:
+        if (!displayEmailAndPasswordsTogether) {
+          components.add(flowStateType === AuthFlowType.Organization ? Component.EmailForm : Component.EmailDiscoveryForm);
+        }
+        break;
       case B2BProducts.oauth:
-        return Component.OAuthButtons;
+        components.add(Component.OAuthButtons);
+        break;
       case 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 === AuthFlowType.Organization && isSsoValid ? Component.SSOButtons : null;
+        if (flowStateType === AuthFlowType.Organization && isSsoValid) {
+          components.add(Component.SSOButtons);
+        }
+        break;
       case 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(B2BProducts.passwords);
     var emlIndex = products.indexOf(B2BProducts.emailMagicLinks);
-    var firstProductIndex = Math.min(passwordIndex, emlIndex);
-    var combinedComponent = flowStateType === AuthFlowType.Organization ? Component.PasswordEMLCombined : Component.MagicLinkEmailDiscoveryForm;
-    ProductComponents.splice(firstProductIndex, 0, combinedComponent);
+    var otpIndex = products.indexOf(B2BProducts.emailOtp);
+    var firstProductIndex = Math.min(passwordIndex, emlIndex, otpIndex);
+    var combinedComponent = flowStateType === 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(B2BProducts.emailMagicLinks) || products.includes(B2BProducts.passwords);
+  var hasButtons = productComponentsSet.has(Component.OAuthButtons) || productComponentsSet.has(Component.SSOButtons);
+  var hasInput = productsSet.has(B2BProducts.emailMagicLinks) || productsSet.has(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 = He(Flex)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  > * + * {\n    margin-top: 24px;\n  }\n"])));
 var LogoImage$1 = He.img(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  max-height: 50px;\n  max-width: 100px;\n"])));
 var Header = 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__*/wn.createElement(wn.Fragment, null);
   return /*#__PURE__*/wn.createElement(Flex, {
     justifyContent: "center",
@@ -3259,16 +3522,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__*/wn.createElement(MagicLinkEmailForm, {
+      case Component.EmailForm:
+        return /*#__PURE__*/wn.createElement(EmailForm, {
           key: component
         });
-      case Component.MagicLinkEmailDiscoveryForm:
-        return /*#__PURE__*/wn.createElement(MagicLinkEmailDiscoveryForm, {
+      case Component.EmailDiscoveryForm:
+        return /*#__PURE__*/wn.createElement(EmailDiscoveryForm, {
           key: component
         });
       case Component.OAuthButtons:
@@ -3283,13 +3546,23 @@ var ProductComponents = function ProductComponents(_ref63) {
         return /*#__PURE__*/wn.createElement(PasswordsEmailForm, {
           key: component
         });
-      case Component.PasswordEMLCombined:
+      case Component.PasswordEmailCombined:
+        return /*#__PURE__*/wn.createElement(Flex, {
+          key: "email_password",
+          direction: "column",
+          gap: 12
+        }, /*#__PURE__*/wn.createElement(EmailForm, {
+          key: "email"
+        }), /*#__PURE__*/wn.createElement(PasswordUseButton, {
+          key: "password"
+        }));
+      case Component.PasswordEmailCombinedDiscovery:
         return /*#__PURE__*/wn.createElement(Flex, {
-          key: "eml_password",
+          key: "email_password_discovery",
           direction: "column",
           gap: 12
-        }, /*#__PURE__*/wn.createElement(MagicLinkEmailForm, {
-          key: "magic_link"
+        }, /*#__PURE__*/wn.createElement(EmailDiscoveryForm, {
+          key: "email"
         }), /*#__PURE__*/wn.createElement(PasswordUseButton, {
           key: "password"
         }));
@@ -3306,15 +3579,15 @@ var MainScreen = function MainScreen() {
   var _Ze = Ze(),
     displayHeader = _Ze.displayHeader,
     logo = _Ze.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) {
@@ -3451,10 +3724,10 @@ var inboxLinks$1 = function inboxLinks$1(emailDomain) {
 var Link$1 = 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__*/wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/wn.createElement(Link$1, {
@@ -3463,10 +3736,10 @@ var EmailProviderLink$1 = function EmailProviderLink$1(_ref64) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/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,
@@ -3512,8 +3785,8 @@ var useEmailDomain$1 = function useEmailDomain$1() {
     emailDomains = _h$26[0],
     setEmailDomains = _h$26[1];
   p$1(function () {
-    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref66) {
-      var emailDomains = _ref66.emailDomains;
+    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref70) {
+      var emailDomains = _ref70.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -3526,14 +3799,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({
@@ -3544,7 +3817,7 @@ var EmailConfirmation = function EmailConfirmation() {
   return /*#__PURE__*/wn.createElement(EmailConfirmation$1, {
     emailDomain: emailDomain,
     reset: reset,
-    email: state.formState.magicLinkState.email
+    email: state.formState.emailState.userSuppliedEmail
   });
 };
 var LoggingInScreen = function LoggingInScreen() {
@@ -3572,23 +3845,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 = 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 = 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 = He(Flex)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  gap: 8px;\n"])));
 var LogoImage = He.img(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  border-radius: 4px;\n"])));
-var LogoText = 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 = 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 = He.svg(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n"])));
@@ -3604,9 +3877,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__*/y(LogoImage, {
       src: logo
@@ -3617,8 +3890,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__*/y(Text, {
     align: "right"
   }, "Join");
@@ -3628,10 +3901,10 @@ var ArrowText = function ArrowText(_ref73) {
   return /*#__PURE__*/y(g$1, 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(),
@@ -3642,7 +3915,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
       });
@@ -3657,8 +3930,8 @@ var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
         });
       }
     }),
-    stytchCreateOrganization = _useMutate4.trigger,
-    isCreateLoading = _useMutate4.isMutating;
+    stytchCreateOrganization = _useMutate2.trigger,
+    isCreateLoading = _useMutate2.isMutating;
   if (isCreateLoading) {
     return /*#__PURE__*/y(LoadingScreen, null);
   }
@@ -3704,10 +3977,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);
@@ -3742,8 +4015,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
@@ -3753,9 +4026,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
       });
@@ -3770,8 +4043,8 @@ var Discovery = function Discovery() {
         });
       }
     }),
-    stytchCreateOrganization = _useMutate6.trigger,
-    isCreateLoading = _useMutate6.isMutating;
+    stytchCreateOrganization = _useMutate4.trigger,
+    isCreateLoading = _useMutate4.isMutating;
   if (isExchangeLoading) {
     return /*#__PURE__*/y(LoggingInScreen, null);
   }
@@ -3924,59 +4197,521 @@ var ConfirmationSVG = function ConfirmationSVG() {
     stopOpacity: "0.26"
   }))));
 };
-var Confirmation = function Confirmation() {
-  return /*#__PURE__*/y(Flex, {
+var Confirmation = function Confirmation() {
+  return /*#__PURE__*/y(Flex, {
+    direction: "column",
+    gap: 24,
+    alignItems: "center"
+  }, /*#__PURE__*/y(Text, {
+    size: "header"
+  }, "Success!"), /*#__PURE__*/y(Text, null, "You have successfully logged in."), /*#__PURE__*/y(ConfirmationSVG, null));
+};
+var useMountEffect = function useMountEffect(effect) {
+  var effectRef = _$1(effect);
+  p$1(function () {
+    return effectRef.current();
+  }, []);
+};
+var ConfirmationScreen = function ConfirmationScreen() {
+  var onEvent = useEventCallback();
+  useMountEffect(function () {
+    onEvent({
+      type: StytchEventType.AuthenticateFlowComplete,
+      data: {}
+    });
+  });
+  return /*#__PURE__*/y(Confirmation, null);
+};
+var assertUnreachable = function assertUnreachable() {
+  throw new Error('Assertion failure');
+};
+var Chevron = function Chevron() {
+  return /*#__PURE__*/wn.createElement("svg", {
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/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 = 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 = He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
+var ChevronContainer = 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__*/wn.createElement(StyledButton, {
+    type: "button",
+    onClick: onClick,
+    disabled: disabled
+  }, /*#__PURE__*/wn.createElement(MenuText, null, children), /*#__PURE__*/wn.createElement(ChevronContainer, {
+    "aria-hidden": true
+  }, /*#__PURE__*/wn.createElement(Chevron$1, null)));
+};
+var options = _defineProperty(_defineProperty({}, B2BProducts.emailMagicLinks, {
+  label: 'Email me a log in link'
+}), 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(error);
+  var handleChooseMethod = function handleChooseMethod(method) {
+    resetSendDiscoveryEml();
+    resetSendDiscoveryOtp();
+    resetSendLoginOrSignupEml();
+    resetSendLoginOrSignupOtp();
+    switch (method) {
+      case B2BProducts.emailMagicLinks:
+        if (state.flowState.type === AuthFlowType.Discovery) {
+          sendDiscoveryEml({
+            email: state.formState.emailState.userSuppliedEmail
+          });
+        } else if (state.flowState.type === AuthFlowType.Organization && state.flowState.organization) {
+          sendLoginOrSignupEml({
+            email: state.formState.emailState.userSuppliedEmail,
+            organization_id: state.flowState.organization.organization_id
+          });
+        }
+        break;
+      case B2BProducts.emailOtp:
+        if (state.flowState.type === AuthFlowType.Discovery) {
+          sendDiscoveryOtp({
+            email: state.formState.emailState.userSuppliedEmail
+          });
+        } else if (state.flowState.type === AuthFlowType.Organization && state.flowState.organization) {
+          sendLoginOrSignupOtp({
+            email: state.formState.emailState.userSuppliedEmail,
+            organization_id: state.flowState.organization.organization_id
+          });
+        }
+        break;
+    }
+  };
+  var displayOptions = F$1(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__*/wn.createElement(Flex, {
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/wn.createElement(BackArrow, {
+    onClick: handleBack
+  }), /*#__PURE__*/wn.createElement(Text, {
+    size: "header"
+  }, "Select how you\u2019d like to continue."), /*#__PURE__*/wn.createElement(Flex, {
+    direction: "column"
+  }, displayOptions.map(function (_ref80) {
+    var option = _ref80.option,
+      label = _ref80.label;
+    return /*#__PURE__*/wn.createElement(MenuButton, {
+      key: option,
+      disabled: isSending,
+      onClick: function onClick() {
+        handleChooseMethod(option);
+      }
+    }, label);
+  })), errorMessage && /*#__PURE__*/wn.createElement(ErrorText, {
+    errorMessage: errorMessage
+  }));
+};
+var InlineButton = function InlineButton(_ref81) {
+  var onClick = _ref81.onClick,
+    children = _ref81.children;
+  return /*#__PURE__*/wn.createElement("button", {
+    onClick: onClick,
+    style: {
+      all: 'unset'
+    }
+  }, /*#__PURE__*/wn.createElement("b", {
+    style: {
+      cursor: 'pointer'
+    }
+  }, children));
+};
+var Wrapper = 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 = He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
+var AnimatedContainer = function AnimatedContainer(_ref83) {
+  var isOpen = _ref83.isOpen,
+    children = _ref83.children;
+  return /*#__PURE__*/wn.createElement(Wrapper, {
+    isOpen: isOpen
+  }, /*#__PURE__*/wn.createElement(Inner, null, children));
+};
+var Container = 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 = Ue(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
+var Progress = 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__*/wn.createElement(Container, null, isLoading && /*#__PURE__*/wn.createElement(Progress, null));
+};
+var GAP = '8px';
+var WIDTH = '46px';
+var INPUT_HEIGHT = '46px';
+var Digit = 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__*/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__*/wn.createElement("div", {
+    style: otpContainerStyles
+  }, /*#__PURE__*/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
+  }, passwordManagerDisableAutofillProps)), /*#__PURE__*/wn.createElement("div", {
+    style: digitsContainerStyles
+  }, _toConsumableArray(Array(6).keys()).map(function (i) {
+    return /*#__PURE__*/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 _h$27 = h$2(''),
+    _h$28 = _slicedToArray(_h$27, 2),
+    otp = _h$28[0],
+    setOtp = _h$28[1];
+  var handleOtpChange = function handleOtpChange(otp) {
+    setOtp(otp);
+    if (otp.length === OTP_CODE_LENGTH) {
+      onSubmit(otp);
+    }
+  };
+  return /*#__PURE__*/wn.createElement(Flex, {
+    direction: "column",
+    maxWidth: 316
+  }, /*#__PURE__*/wn.createElement(OTPInput, {
+    otp: otp,
+    setOtp: handleOtpChange,
+    disabled: isSubmitting
+  }), /*#__PURE__*/wn.createElement(AnimatedContainer, {
+    isOpen: isSubmitting
+  }, /*#__PURE__*/wn.createElement(Flex, {
+    direction: "column",
+    gap: 8,
+    marginTop: 8
+  }, /*#__PURE__*/wn.createElement(Text, {
+    color: "secondary",
+    size: "helper"
+  }, "Verifying passcode..."), /*#__PURE__*/wn.createElement(LoadingBar, {
+    isLoading: isSubmitting
+  }))), !isSubmitting && /*#__PURE__*/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__*/wn.createElement(Flex, {
     direction: "column",
-    gap: 24,
-    alignItems: "center"
-  }, /*#__PURE__*/y(Text, {
+    gap: 24
+  }, /*#__PURE__*/wn.createElement(Text, {
     size: "header"
-  }, "Success!"), /*#__PURE__*/y(Text, null, "You have successfully logged in."), /*#__PURE__*/y(ConfirmationSVG, null));
+  }, header), /*#__PURE__*/wn.createElement(Text, null, instruction), /*#__PURE__*/wn.createElement(OTPControl, {
+    isSubmitting: isSubmitting,
+    onSubmit: onSubmit,
+    errorMessage: errorMessage
+  }), /*#__PURE__*/wn.createElement(Text, {
+    size: "helper",
+    color: "secondary"
+  }, helperContent));
 };
-var useMountEffect = function useMountEffect(effect) {
-  var effectRef = _$1(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 _h$29 = h$2(function () {
+      return getSecondsRemaining(expiration);
+    }),
+    _h$30 = _slicedToArray(_h$29, 2),
+    seconds = _h$30[0],
+    setSeconds = _h$30[1];
+  var codeExpired = seconds <= 0;
   p$1(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__*/wn.createElement(wn.Fragment, null, formattedText, /*#__PURE__*/wn.createElement(InlineButton, {
+    onClick: resendOTP
+  }, "Resend code"));
 };
-var ConfirmationScreen = function ConfirmationScreen() {
-  var onEvent = useEventCallback();
-  useMountEffect(function () {
-    onEvent({
-      type: 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__*/wn.createElement(OTPEntry, {
+    header: "Enter passcode",
+    helperContent: /*#__PURE__*/wn.createElement(ExpirationMessage, {
+      expiration: expiration,
+      resendOTP: resendOTP
+    }),
+    instruction: /*#__PURE__*/wn.createElement(wn.Fragment, null, "A 6-digit passcode was sent to you at ", /*#__PURE__*/wn.createElement("b", null, formattedDestination), "."),
+    isSubmitting: isSubmitting,
+    onSubmit: onSubmit,
+    errorMessage: errorMessage
   });
-  return /*#__PURE__*/y(Confirmation, null);
-};
-var assertUnreachable = function assertUnreachable() {
-  throw new Error('Assertion failure');
-};
-var Chevron = function Chevron() {
-  return /*#__PURE__*/wn.createElement("svg", {
-    viewBox: "0 0 25 25",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/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 = 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 = He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
-var ChevronContainer = 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__*/wn.createElement(StyledButton, {
-    type: "button",
-    onClick: onClick
-  }, /*#__PURE__*/wn.createElement(MenuText, null, children), /*#__PURE__*/wn.createElement(ChevronContainer, {
-    "aria-hidden": true
-  }, /*#__PURE__*/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 === AuthFlowType.Discovery) {
+      discoveryAuthenticate({
+        otp: otp,
+        email: userSuppliedEmail
+      });
+    } else if (state.flowState.type === 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 === AuthFlowType.Discovery) {
+        sendOtpDiscovery({
+          email: userSuppliedEmail
+        });
+      } else if (state.flowState.type === 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__*/wn.createElement(Flex, {
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/wn.createElement(BackArrow, {
+    onClick: handleBack
+  }), codeExpiration !== null ? ( /*#__PURE__*/wn.createElement(SentOTPEntry, {
+    isSubmitting: isAuthenticatingAny,
+    onSubmit: handleSubmit,
+    errorMessage: errorMessage,
+    expiration: codeExpiration,
+    formattedDestination: userSuppliedEmail,
+    resendOTP: handleResendOTP
+  })) : ( /*#__PURE__*/wn.createElement(LoadingScreen, null)));
 };
 var mfaOptions = _defineProperty(_defineProperty({}, B2BMFAProducts.totp, {
   label: 'Use an authenticator app'
@@ -3987,10 +4722,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({
@@ -4029,9 +4764,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
     size: "header"
   }, "Set up Multi-Factor Authentication"), /*#__PURE__*/wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/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__*/wn.createElement(MenuButton, {
       key: option,
       onClick: function onClick() {
@@ -4053,13 +4788,13 @@ var inboxLinks = function inboxLinks(emailDomain) {
     OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
   };
 };
-var Link = 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 = 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__*/wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/wn.createElement(Link, {
@@ -4068,16 +4803,16 @@ var EmailProviderLink = function EmailProviderLink(_ref77) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/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__*/wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -4117,17 +4852,17 @@ var useEmailDomain = function useEmailDomain() {
   var _a, _b;
   var stytch = useStytch();
   var config = useConfig();
-  var _h$27 = h$2(function () {
+  var _h$31 = h$2(function () {
       var _readB2BInternals$boo2 = readB2BInternals(stytch).bootstrap.getSync(),
         emailDomains = _readB2BInternals$boo2.emailDomains;
       return emailDomains;
     }),
-    _h$28 = _slicedToArray(_h$27, 2),
-    emailDomains = _h$28[0],
-    setEmailDomains = _h$28[1];
+    _h$32 = _slicedToArray(_h$31, 2),
+    emailDomains = _h$32[0],
+    setEmailDomains = _h$32[1];
   p$1(function () {
-    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref79) {
-      var emailDomains = _ref79.emailDomains;
+    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref101) {
+      var emailDomains = _ref101.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -4140,14 +4875,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({
@@ -4161,11 +4896,11 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
     email: state.formState.passwordState.email
   });
 };
-var Block = He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
+var Block = 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:
@@ -4270,76 +5005,76 @@ var removeStytchParams = function removeStytchParams(value) {
   params["delete"]('stytch_token_type');
   return url;
 };
-var Form = He.form(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var Form = 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 _h$29 = h$2(''),
-    _h$30 = _slicedToArray(_h$29, 2),
-    resetTokenType = _h$30[0],
-    setResetTokenType = _h$30[1];
-  var _h$31 = h$2(''),
-    _h$32 = _slicedToArray(_h$31, 2),
-    resetToken = _h$32[0],
-    setResetToken = _h$32[1];
-  var dataLayer = readB2BInternals(stytchClient).dataLayer;
-  var email = dataLayer.getItem('reset-email-value');
   var _h$33 = h$2(''),
     _h$34 = _slicedToArray(_h$33, 2),
-    password = _h$34[0],
-    setPassword = _h$34[1];
+    resetTokenType = _h$34[0],
+    setResetTokenType = _h$34[1];
   var _h$35 = h$2(''),
     _h$36 = _slicedToArray(_h$35, 2),
-    errorMessage = _h$36[0],
-    setErrorMessage = _h$36[1];
-  var _h$37 = h$2(0),
+    resetToken = _h$36[0],
+    setResetToken = _h$36[1];
+  var dataLayer = readB2BInternals(stytchClient).dataLayer;
+  var email = dataLayer.getItem('reset-email-value');
+  var _h$37 = h$2(''),
     _h$38 = _slicedToArray(_h$37, 2),
-    passwordScore = _h$38[0],
-    setPasswordScore = _h$38[1];
+    password = _h$38[0],
+    setPassword = _h$38[1];
   var _h$39 = h$2(''),
     _h$40 = _slicedToArray(_h$39, 2),
-    passwordFeedback = _h$40[0],
-    setPasswordFeedback = _h$40[1];
-  var _h$41 = h$2(true),
+    errorMessage = _h$40[0],
+    setErrorMessage = _h$40[1];
+  var _h$41 = h$2(0),
     _h$42 = _slicedToArray(_h$41, 2),
-    invalidPassword = _h$42[0],
-    setInvalidPassword = _h$42[1];
-  var _h$43 = h$2(false),
+    passwordScore = _h$42[0],
+    setPasswordScore = _h$42[1];
+  var _h$43 = h$2(''),
     _h$44 = _slicedToArray(_h$43, 2),
-    isSubmitting = _h$44[0],
-    setIsSubmitting = _h$44[1];
-  var _h$45 = h$2('none'),
+    passwordFeedback = _h$44[0],
+    setPasswordFeedback = _h$44[1];
+  var _h$45 = h$2(true),
     _h$46 = _slicedToArray(_h$45, 2),
-    strengthPolicy = _h$46[0],
-    setStrengthPolicy = _h$46[1];
-  var _h$47 = h$2(0),
+    invalidPassword = _h$46[0],
+    setInvalidPassword = _h$46[1];
+  var _h$47 = h$2(false),
     _h$48 = _slicedToArray(_h$47, 2),
-    missingCharacters = _h$48[0],
-    setMissingCharacters = _h$48[1];
-  var _h$49 = h$2(0),
+    isSubmitting = _h$48[0],
+    setIsSubmitting = _h$48[1];
+  var _h$49 = h$2('none'),
     _h$50 = _slicedToArray(_h$49, 2),
-    missingComplexity = _h$50[0],
-    setMissingComplexity = _h$50[1];
-  var _h$51 = h$2(false),
+    strengthPolicy = _h$50[0],
+    setStrengthPolicy = _h$50[1];
+  var _h$51 = h$2(0),
     _h$52 = _slicedToArray(_h$51, 2),
-    isPasswordBreached = _h$52[0],
-    setIsPasswordBreached = _h$52[1];
+    missingCharacters = _h$52[0],
+    setMissingCharacters = _h$52[1];
+  var _h$53 = h$2(0),
+    _h$54 = _slicedToArray(_h$53, 2),
+    missingComplexity = _h$54[0],
+    setMissingComplexity = _h$54[1];
+  var _h$55 = h$2(false),
+    _h$56 = _slicedToArray(_h$55, 2),
+    isPasswordBreached = _h$56[0],
+    setIsPasswordBreached = _h$56[1];
   var updateStrengthCheck = F$1(function () {
     return 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') {
@@ -4412,6 +5147,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: 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 StytchAPIError) {
+          message = e.error_message;
+        }
+        setErrorMessage(message);
+        setIsSubmitting(false);
+      });
     } else {
       stytchClient.passwords.resetBySession({
         password: password
@@ -4483,9 +5247,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(),
@@ -4494,28 +5258,42 @@ var PasswordSetNew = function PasswordSetNew() {
     email = _usePasswordInput3.email,
     organization = _usePasswordInput3.organization,
     setIsSubmitting = _usePasswordInput3.setIsSubmitting;
-  if (!organization) {
-    return /*#__PURE__*/wn.createElement(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: 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: 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: StytchEventType.B2BPasswordResetByEmailStart,
+          data: data
+        });
+      })["catch"](function (e) {
+        onError(e);
+      });
+    }
   };
   return /*#__PURE__*/wn.createElement(Flex, {
     direction: "column",
@@ -4541,9 +5319,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;
@@ -4558,9 +5336,9 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     setIsSubmitting = _usePasswordInput4.setIsSubmitting,
     handleNonMemberReset = _usePasswordInput4.handleNonMemberReset;
   if (!passwordOptions) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
-  if (!organization) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
     return __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:
@@ -4574,26 +5352,56 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
           case 4:
             setErrorMessage('');
             setIsSubmitting(true);
-            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) {
+              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: 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 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: StytchEventType.B2BPasswordResetByEmailStart,
-                  data: data
-                });
                 dispatch({
                   type: 'set_password_state',
                   email: email
@@ -4606,14 +5414,7 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
                 setIsSubmitting(false);
                 setErrorMessage(err.error_message);
               });
-            })["catch"](function (err) {
-              setIsSubmitting(false);
-              var message = err.message;
-              if (err instanceof StytchAPIError) {
-                message = err.error_message;
-              }
-              setErrorMessage(message);
-            });
+            }
           case 7:
           case "end":
             return _context7.stop();
@@ -4635,7 +5436,7 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
     }
   }), /*#__PURE__*/wn.createElement(Text, {
     size: "header"
-  }, "Check your email for help signing in!"), /*#__PURE__*/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__*/wn.createElement(Flex, {
+  }, "Check your email for help signing in!"), /*#__PURE__*/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__*/wn.createElement(Flex, {
     direction: "column",
     gap: 4
   }, /*#__PURE__*/wn.createElement(Text, {
@@ -4655,23 +5456,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 _h$53 = h$2(''),
-    _h$54 = _slicedToArray(_h$53, 2),
-    recoveryCode = _h$54[0],
-    setRecoveryCode = _h$54[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 _h$57 = h$2(''),
+    _h$58 = _slicedToArray(_h$57, 2),
+    recoveryCode = _h$58[0],
+    setRecoveryCode = _h$58[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,
@@ -4741,8 +5542,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
     isSubmitting: isSubmitting
   })));
 };
-var InsetContainer = 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 = He.ul(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
+var InsetContainer = 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 = 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'
@@ -4755,10 +5556,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({
@@ -4816,7 +5617,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
     onClick: handleContinue
   }, "Done"));
 };
-var Select = 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 = 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;
@@ -4827,9 +5628,9 @@ var Select = He.select(_templateObject54 || (_templateObject54 = _taggedTemplate
 }, 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'
   });
@@ -4840,24 +5641,24 @@ var CountrySelector = function CountrySelector(_ref84) {
     onChange: function onChange(e) {
       setCountry(e.target.value);
     }
-  }, Object.entries(COUNTRIES_LIST).map(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 2),
-      countryCode = _ref86[0],
-      countryNumber = _ref86[1];
+  }, Object.entries(COUNTRIES_LIST).map(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 2),
+      countryCode = _ref108[0],
+      countryNumber = _ref108[1];
     return /*#__PURE__*/wn.createElement("option", {
       key: countryCode,
       value: countryCode
     }, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
   }));
 };
-var PhoneStyledInput = 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 = 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__*/wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -4919,8 +5720,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_StytchSDKError) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(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';
 };
@@ -4931,10 +5732,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,
@@ -4960,8 +5761,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 __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) {
@@ -5060,252 +5861,15 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
     disabled: !phoneNumber
   })));
 };
-var InlineButton = function InlineButton(_ref90) {
-  var onClick = _ref90.onClick,
-    children = _ref90.children;
-  return /*#__PURE__*/wn.createElement("button", {
-    onClick: onClick,
-    style: {
-      all: 'unset'
-    }
-  }, /*#__PURE__*/wn.createElement("b", {
-    style: {
-      cursor: 'pointer'
-    }
-  }, children));
-};
-var Wrapper = 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 = He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-var AnimatedContainer = function AnimatedContainer(_ref92) {
-  var isOpen = _ref92.isOpen,
-    children = _ref92.children;
-  return /*#__PURE__*/wn.createElement(Wrapper, {
-    isOpen: isOpen
-  }, /*#__PURE__*/wn.createElement(Inner, null, children));
-};
-var Container = 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 = Ue(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
-var Progress = 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__*/wn.createElement(Container, null, isLoading && /*#__PURE__*/wn.createElement(Progress, null));
-};
-var GAP = '8px';
-var WIDTH = '46px';
-var INPUT_HEIGHT = '46px';
-var Digit = 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__*/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__*/wn.createElement("div", {
-    style: otpContainerStyles
-  }, /*#__PURE__*/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
-  }, passwordManagerDisableAutofillProps)), /*#__PURE__*/wn.createElement("div", {
-    style: digitsContainerStyles
-  }, _toConsumableArray(Array(6).keys()).map(function (i) {
-    return /*#__PURE__*/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 _h$55 = h$2(''),
-    _h$56 = _slicedToArray(_h$55, 2),
-    otp = _h$56[0],
-    setOtp = _h$56[1];
-  var handleOtpChange = function handleOtpChange(otp) {
-    setOtp(otp);
-    if (otp.length === OTP_CODE_LENGTH) {
-      onSubmit(otp);
-    }
-  };
-  return /*#__PURE__*/wn.createElement(Flex, {
-    direction: "column",
-    maxWidth: 316
-  }, /*#__PURE__*/wn.createElement(OTPInput, {
-    otp: otp,
-    setOtp: handleOtpChange,
-    disabled: isSubmitting
-  }), /*#__PURE__*/wn.createElement(AnimatedContainer, {
-    isOpen: isSubmitting
-  }, /*#__PURE__*/wn.createElement(Flex, {
-    direction: "column",
-    gap: 8,
-    marginTop: 8
-  }, /*#__PURE__*/wn.createElement(Text, {
-    color: "secondary",
-    size: "helper"
-  }, "Verifying passcode..."), /*#__PURE__*/wn.createElement(LoadingBar, {
-    isLoading: isSubmitting
-  }))), !isSubmitting && /*#__PURE__*/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__*/wn.createElement(Flex, {
-    direction: "column",
-    gap: 24
-  }, /*#__PURE__*/wn.createElement(Text, {
-    size: "header"
-  }, header), /*#__PURE__*/wn.createElement(Text, null, instruction), /*#__PURE__*/wn.createElement(OTPControl, {
-    isSubmitting: isSubmitting,
-    onSubmit: onSubmit,
-    errorMessage: errorMessage
-  }), /*#__PURE__*/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 _h$57 = h$2(function () {
-      return getSecondsRemaining(expiration);
-    }),
-    _h$58 = _slicedToArray(_h$57, 2),
-    seconds = _h$58[0],
-    setSeconds = _h$58[1];
-  var codeExpired = seconds <= 0;
-  p$1(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__*/wn.createElement(wn.Fragment, null, formattedText, /*#__PURE__*/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__*/wn.createElement(OTPEntry, {
-    header: "Enter passcode",
-    helperContent: /*#__PURE__*/wn.createElement(ExpirationMessage, {
-      expiration: expiration,
-      resendOTP: resendOTP
-    }),
-    instruction: /*#__PURE__*/wn.createElement(wn.Fragment, null, "A 6-digit passcode was sent to you at ", /*#__PURE__*/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,
@@ -5317,10 +5881,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'
       });
@@ -5349,12 +5913,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,
@@ -5483,10 +6047,10 @@ var CodeContainer = He(InsetContainer)(_templateObject63 || (_templateObject63 =
 var Spacer = He.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n  flex: 0 1 24px;\n"])));
 var Code = 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);
@@ -5554,10 +6118,10 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
 var QRCodeImg = 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,
@@ -5565,10 +6129,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'
       });
@@ -5634,11 +6198,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/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__*/wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -5652,22 +6216,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,
@@ -5740,49 +6304,49 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     onClick: handleSwitchToSms
   }, "Text me a code instead"))));
 };
-var MainContainer = 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 = 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 = He.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = 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 = 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 = 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"])));
@@ -5804,29 +6368,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 _Ze2 = Ze(),
     displayWatermark = _Ze2.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__*/wn.createElement(MainScreen, null)), AppScreens$1.EmailConfirmation, /*#__PURE__*/wn.createElement(EmailConfirmation, null)), AppScreens$1.LoggedIn, /*#__PURE__*/wn.createElement(ConfirmationScreen, null)), AppScreens$1.Discovery, /*#__PURE__*/wn.createElement(Discovery, null)), AppScreens$1.Error, /*#__PURE__*/wn.createElement(ErrorScreen, null)), AppScreens$1.PasswordEmailForm, /*#__PURE__*/wn.createElement(PasswordsEmailForm, null)), AppScreens$1.PasswordAuthenticate, /*#__PURE__*/wn.createElement(PasswordsAuthenticate, null)), AppScreens$1.PasswordResetForm, /*#__PURE__*/wn.createElement(PasswordResetForm, null)), AppScreens$1.PasswordResetVerifyConfirmation, /*#__PURE__*/wn.createElement(PasswordResetConfirmation, null)), AppScreens$1.PasswordForgotForm, /*#__PURE__*/wn.createElement(PasswordsForgotForm, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.PasswordSetNewConfirmation, /*#__PURE__*/wn.createElement(PasswordSetNew, null)), AppScreens$1.MFAEnrollmentSelection, /*#__PURE__*/wn.createElement(MFAEnrollmentSelectionScreen, null)), AppScreens$1.SMSOTPEnrollment, /*#__PURE__*/wn.createElement(SMSOTPEnrollScreen, null)), AppScreens$1.SMSOTPEntry, /*#__PURE__*/wn.createElement(SMSOTPEntryScreen, null)), AppScreens$1.RecoveryCodeEntry, /*#__PURE__*/wn.createElement(RecoveryCodeEntryScreen, null)), AppScreens$1.RecoveryCodeSave, /*#__PURE__*/wn.createElement(RecoveryCodeSaveScreen, null)), AppScreens$1.TOTPEnrollmentQRCode, /*#__PURE__*/wn.createElement(TOTPEnrollQRScreen, null)), AppScreens$1.TOTPEnrollmentManual, /*#__PURE__*/wn.createElement(TOTPEnrollManualScreen, null)), AppScreens$1.TOTPEntry, /*#__PURE__*/wn.createElement(TOTPEntryScreen, null)));
+  var ScreenComponentMap = (_ScreenComponentMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.Main, /*#__PURE__*/wn.createElement(MainScreen, null)), AppScreens$1.EmailConfirmation, /*#__PURE__*/wn.createElement(EmailConfirmation, null)), AppScreens$1.LoggedIn, /*#__PURE__*/wn.createElement(ConfirmationScreen, null)), AppScreens$1.Discovery, /*#__PURE__*/wn.createElement(Discovery, null)), AppScreens$1.Error, /*#__PURE__*/wn.createElement(ErrorScreen, null)), AppScreens$1.PasswordEmailForm, /*#__PURE__*/wn.createElement(PasswordsEmailForm, null)), AppScreens$1.PasswordAuthenticate, /*#__PURE__*/wn.createElement(PasswordsAuthenticate, null)), AppScreens$1.PasswordResetForm, /*#__PURE__*/wn.createElement(PasswordResetForm, null)), AppScreens$1.PasswordResetVerifyConfirmation, /*#__PURE__*/wn.createElement(PasswordResetConfirmation, null)), AppScreens$1.PasswordForgotForm, /*#__PURE__*/wn.createElement(PasswordsForgotForm, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.PasswordSetNewConfirmation, /*#__PURE__*/wn.createElement(PasswordSetNew, null)), AppScreens$1.MFAEnrollmentSelection, /*#__PURE__*/wn.createElement(MFAEnrollmentSelectionScreen, null)), AppScreens$1.SMSOTPEnrollment, /*#__PURE__*/wn.createElement(SMSOTPEnrollScreen, null)), AppScreens$1.SMSOTPEntry, /*#__PURE__*/wn.createElement(SMSOTPEntryScreen, null)), AppScreens$1.RecoveryCodeEntry, /*#__PURE__*/wn.createElement(RecoveryCodeEntryScreen, null)), AppScreens$1.RecoveryCodeSave, /*#__PURE__*/wn.createElement(RecoveryCodeSaveScreen, null)), AppScreens$1.TOTPEnrollmentQRCode, /*#__PURE__*/wn.createElement(TOTPEnrollQRScreen, null)), AppScreens$1.TOTPEnrollmentManual, /*#__PURE__*/wn.createElement(TOTPEnrollManualScreen, null)), AppScreens$1.TOTPEntry, /*#__PURE__*/wn.createElement(TOTPEntryScreen, null)), AppScreens$1.EmailMethodSelection, /*#__PURE__*/wn.createElement(EmailMethodSelectionScreen, null)), _defineProperty(_ScreenComponentMap, AppScreens$1.EmailOTPEntry, /*#__PURE__*/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) {
@@ -5842,8 +6401,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
@@ -5854,8 +6413,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
@@ -5866,8 +6425,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
       });
@@ -5877,8 +6436,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
@@ -5889,8 +6448,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
       });
@@ -5999,11 +6558,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 _h$59 = h$2(function () {
       var _readB2BInternals$boo3 = readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _readB2BInternals$boo3.displayWatermark;
@@ -6019,8 +6578,8 @@ var AppContainer = function AppContainer(_ref128) {
         options: config
       }
     });
-    readB2BInternals(client).bootstrap.getAsync().then(function (_ref129) {
-      var displayWatermark = _ref129.displayWatermark;
+    readB2BInternals(client).bootstrap.getAsync().then(function (_ref136) {
+      var displayWatermark = _ref136.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -6050,18 +6609,18 @@ var StytchB2BUIClient = /*#__PURE__*/function (_StytchB2BHeadlessCli) {
   function StytchB2BUIClient() {
     _classCallCheck(this, StytchB2BUIClient);
     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) {