@stytch/vanilla-js 5.1.2 → 5.2.0

package/dist/b2b/index.js

@@ -1,10 +1,6 @@
 'use strict';
 
 var _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58;
-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 _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 _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -15,6 +11,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -30,8 +30,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 var b2b_index_headless = require('./index.headless.js');
-var extractErrorMessage = require('../extractErrorMessage-HJU8hrHP.js');
-var internal = require('../internal-Ce7wZE_S.js');
+var extractErrorMessage = require('../extractErrorMessage-CzsbznyB.js');
+var internal = require('../internal-Bs2p7EMm.js');
 var DEFAULT_MFA_STATE = {
   primaryInfo: null,
   isEnrolling: false,
@@ -48,6 +48,12 @@ var DEFAULT_MFA_STATE = {
     enrollment: null
   }
 };
+var getAuthMethodsForMember = function getAuthMethodsForMember(authMethods, member) {
+  var memberHasPassword = !!(member === null || member === void 0 ? void 0 : member.member_password_id);
+  return memberHasPassword ? authMethods : authMethods.filter(function (method) {
+    return method !== 'password';
+  });
+};
 var getEnabledMethods = function getEnabledMethods(_ref3) {
   var allMethods = _ref3.allMethods,
     orgSupportedMethods = _ref3.orgSupportedMethods,
@@ -83,9 +89,40 @@ var mfaReducer = function mfaReducer(state, action) {
         if (memberAuthenticated) {
           return Object.assign(Object.assign({}, state), {
             mfa: DEFAULT_MFA_STATE,
+            primary: {},
             screen: postAuthScreen
           });
         }
+        if (action.response.primary_required) {
+          var primaryAuthMethods = getAuthMethodsForMember(action.response.primary_required.allowed_auth_methods, action.response.member);
+          var _action$response$memb = action.response.member,
+            email = _action$response$memb.email_address,
+            emailVerified = _action$response$memb.email_address_verified;
+          var newBaseState = Object.assign(Object.assign({}, state), {
+            flowState: {
+              type: internal.AuthFlowType.Organization,
+              organization: action.response.organization
+            },
+            formState: Object.assign(Object.assign({}, state.formState), {
+              passwordState: {
+                email: email
+              }
+            }),
+            primary: {
+              primaryAuthMethods: primaryAuthMethods,
+              email: email,
+              emailVerified: emailVerified
+            },
+            screen: AppScreens$1.Main
+          });
+          if ((primaryAuthMethods === null || primaryAuthMethods === void 0 ? void 0 : primaryAuthMethods.length) === 0) {
+            return Object.assign(Object.assign({}, newBaseState), {
+              screen: AppScreens$1.Error,
+              errorType: ErrorType.CannotJoinOrgDueToAuthPolicy
+            });
+          }
+          return newBaseState;
+        }
         var memberEnrolledInSmsOtp = action.response.member.mfa_phone_number_verified;
         var memberEnrolledInTotp = !!action.response.member.totp_registration_id;
         var primaryInfo = {
@@ -121,12 +158,14 @@ var mfaReducer = function mfaReducer(state, action) {
                       codeExpiration: smsImplicitlySent ? getSmsOtpCodeExpiration() : null
                     })
                   }),
+                  primary: {},
                   screen: AppScreens$1.SMSOTPEntry
                 });
               }
             case internal.B2BMFAProducts.totp:
               return Object.assign(Object.assign({}, state), {
                 mfa: mfaState,
+                primary: {},
                 screen: AppScreens$1.TOTPEntry
               });
           }
@@ -152,6 +191,7 @@ var mfaReducer = function mfaReducer(state, action) {
             primaryInfo: primaryInfo,
             isEnrolling: true
           }),
+          primary: {},
           screen: getNextEnrollmentScreen()
         });
       }
@@ -298,6 +338,7 @@ var mfaReducer = function mfaReducer(state, action) {
   }
 };
 var reducer$1 = function reducer$1(state, action) {
+  var _a, _b, _c;
   switch (action.type) {
     case 'transition':
       return Object.assign(Object.assign({}, state), {
@@ -329,16 +370,51 @@ var reducer$1 = function reducer$1(state, action) {
       }
     case 'set_discovery_state':
       {
+        var discoveredOrganizations = action.discoveredOrganizations;
         return Object.assign(Object.assign({}, state), {
           formState: Object.assign(Object.assign({}, state.formState), {
             discoveryState: {
               email: action.email,
-              discoveredOrganizations: action.discoveredOrganizations,
+              discoveredOrganizations: discoveredOrganizations,
               intermediateSessionToken: action.intermediateSessionToken
             }
-          })
+          }),
+          screen: AppScreens$1.Discovery
         });
       }
+    case 'select_discovered_organization':
+      {
+        var _action$discoveredOrg = action.discoveredOrganization,
+          membership = _action$discoveredOrg.membership,
+          organization = _action$discoveredOrg.organization,
+          primary_required = _action$discoveredOrg.primary_required;
+        var email = (_b = (_a = membership.member) === null || _a === void 0 ? void 0 : _a.email_address) !== null && _b !== void 0 ? _b : state.formState.discoveryState.email;
+        var primaryAuthMethods = primary_required ? getAuthMethodsForMember(primary_required.allowed_auth_methods, membership.member) : undefined;
+        var newBaseState = Object.assign(Object.assign({}, state), {
+          flowState: {
+            type: internal.AuthFlowType.Organization,
+            organization: organization
+          },
+          formState: Object.assign(Object.assign({}, state.formState), {
+            passwordState: {
+              email: email
+            }
+          }),
+          primary: {
+            primaryAuthMethods: primaryAuthMethods,
+            email: email,
+            emailVerified: (_c = membership.member) === null || _c === void 0 ? void 0 : _c.email_address_verified
+          },
+          screen: AppScreens$1.Main
+        });
+        if ((primaryAuthMethods === null || primaryAuthMethods === void 0 ? void 0 : primaryAuthMethods.length) === 0) {
+          return Object.assign(Object.assign({}, newBaseState), {
+            screen: AppScreens$1.Error,
+            errorType: ErrorType.CannotJoinOrgDueToAuthPolicy
+          });
+        }
+        return newBaseState;
+      }
     case 'set_password_state':
       {
         return Object.assign(Object.assign({}, state), {
@@ -380,6 +456,7 @@ var ErrorType;
   ErrorType[ErrorType["Default"] = 0] = "Default";
   ErrorType[ErrorType["EmailMagicLink"] = 1] = "EmailMagicLink";
   ErrorType[ErrorType["Organization"] = 2] = "Organization";
+  ErrorType[ErrorType["CannotJoinOrgDueToAuthPolicy"] = 3] = "CannotJoinOrgDueToAuthPolicy";
 })(ErrorType || (ErrorType = {}));
 var DEFAULT_STATE = {
   screen: AppScreens$1.Main,
@@ -401,6 +478,7 @@ var DEFAULT_STATE = {
     organization: null
   },
   mfa: DEFAULT_MFA_STATE,
+  primary: {},
   errorType: ErrorType.Default
 };
 var DEFAULT_CONFIG = {
@@ -1588,11 +1666,12 @@ var ErrorSVG = function ErrorSVG() {
 };
 var ErrorHeader = extractErrorMessage.He(Text)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
 var ErrorScreen = function ErrorScreen() {
+  var _a, _b;
   var _useGlobalReducer = useGlobalReducer(),
     _useGlobalReducer2 = _slicedToArray(_useGlobalReducer, 1),
     state = _useGlobalReducer2[0];
   var currentErrorType = state.errorType;
-  var ErrorTypeMap = _defineProperty(_defineProperty(_defineProperty({}, ErrorType.Default, 'Something went wrong. Try again later or contact your admin for help.'), ErrorType.EmailMagicLink, 'Something went wrong. Your login link may have expired, been revoked, or been used more than once. Request a new login link to try again, or contact your admin for help.'), ErrorType.Organization, 'The organization you are looking for could not be found. If you think this is a mistake, contact your admin.');
+  var ErrorTypeMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ErrorType.Default, 'Something went wrong. Try again later or contact your admin for help.'), ErrorType.EmailMagicLink, 'Something went wrong. Your login link may have expired, been revoked, or been used more than once. Request a new login link to try again, or contact your admin for help.'), ErrorType.Organization, 'The organization you are looking for could not be found. If you think this is a mistake, contact your admin.'), ErrorType.CannotJoinOrgDueToAuthPolicy, "Unable to join due to ".concat((_b = (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.organization_name) !== null && _b !== void 0 ? _b : 'the organization', "'s authentication policy. Please contact your admin for more information."));
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 24,
@@ -2003,7 +2082,8 @@ var SubmitButton = function SubmitButton(props) {
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
     id: 'submit',
     type: "submit",
-    disabled: buttonDisabled
+    disabled: buttonDisabled,
+    variant: props.variant
   }, props.isSubmitting ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     justifyContent: "center"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(CircularProgress, {
@@ -2104,8 +2184,10 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
   var config = useConfig();
   var _extractErrorMessage$18 = extractErrorMessage.h(''),
     _extractErrorMessage$19 = _slicedToArray(_extractErrorMessage$18, 2),
-    email = _extractErrorMessage$19[0],
-    setEmail = _extractErrorMessage$19[1];
+    emailInput = _extractErrorMessage$19[0],
+    setEmailInput = _extractErrorMessage$19[1];
+  var providedEmail = state.primary.email;
+  var email = providedEmail || emailInput;
   var _useMutate2 = useMutate('stytch.magicLinks.email.loginOrSignup', function (_, _ref42) {
       var organization_id = _ref42.arg.organization_id;
       var _a, _b, _c, _d;
@@ -2152,7 +2234,11 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
   };
   return /*#__PURE__*/extractErrorMessage.wn.createElement("form", {
     onSubmit: handleSubmit
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+  }, providedEmail ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
+    isSubmitting: isMutating,
+    text: 'Email me a link',
+    variant: "text"
+  })) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 8
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
@@ -2160,7 +2246,7 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
     minHeight: 52
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailInput, {
     email: email,
-    setEmail: setEmail
+    setEmail: setEmailInput
   }), error && ( /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorText, {
     errorMessage: parseErrorMessage(error, {
       email: email,
@@ -2169,7 +2255,7 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
   }))), /*#__PURE__*/extractErrorMessage.wn.createElement(SubmitButton, {
     isSubmitting: isMutating,
     text: 'Continue with email'
-  })));
+  }))));
 };
 var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
   var _useGlobalReducer9 = useGlobalReducer(),
@@ -2651,42 +2737,6 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
     color: "secondary"
   }, "Get help"))))));
 };
-var OAuthB2BButton = function OAuthB2BButton(props) {
-  var stytchClient = useStytch();
-  var _useGlobalReducer17 = useGlobalReducer(),
-    _useGlobalReducer18 = _slicedToArray(_useGlobalReducer17, 1),
-    state = _useGlobalReducer18[0];
-  var onButtonClick = function onButtonClick() {
-    if (state.flowState.organization) {
-      return stytchClient.oauth[props.providerType].start({
-        login_redirect_url: props.loginRedirectUrl,
-        signup_redirect_url: props.signupRedirectUrl,
-        custom_scopes: props.customScopes,
-        organization_id: state.flowState.organization.organization_id,
-        provider_params: props.providerParams
-      });
-    }
-    return stytchClient.oauth[props.providerType].discovery.start({
-      discovery_redirect_url: props.discoveryRedirectUrl,
-      custom_scopes: props.customScopes,
-      provider_params: props.providerParams
-    });
-  };
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
-    id: "oauth-".concat(props.providerType),
-    type: "button",
-    onClick: onButtonClick,
-    variant: "outlined"
-  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
-    justifyContent: "center",
-    alignItems: "center",
-    gap: 4
-  }, props.icon, /*#__PURE__*/extractErrorMessage.wn.createElement("span", {
-    style: {
-      verticalAlign: 'middle'
-    }
-  }, "Continue with ", props.providerTypeTitle)));
-};
 var CreateIcon = function CreateIcon(IconSvgComponent) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     wrapped: true
@@ -2719,6 +2769,19 @@ var GoogleIconSvg = function GoogleIconSvg() {
   }));
 };
 var GoogleIcon = CreateIcon(GoogleIconSvg);
+var HubSpotIconSvg = function HubSpotIconSvg() {
+  return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
+    viewBox: "0 0 18 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.0762 13.9514C11.6819 13.9514 10.5516 12.8329 10.5516 11.4533C10.5516 10.0735 11.6819 8.95502 13.0762 8.95502C14.4704 8.95502 15.6007 10.0735 15.6007 11.4533C15.6007 12.8329 14.4704 13.9514 13.0762 13.9514ZM13.8319 6.64368V4.42127C14.4181 4.14728 14.8287 3.56045 14.8287 2.87942V2.82812C14.8287 1.8882 14.0516 1.11919 13.1018 1.11919H13.0502C12.1004 1.11919 11.3234 1.8882 11.3234 2.82812V2.87942C11.3234 3.56045 11.7339 4.14752 12.3201 4.42151V6.64368C11.4474 6.7772 10.65 7.13342 9.9923 7.65767L3.82629 2.91106C3.86699 2.75645 3.89557 2.59727 3.89581 2.42995C3.89678 1.36561 3.0262 0.50144 1.95021 0.500001C0.8747 0.498803 0.00121242 1.36058 1.2622e-06 2.42516C-0.0012099 3.48974 0.869371 4.35391 1.94536 4.35511C2.29587 4.35559 2.62046 4.25707 2.90484 4.09694L8.97009 8.76636C8.45437 9.53681 8.15207 10.4597 8.15207 11.4533C8.15207 12.4935 8.48417 13.4557 9.04518 14.247L7.20082 16.0724C7.055 16.029 6.90385 15.9988 6.74349 15.9988C5.85959 15.9988 5.14282 16.7079 5.14282 17.5826C5.14282 18.4576 5.85959 19.1667 6.74349 19.1667C7.62764 19.1667 8.34416 18.4576 8.34416 17.5826C8.34416 17.4244 8.31364 17.2746 8.26979 17.1303L10.0943 15.3247C10.9225 15.9502 11.9539 16.326 13.0762 16.326C15.7957 16.326 18 14.1444 18 11.4533C18 9.0171 16.1915 7.00445 13.8319 6.64368Z",
+    fill: "#FF7A59"
+  }));
+};
+var HubSpotIcon = CreateIcon(HubSpotIconSvg);
 var MicrosoftIconSvg = function MicrosoftIconSvg() {
   return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
     viewBox: "0 0 24 24",
@@ -2739,6 +2802,38 @@ var MicrosoftIconSvg = function MicrosoftIconSvg() {
   }));
 };
 var MicrosoftIcon = CreateIcon(MicrosoftIconSvg);
+var SlackIconSvg = function SlackIconSvg() {
+  return /*#__PURE__*/extractErrorMessage.wn.createElement("svg", {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M6.78176 14.3746C6.78176 15.4153 5.9316 16.2655 4.89088 16.2655C3.85016 16.2655 3 15.4153 3 14.3746C3 13.3339 3.85016 12.4837 4.89088 12.4837H6.78176V14.3746Z",
+    fill: "#E01E5A"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M7.73462 14.3746C7.73462 13.3339 8.58478 12.4837 9.6255 12.4837C10.6662 12.4837 11.5164 13.3339 11.5164 14.3746V19.1091C11.5164 20.1498 10.6662 21 9.6255 21C8.58478 21 7.73462 20.1498 7.73462 19.1091V14.3746Z",
+    fill: "#E01E5A"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M9.6255 6.78176C8.58478 6.78176 7.73462 5.9316 7.73462 4.89088C7.73462 3.85016 8.58478 3 9.6255 3C10.6662 3 11.5164 3.85016 11.5164 4.89088V6.78176H9.6255Z",
+    fill: "#36C5F0"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M9.62541 7.73453C10.6661 7.73453 11.5163 8.58469 11.5163 9.62541C11.5163 10.6661 10.6661 11.5163 9.62541 11.5163H4.89088C3.85016 11.5163 3 10.6661 3 9.62541C3 8.58469 3.85016 7.73453 4.89088 7.73453H9.62541Z",
+    fill: "#36C5F0"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M17.2183 9.62541C17.2183 8.58469 18.0684 7.73453 19.1091 7.73453C20.1499 7.73453 21 8.58469 21 9.62541C21 10.6661 20.1499 11.5163 19.1091 11.5163H17.2183V9.62541Z",
+    fill: "#2EB67D"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M16.2654 9.62541C16.2654 10.6661 15.4152 11.5163 14.3745 11.5163C13.3338 11.5163 12.4836 10.6661 12.4836 9.62541V4.89088C12.4836 3.85016 13.3338 3 14.3745 3C15.4152 3 16.2654 3.85016 16.2654 4.89088V9.62541Z",
+    fill: "#2EB67D"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M14.3745 17.2182C15.4152 17.2182 16.2654 18.0684 16.2654 19.1091C16.2654 20.1498 15.4152 21 14.3745 21C13.3338 21 12.4836 20.1498 12.4836 19.1091V17.2182H14.3745Z",
+    fill: "#ECB22E"
+  }), /*#__PURE__*/extractErrorMessage.wn.createElement("path", {
+    d: "M14.3745 16.2655C13.3338 16.2655 12.4836 15.4153 12.4836 14.3746C12.4836 13.3339 13.3338 12.4837 14.3745 12.4837H19.109C20.1498 12.4837 20.9999 13.3339 20.9999 14.3746C20.9999 15.4153 20.1498 16.2655 19.109 16.2655H14.3745Z",
+    fill: "#ECB22E"
+  }));
+};
+var SlackIcon = CreateIcon(SlackIconSvg);
 var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProviderConfig(provider) {
   var providerType = '';
   var oneTap = false;
@@ -2781,6 +2876,42 @@ var useIsUnmounted = function useIsUnmounted() {
   }, []);
   return isUnmounted;
 };
+var OAuthB2BButton = function OAuthB2BButton(props) {
+  var stytchClient = useStytch();
+  var _useGlobalReducer17 = useGlobalReducer(),
+    _useGlobalReducer18 = _slicedToArray(_useGlobalReducer17, 1),
+    state = _useGlobalReducer18[0];
+  var onButtonClick = function onButtonClick() {
+    if (state.flowState.organization) {
+      return stytchClient.oauth[props.providerType].start({
+        login_redirect_url: props.loginRedirectUrl,
+        signup_redirect_url: props.signupRedirectUrl,
+        custom_scopes: props.customScopes,
+        organization_id: state.flowState.organization.organization_id,
+        provider_params: props.providerParams
+      });
+    }
+    return stytchClient.oauth[props.providerType].discovery.start({
+      discovery_redirect_url: props.discoveryRedirectUrl,
+      custom_scopes: props.customScopes,
+      provider_params: props.providerParams
+    });
+  };
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
+    id: "oauth-".concat(props.providerType),
+    type: "button",
+    onClick: onButtonClick,
+    variant: "outlined"
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    justifyContent: "center",
+    alignItems: "center",
+    gap: 4
+  }, props.icon, /*#__PURE__*/extractErrorMessage.wn.createElement("span", {
+    style: {
+      verticalAlign: 'middle'
+    }
+  }, "Continue with ", props.providerTypeTitle)));
+};
 var OAuthErrorMessage = function OAuthErrorMessage(_ref50) {
   var children = _ref50.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("div", {
@@ -2979,24 +3110,166 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
   }
   return googleAuthButton;
 };
+var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BProducts.oauth, undefined), internal.B2BProducts.sso, 'sso'), internal.B2BProducts.emailMagicLinks, 'magic_link'), internal.B2BProducts.passwords, 'password');
+var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BOAuthProviders.Google, 'google_oauth'), internal.B2BOAuthProviders.Microsoft, 'microsoft_oauth'), internal.B2BOAuthProviders.HubSpot, 'hubspot_oauth'), internal.B2BOAuthProviders.Slack, 'slack_oauth');
+var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref52) {
+  var _ref53 = _slicedToArray(_ref52, 2),
+    product = _ref53[0],
+    method = _ref53[1];
+  if (method) {
+    acc[method] = product;
+  }
+  return acc;
+}, {});
+var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref54) {
+  var _ref55 = _slicedToArray(_ref54, 2),
+    provider = _ref55[0],
+    method = _ref55[1];
+  acc[method] = provider;
+  return acc;
+}, {});
+var oauthProviderToAuthMethod = function oauthProviderToAuthMethod(provider) {
+  return oauthProvidersToAuthMethods[provider];
+};
+var oauthMethodToOauthProvider = function oauthMethodToOauthProvider(authMethod) {
+  return oauthMethodsToOauthProviders[authMethod];
+};
+var productToAuthMethod = function productToAuthMethod(product) {
+  return productsToAuthMethods[product];
+};
+var authMethodToProduct = function authMethodToProduct(authMethod) {
+  if (authMethod in oauthMethodsToOauthProviders) {
+    return internal.B2BProducts.oauth;
+  }
+  return authMethodsToProducts[authMethod];
+};
+var allProducts = Object.keys(productsToAuthMethods);
+var allOauthProviders = Object.values(internal.B2BOAuthProviders);
+var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, oauthProviders) {
+  return products.reduce(function (acc, product) {
+    if (product === internal.B2BProducts.oauth) {
+      oauthProviders.forEach(function (provider) {
+        var authMethod = oauthProviderToAuthMethod(typeof provider === 'string' ? provider : provider.type);
+        if (authMethod) {
+          acc.push(authMethod);
+        }
+      });
+    } else {
+      var authMethod = productToAuthMethod(product);
+      if (authMethod) {
+        acc.push(authMethod);
+      }
+    }
+    return acc;
+  }, []);
+};
+var useOAuthProviderConfigs = function useOAuthProviderConfigs() {
+  var _a;
+  var config = useConfig();
+  return extractErrorMessage.F(function () {
+    var _a;
+    if (!((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers)) {
+      return [];
+    }
+    return config.oauthOptions.providers.map(getParamsFromB2BOAuthProviderConfig);
+  }, [(_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers]);
+};
+var useRestrictedAuthMethods = function useRestrictedAuthMethods() {
+  var _a, _b;
+  var _useGlobalReducer21 = useGlobalReducer(),
+    _useGlobalReducer22 = _slicedToArray(_useGlobalReducer21, 1),
+    state = _useGlobalReducer22[0];
+  var primaryAuthMethods = state.primary.primaryAuthMethods;
+  var hasPrimaryAuthMethods = !!primaryAuthMethods;
+  var restrictedAuthMethods = extractErrorMessage.F(function () {
+    var _a, _b, _c;
+    if (state.primary.primaryAuthMethods) {
+      return new Set(state.primary.primaryAuthMethods);
+    }
+    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
+      return new Set((_c = (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.allowed_auth_methods) !== null && _c !== void 0 ? _c : []);
+    }
+  }, [(_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.allowed_auth_methods, (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.auth_methods, state.primary.primaryAuthMethods]);
+  return {
+    restrictedAuthMethods: restrictedAuthMethods,
+    hasPrimaryAuthMethods: hasPrimaryAuthMethods
+  };
+};
+var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
+  var _a;
+  var _useGlobalReducer23 = useGlobalReducer(),
+    _useGlobalReducer24 = _slicedToArray(_useGlobalReducer23, 1),
+    state = _useGlobalReducer24[0];
+  var config = useConfig();
+  var _useRestrictedAuthMet = useRestrictedAuthMethods(),
+    restrictedAuthMethods = _useRestrictedAuthMet.restrictedAuthMethods,
+    hasPrimaryAuthMethods = _useRestrictedAuthMet.hasPrimaryAuthMethods;
+  var oauthProviderConfigs = useOAuthProviderConfigs();
+  var flattenedConfiguredAuthMethods = extractErrorMessage.F(function () {
+    return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
+  }, [config.products, oauthProviderConfigs]);
+  var authMethodsToShow = extractErrorMessage.F(function () {
+    var _a;
+    if (!restrictedAuthMethods) {
+      return flattenedConfiguredAuthMethods;
+    }
+    var restrictedAuthMethodsInUiConfig = flattenedConfiguredAuthMethods.filter(function (authMethod) {
+      return restrictedAuthMethods.has(authMethod);
+    });
+    if (restrictedAuthMethodsInUiConfig.length > 0 || !hasPrimaryAuthMethods) {
+      return restrictedAuthMethodsInUiConfig;
+    }
+    if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
+      return flattenConfigToAuthMethods(allProducts, allOauthProviders).filter(function (authMethod) {
+        return restrictedAuthMethods.has(authMethod);
+      });
+    }
+    return ['magic_link'];
+  }, [flattenedConfiguredAuthMethods, hasPrimaryAuthMethods, restrictedAuthMethods, (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods]);
+  var products = extractErrorMessage.F(function () {
+    return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(extractErrorMessage.isTruthy)));
+  }, [authMethodsToShow]);
+  var oauthProviderSettings = extractErrorMessage.F(function () {
+    return authMethodsToShow.map(function (authMethod) {
+      var _a;
+      var provider = oauthMethodToOauthProvider(authMethod);
+      if (provider) {
+        return (_a = oauthProviderConfigs.find(function (oauthProvider) {
+          return oauthProvider.type === provider;
+        })) !== null && _a !== void 0 ? _a : provider;
+      }
+    }).filter(extractErrorMessage.isTruthy);
+  }, [authMethodsToShow, oauthProviderConfigs]);
+  return {
+    products: products,
+    oauthProviderSettings: oauthProviderSettings
+  };
+};
 var getProviderInfo = function getProviderInfo(provider) {
   switch (provider) {
     case internal.B2BOAuthProviders.Google:
       return {
         providerTypeTitle: 'Google',
-        allowedAuthMethod: 'google_oauth',
         icon: /*#__PURE__*/extractErrorMessage.y(GoogleIcon, null)
       };
     case internal.B2BOAuthProviders.Microsoft:
       return {
         providerTypeTitle: 'Microsoft',
-        allowedAuthMethod: 'microsoft_oauth',
         icon: /*#__PURE__*/extractErrorMessage.y(MicrosoftIcon, null)
       };
+    case internal.B2BOAuthProviders.HubSpot:
+      return {
+        providerTypeTitle: 'HubSpot',
+        icon: /*#__PURE__*/extractErrorMessage.y(HubSpotIcon, null)
+      };
+    case internal.B2BOAuthProviders.Slack:
+      return {
+        providerTypeTitle: 'Slack',
+        icon: /*#__PURE__*/extractErrorMessage.y(SlackIcon, null)
+      };
     default:
       return {
         providerTypeTitle: '',
-        allowedAuthMethod: '',
         icon: /*#__PURE__*/extractErrorMessage.y(extractErrorMessage.g, null)
       };
   }
@@ -3008,57 +3281,53 @@ var getCustomScopesForProvider = function getCustomScopesForProvider(oauthProvid
   }
   return currentCustomScopes;
 };
-var getProviderParamsForProvider = function getProviderParamsForProvider(oauthProvider, oauthOptionsProviderParams) {
+var getProviderParamsForProvider = function getProviderParamsForProvider(oauthProvider, oauthOptionsProviderParams, email) {
   var currentProviderParams = oauthProvider.providerParams;
   if (Object.keys(currentProviderParams).length == 0) {
-    currentProviderParams = oauthOptionsProviderParams;
+    currentProviderParams = oauthOptionsProviderParams !== null && oauthOptionsProviderParams !== void 0 ? oauthOptionsProviderParams : {};
+  }
+  if (email && (oauthProvider.type === internal.B2BOAuthProviders.Google || oauthProvider.type === internal.B2BOAuthProviders.Microsoft) && !('login_hint' in currentProviderParams)) {
+    currentProviderParams = Object.assign(Object.assign({}, currentProviderParams), {
+      login_hint: email
+    });
   }
   return currentProviderParams;
 };
 var OAuthButtons = function OAuthButtons() {
-  var _a, _b;
+  var _a;
+  var _useGlobalReducer25 = useGlobalReducer(),
+    _useGlobalReducer26 = _slicedToArray(_useGlobalReducer25, 1),
+    state = _useGlobalReducer26[0];
+  var _useEffectiveAuthConf = useEffectiveAuthConfig(),
+    oauthProviderSettings = _useEffectiveAuthConf.oauthProviderSettings;
   var config = useConfig();
-  var _useGlobalReducer21 = useGlobalReducer(),
-    _useGlobalReducer22 = _slicedToArray(_useGlobalReducer21, 1),
-    state = _useGlobalReducer22[0];
-  if (!config.oauthOptions) return /*#__PURE__*/extractErrorMessage.y(extractErrorMessage.g, null);
-  var _config$oauthOptions = config.oauthOptions,
-    providers = _config$oauthOptions.providers,
-    loginRedirectURL = _config$oauthOptions.loginRedirectURL,
-    signupRedirectURL = _config$oauthOptions.signupRedirectURL,
-    discoveryRedirectURL = _config$oauthOptions.discoveryRedirectURL,
-    customScopes = _config$oauthOptions.customScopes,
-    providerParams = _config$oauthOptions.providerParams;
-  var allowedAuthMethods = [];
-  if (state.flowState.organization && state.flowState.organization.auth_methods === 'RESTRICTED') {
-    allowedAuthMethods = (_b = (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.allowed_auth_methods) !== null && _b !== void 0 ? _b : [];
-  }
-  var mappedProviders = providers.map(function (provider) {
+  var _ref56 = (_a = config.oauthOptions) !== null && _a !== void 0 ? _a : {},
+    loginRedirectURL = _ref56.loginRedirectURL,
+    signupRedirectURL = _ref56.signupRedirectURL,
+    discoveryRedirectURL = _ref56.discoveryRedirectURL,
+    customScopes = _ref56.customScopes,
+    providerParams = _ref56.providerParams;
+  var mappedProviders = oauthProviderSettings.map(function (provider) {
     var oauthProvider = getParamsFromB2BOAuthProviderConfig(provider);
     var _getProviderInfo = getProviderInfo(oauthProvider.type),
       icon = _getProviderInfo.icon,
-      providerTypeTitle = _getProviderInfo.providerTypeTitle,
-      allowedAuthMethod = _getProviderInfo.allowedAuthMethod;
-    if (!state.flowState.organization || state.flowState.organization.auth_methods === 'ALL_ALLOWED' || allowedAuthMethods.includes(allowedAuthMethod)) {
-      if (oauthProvider.oneTap) {
-        return /*#__PURE__*/extractErrorMessage.y(B2BGoogleOneTap, {
-          key: "oauth-".concat(oauthProvider.type)
-        });
-      }
-      return /*#__PURE__*/extractErrorMessage.y(OAuthB2BButton, {
-        key: "oauth-".concat(oauthProvider.type),
-        providerType: oauthProvider.type,
-        icon: icon,
-        providerTypeTitle: providerTypeTitle,
-        loginRedirectUrl: loginRedirectURL,
-        signupRedirectUrl: signupRedirectURL,
-        discoveryRedirectUrl: discoveryRedirectURL,
-        customScopes: getCustomScopesForProvider(oauthProvider, customScopes),
-        providerParams: getProviderParamsForProvider(oauthProvider, providerParams)
+      providerTypeTitle = _getProviderInfo.providerTypeTitle;
+    if (oauthProvider.oneTap) {
+      return /*#__PURE__*/extractErrorMessage.y(B2BGoogleOneTap, {
+        key: "oauth-".concat(oauthProvider.type)
       });
     }
-    console.error("Provider ".concat(provider, " is not an `allowed_auth_method` for this organization. Please update your organization settings."));
-    return null;
+    return /*#__PURE__*/extractErrorMessage.y(OAuthB2BButton, {
+      key: "oauth-".concat(oauthProvider.type),
+      providerType: oauthProvider.type,
+      icon: icon,
+      providerTypeTitle: providerTypeTitle,
+      loginRedirectUrl: loginRedirectURL,
+      signupRedirectUrl: signupRedirectURL,
+      discoveryRedirectUrl: discoveryRedirectURL,
+      customScopes: getCustomScopesForProvider(oauthProvider, customScopes),
+      providerParams: getProviderParamsForProvider(oauthProvider, providerParams, state.primary.email)
+    });
   });
   return /*#__PURE__*/extractErrorMessage.y(Flex, {
     direction: "column",
@@ -3068,9 +3337,9 @@ var OAuthButtons = function OAuthButtons() {
 };
 var UsePasswordText = extractErrorMessage.He(Text)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
 var PasswordUseButton = function PasswordUseButton() {
-  var _useGlobalReducer23 = useGlobalReducer(),
-    _useGlobalReducer24 = _slicedToArray(_useGlobalReducer23, 2),
-    dispatch = _useGlobalReducer24[1];
+  var _useGlobalReducer27 = useGlobalReducer(),
+    _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
+    dispatch = _useGlobalReducer28[1];
   var handleUsePassword = function handleUsePassword() {
     dispatch({
       type: 'transition',
@@ -3132,9 +3401,9 @@ var generateProductComponentsOrdering = function generateProductComponentsOrderi
 var Container$1 = extractErrorMessage.He(Flex)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  > * + * {\n    margin-top: 24px;\n  }\n"])));
 var LogoImage$1 = extractErrorMessage.He.img(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  max-height: 50px;\n  max-width: 100px;\n"])));
 var Header = extractErrorMessage.He(Text)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
-var Logo$1 = function Logo$1(_ref52) {
-  var orgLogo = _ref52.orgLogo,
-    appLogo = _ref52.appLogo;
+var Logo$1 = function Logo$1(_ref57) {
+  var orgLogo = _ref57.orgLogo,
+    appLogo = _ref57.appLogo;
   if (orgLogo !== '' && appLogo !== '') return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null);
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     justifyContent: "center",
@@ -3145,8 +3414,8 @@ var Logo$1 = function Logo$1(_ref52) {
     src: appLogo
   }));
 };
-var ProductComponents = function ProductComponents(_ref53) {
-  var components = _ref53.components;
+var ProductComponents = function ProductComponents(_ref58) {
+  var components = _ref58.components;
   var renderedComponents = components.map(function (component) {
     switch (component) {
       case Component.MagicLinkEmailForm:
@@ -3188,28 +3457,19 @@ var ProductComponents = function ProductComponents(_ref53) {
   return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, renderedComponents);
 };
 var MainScreen = function MainScreen() {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d;
   var _extractErrorMessage$28 = extractErrorMessage.Ze(),
     displayHeader = _extractErrorMessage$28.displayHeader,
     logo = _extractErrorMessage$28.logo;
-  var config = useConfig();
-  var _useGlobalReducer25 = useGlobalReducer(),
-    _useGlobalReducer26 = _slicedToArray(_useGlobalReducer25, 1),
-    state = _useGlobalReducer26[0];
-  var allowedProducts = [];
-  var products = config.products;
-  if (((_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods) === 'RESTRICTED') {
-    var allowedAuthMethods = (_c = (_b = state.flowState.organization) === null || _b === void 0 ? void 0 : _b.allowed_auth_methods) !== null && _c !== void 0 ? _c : [];
-    allowedAuthMethods.forEach(function (authMethod) {
-      if (authMethod === 'sso') allowedProducts.push(internal.B2BProducts.sso);
-      if (authMethod === 'magic_link') allowedProducts.push(internal.B2BProducts.emailMagicLinks);
-      if (authMethod === 'password') allowedProducts.push(internal.B2BProducts.passwords);
-      if (authMethod === 'google_oauth' || authMethod === 'microsoft_oauth') allowedProducts.push(internal.B2BProducts.oauth);
-    });
-    products = products.filter(function (product) {
-      return allowedProducts.includes(product);
-    });
-  }
+  var _useGlobalReducer29 = useGlobalReducer(),
+    _useGlobalReducer30 = _slicedToArray(_useGlobalReducer29, 1),
+    state = _useGlobalReducer30[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 ProductComponentsOrdering = generateProductComponentsOrdering(products, state.flowState);
   var title;
   switch (state.flowState.type) {
@@ -3220,19 +3480,26 @@ var MainScreen = function MainScreen() {
       title = '';
       break;
     default:
-      title = "Continue to ".concat((_e = (_d = state.flowState.organization) === null || _d === void 0 ? void 0 : _d.organization_name) !== null && _e !== void 0 ? _e : '...');
+      title = "Continue to ".concat((_b = (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.organization_name) !== null && _b !== void 0 ? _b : '...');
       break;
   }
+  var showVerifyEmailCopy = email && emailVerified === false && primaryAuthMethods;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Container$1, {
     direction: "column"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Logo$1, {
     appLogo: logo.logoImageUrl,
-    orgLogo: (_g = (_f = state.flowState.organization) === null || _f === void 0 ? void 0 : _f.organization_logo_url) !== null && _g !== void 0 ? _g : ''
-  }), displayHeader && title ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    orgLogo: (_d = (_c = state.flowState.organization) === null || _c === void 0 ? void 0 : _c.organization_logo_url) !== null && _d !== void 0 ? _d : ''
+  }), displayHeader && (showVerifyEmailCopy ? ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    justifyContent: "center",
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    size: "header"
+  }, "Verify your email"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Confirm your email address with one of the following:"))) : title && ( /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     justifyContent: "center"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Header, {
     size: "header"
-  }, title))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null)), /*#__PURE__*/extractErrorMessage.wn.createElement(ProductComponents, {
+  }, title)))), /*#__PURE__*/extractErrorMessage.wn.createElement(ProductComponents, {
     components: ProductComponentsOrdering
   }));
 };
@@ -3339,10 +3606,10 @@ var inboxLinks$1 = function inboxLinks$1(emailDomain) {
 var Link$1 = extractErrorMessage.He.a(_templateObject28 || (_templateObject28 = _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(_ref54) {
-  var label = _ref54.label,
-    href = _ref54.href,
-    Icon = _ref54.Icon;
+var EmailProviderLink$1 = function EmailProviderLink$1(_ref59) {
+  var label = _ref59.label,
+    href = _ref59.href,
+    Icon = _ref59.Icon;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/extractErrorMessage.wn.createElement(Link$1, {
@@ -3351,10 +3618,10 @@ var EmailProviderLink$1 = function EmailProviderLink$1(_ref54) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Open in ", label)));
 };
-var EmailConfirmation$1 = function EmailConfirmation$1(_ref55) {
-  var emailDomain = _ref55.emailDomain,
-    reset = _ref55.reset,
-    email = _ref55.email;
+var EmailConfirmation$1 = function EmailConfirmation$1(_ref60) {
+  var emailDomain = _ref60.emailDomain,
+    reset = _ref60.reset,
+    email = _ref60.email;
   var _inboxLinks$ = inboxLinks$1(emailDomain),
     GMAIL = _inboxLinks$.GMAIL,
     YAHOO = _inboxLinks$.YAHOO,
@@ -3400,8 +3667,8 @@ var useEmailDomain$1 = function useEmailDomain$1() {
     emailDomains = _extractErrorMessage$30[0],
     setEmailDomains = _extractErrorMessage$30[1];
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref56) {
-      var emailDomains = _ref56.emailDomains;
+    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref61) {
+      var emailDomains = _ref61.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -3414,10 +3681,10 @@ var useEmailDomain$1 = function useEmailDomain$1() {
   return null;
 };
 var EmailConfirmation = function EmailConfirmation() {
-  var _useGlobalReducer27 = useGlobalReducer(),
-    _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
-    state = _useGlobalReducer28[0],
-    dispatch = _useGlobalReducer28[1];
+  var _useGlobalReducer31 = useGlobalReducer(),
+    _useGlobalReducer32 = _slicedToArray(_useGlobalReducer31, 2),
+    state = _useGlobalReducer32[0],
+    dispatch = _useGlobalReducer32[1];
   var emailDomain = useEmailDomain$1();
   var reset = function reset() {
     dispatch({
@@ -3457,23 +3724,26 @@ var LoadingScreen = function LoadingScreen() {
     thickness: 8
   }));
 };
-var OrganizationsContainer = extractErrorMessage.He(Flex)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref57) {
-  var theme = _ref57.theme;
+var isJoinViaJitType = function isJoinViaJitType(type) {
+  return type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';
+};
+var OrganizationsContainer = extractErrorMessage.He(Flex)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref62) {
+  var theme = _ref62.theme;
   return theme.container.border;
-}, function (_ref58) {
-  var theme = _ref58.theme;
+}, function (_ref63) {
+  var theme = _ref63.theme;
   return theme.container.borderRadius;
-}, function (_ref59) {
-  var theme = _ref59.theme;
+}, function (_ref64) {
+  var theme = _ref64.theme;
   return theme.container.border;
 });
 var OrganizationsRow = extractErrorMessage.He(Flex)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  cursor: pointer;\n"])));
 var LogoImage = extractErrorMessage.He.img(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  border-radius: 4px;\n"])));
-var LogoText = extractErrorMessage.He(Flex)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\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 (_ref60) {
-  var theme = _ref60.theme;
+var LogoText = extractErrorMessage.He(Flex)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\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 (_ref65) {
+  var theme = _ref65.theme;
   return theme.buttons.primary.backgroundColor;
-}, function (_ref61) {
-  var theme = _ref61.theme;
+}, function (_ref66) {
+  var theme = _ref66.theme;
   return theme.buttons.primary.textColor;
 });
 var RightArrowSVG = function RightArrowSVG() {
@@ -3488,9 +3758,9 @@ var RightArrowSVG = function RightArrowSVG() {
     fill: "#19303D"
   }));
 };
-var Logo = function Logo(_ref62) {
-  var name = _ref62.name,
-    logo = _ref62.logo;
+var Logo = function Logo(_ref67) {
+  var name = _ref67.name,
+    logo = _ref67.logo;
   if (logo !== '') {
     return /*#__PURE__*/extractErrorMessage.y(LogoImage, {
       src: logo
@@ -3501,17 +3771,17 @@ var Logo = function Logo(_ref62) {
     justifyContent: "center"
   }, name[0]);
 };
-var ArrowText = function ArrowText(_ref63) {
-  var type = _ref63.type;
-  if (type === 'eligible_to_join_by_email_domain' || type === 'pending_member') return /*#__PURE__*/extractErrorMessage.y(Text, null, "Join");
+var ArrowText = function ArrowText(_ref68) {
+  var type = _ref68.type;
+  if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/extractErrorMessage.y(Text, null, "Join");
   if (type === 'invited_member') return /*#__PURE__*/extractErrorMessage.y(Text, null, "Accept Invite");
   return /*#__PURE__*/extractErrorMessage.y(extractErrorMessage.g, null);
 };
 var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
-  var _useGlobalReducer29 = useGlobalReducer(),
-    _useGlobalReducer30 = _slicedToArray(_useGlobalReducer29, 2),
-    state = _useGlobalReducer30[0],
-    dispatch = _useGlobalReducer30[1];
+  var _useGlobalReducer33 = useGlobalReducer(),
+    _useGlobalReducer34 = _slicedToArray(_useGlobalReducer33, 2),
+    state = _useGlobalReducer34[0],
+    dispatch = _useGlobalReducer34[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var _useBootstrap = useBootstrap(),
@@ -3578,16 +3848,16 @@ var shouldAllowDirectLoginToOrganization = function shouldAllowDirectLoginToOrga
     return org.membership.type === 'active_member';
   });
   var hasBlockingConditions = organizations.some(function (org) {
-    return (org.membership.type === 'pending_member' || org.membership.type === 'invited_member') && !config.ignoreInvites || org.membership.type === 'eligible_to_join_by_email_domain' && !config.ignoreJitProvisioning;
+    return (org.membership.type === 'pending_member' || org.membership.type === 'invited_member') && !config.ignoreInvites || isJoinViaJitType(org.membership.type) && !config.ignoreJitProvisioning;
   });
   return activeOrganizations.length === 1 && !hasBlockingConditions ? activeOrganizations[0] : null;
 };
 var Discovery = function Discovery() {
   var _a;
-  var _useGlobalReducer31 = useGlobalReducer(),
-    _useGlobalReducer32 = _slicedToArray(_useGlobalReducer31, 2),
-    state = _useGlobalReducer32[0],
-    dispatch = _useGlobalReducer32[1];
+  var _useGlobalReducer35 = useGlobalReducer(),
+    _useGlobalReducer36 = _slicedToArray(_useGlobalReducer35, 2),
+    state = _useGlobalReducer36[0],
+    dispatch = _useGlobalReducer36[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var shouldDirectLoginConfigEnabled = !!((_a = config.directLoginForSingleMembership) === null || _a === void 0 ? void 0 : _a.status);
@@ -3600,24 +3870,15 @@ var Discovery = function Discovery() {
     }
   }, [shouldDirectLoginConfigEnabled, state.formState.discoveryState.discoveredOrganizations, config.directLoginForSingleMembership]);
   var handleDiscoveryOrganizationStart = function handleDiscoveryOrganizationStart(discoveredOrganization) {
-    var _a;
     var organization = discoveredOrganization.organization;
-    var email = (_a = discoveredOrganization.membership.member) === null || _a === void 0 ? void 0 : _a.email_address;
     if (discoveredOrganization.primary_required) {
-      if (organization.allowed_auth_methods && organization.allowed_auth_methods.length === 1 && organization.allowed_auth_methods[0] === 'sso' && organization.sso_default_connection_id) {
+      var allowedAuthMethods = discoveredOrganization.primary_required.allowed_auth_methods;
+      if (allowedAuthMethods && allowedAuthMethods.length === 1 && allowedAuthMethods[0] === 'sso' && organization.sso_default_connection_id) {
         startSso(organization.sso_default_connection_id);
       } else {
         dispatch({
-          type: 'set_organization',
-          organization: organization
-        });
-        dispatch({
-          type: 'set_password_state',
-          email: email !== null && email !== void 0 ? email : ''
-        });
-        dispatch({
-          type: 'transition',
-          screen: AppScreens$1.Main
+          type: 'select_discovered_organization',
+          discoveredOrganization: discoveredOrganization
         });
       }
     } else {
@@ -3631,8 +3892,8 @@ var Discovery = function Discovery() {
       connection_id: connectionId
     });
   }, [stytchClient]);
-  var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref64) {
-      var organizationId = _ref64.arg.organizationId;
+  var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref69) {
+      var organizationId = _ref69.arg.organizationId;
       return stytchClient.discovery.intermediateSessions.exchange({
         organization_id: organizationId,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -3857,9 +4118,9 @@ var StyledButton = extractErrorMessage.He.button(_templateObject33 || (_template
 });
 var MenuText = extractErrorMessage.He.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
 var ChevronContainer = extractErrorMessage.He.span(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var MenuButton = function MenuButton(_ref65) {
-  var children = _ref65.children,
-    onClick = _ref65.onClick;
+var MenuButton = function MenuButton(_ref70) {
+  var children = _ref70.children,
+    onClick = _ref70.onClick;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(StyledButton, {
     type: "button",
     onClick: onClick
@@ -3876,10 +4137,10 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
   var _useConfig = useConfig(),
     mfaProductInclude = _useConfig.mfaProductInclude,
     mfaProductOrder = _useConfig.mfaProductOrder;
-  var _useGlobalReducer33 = useGlobalReducer(),
-    _useGlobalReducer34 = _slicedToArray(_useGlobalReducer33, 2),
-    state = _useGlobalReducer34[0],
-    dispatch = _useGlobalReducer34[1];
+  var _useGlobalReducer37 = useGlobalReducer(),
+    _useGlobalReducer38 = _slicedToArray(_useGlobalReducer37, 2),
+    state = _useGlobalReducer38[0],
+    dispatch = _useGlobalReducer38[1];
   var organizationMfaOptionsSupported = state.mfa.primaryInfo.organizationMfaOptionsSupported;
   var handleChooseMethod = function handleChooseMethod(method) {
     dispatch({
@@ -3918,9 +4179,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
     size: "header"
   }, "Set up Multi-Factor Authentication"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column"
-  }, displayOptions.map(function (_ref66) {
-    var option = _ref66.option,
-      label = _ref66.label;
+  }, displayOptions.map(function (_ref71) {
+    var option = _ref71.option,
+      label = _ref71.label;
     return /*#__PURE__*/extractErrorMessage.wn.createElement(MenuButton, {
       key: option,
       onClick: function onClick() {
@@ -3945,10 +4206,10 @@ var inboxLinks = function inboxLinks(emailDomain) {
 var Link = extractErrorMessage.He.a(_templateObject36 || (_templateObject36 = _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(_ref67) {
-  var label = _ref67.label,
-    href = _ref67.href,
-    Icon = _ref67.Icon;
+var EmailProviderLink = function EmailProviderLink(_ref72) {
+  var label = _ref72.label,
+    href = _ref72.href,
+    Icon = _ref72.Icon;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/extractErrorMessage.wn.createElement(Link, {
@@ -3957,16 +4218,16 @@ var EmailProviderLink = function EmailProviderLink(_ref67) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Open in ", label)));
 };
-var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref68) {
-  var emailDomain = _ref68.emailDomain,
-    reset = _ref68.reset,
-    email = _ref68.email;
+var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref73) {
+  var emailDomain = _ref73.emailDomain,
+    reset = _ref73.reset,
+    email = _ref73.email;
   var _inboxLinks = inboxLinks(emailDomain),
     GMAIL = _inboxLinks.GMAIL,
     OUTLOOK = _inboxLinks.OUTLOOK;
-  var _useGlobalReducer35 = useGlobalReducer(),
-    _useGlobalReducer36 = _slicedToArray(_useGlobalReducer35, 2),
-    dispatch = _useGlobalReducer36[1];
+  var _useGlobalReducer39 = useGlobalReducer(),
+    _useGlobalReducer40 = _slicedToArray(_useGlobalReducer39, 2),
+    dispatch = _useGlobalReducer40[1];
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -4015,8 +4276,8 @@ var useEmailDomain = function useEmailDomain() {
     emailDomains = _extractErrorMessage$32[0],
     setEmailDomains = _extractErrorMessage$32[1];
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref69) {
-      var emailDomains = _ref69.emailDomains;
+    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref74) {
+      var emailDomains = _ref74.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -4029,10 +4290,10 @@ var useEmailDomain = function useEmailDomain() {
   return null;
 };
 var PasswordResetConfirmation = function PasswordResetConfirmation() {
-  var _useGlobalReducer37 = useGlobalReducer(),
-    _useGlobalReducer38 = _slicedToArray(_useGlobalReducer37, 2),
-    state = _useGlobalReducer38[0],
-    dispatch = _useGlobalReducer38[1];
+  var _useGlobalReducer41 = useGlobalReducer(),
+    _useGlobalReducer42 = _slicedToArray(_useGlobalReducer41, 2),
+    state = _useGlobalReducer42[0],
+    dispatch = _useGlobalReducer42[1];
   var emailDomain = useEmailDomain();
   var reset = function reset() {
     dispatch({
@@ -4053,8 +4314,8 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
 var Block = extractErrorMessage.He.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
   return props.$bgColor;
 });
-var PasswordStrengthCheck = function PasswordStrengthCheck(_ref70) {
-  var score = _ref70.score;
+var PasswordStrengthCheck = function PasswordStrengthCheck(_ref75) {
+  var score = _ref75.score;
   var blocks = [];
   switch (score) {
     case 0:
@@ -4155,9 +4416,9 @@ var Form = extractErrorMessage.He.form(_templateObject38 || (_templateObject38 =
 var PasswordResetForm = function PasswordResetForm() {
   var stytchClient = useStytch();
   var config = useConfig();
-  var _useGlobalReducer39 = useGlobalReducer(),
-    _useGlobalReducer40 = _slicedToArray(_useGlobalReducer39, 2),
-    dispatch = _useGlobalReducer40[1];
+  var _useGlobalReducer43 = useGlobalReducer(),
+    _useGlobalReducer44 = _slicedToArray(_useGlobalReducer43, 2),
+    dispatch = _useGlobalReducer44[1];
   var onEvent = useEventCallback();
   var onError = useErrorCallback();
   var _extractErrorMessage$33 = extractErrorMessage.h(''),
@@ -4214,13 +4475,13 @@ var PasswordResetForm = function PasswordResetForm() {
     return internal.debounce(function (password) {
       return stytchClient.passwords.strengthCheck({
         password: password
-      }).then(function (_ref71) {
-        var score = _ref71.score,
-          valid_password = _ref71.valid_password,
-          zxcvbn_feedback = _ref71.zxcvbn_feedback,
-          luds_feedback = _ref71.luds_feedback,
-          strength_policy = _ref71.strength_policy,
-          breached_password = _ref71.breached_password;
+      }).then(function (_ref76) {
+        var score = _ref76.score,
+          valid_password = _ref76.valid_password,
+          zxcvbn_feedback = _ref76.zxcvbn_feedback,
+          luds_feedback = _ref76.luds_feedback,
+          strength_policy = _ref76.strength_policy,
+          breached_password = _ref76.breached_password;
         setStrengthPolicy(strength_policy);
         setInvalidPassword(!valid_password);
         if (strength_policy === 'zxcvbn') {
@@ -4364,9 +4625,9 @@ var PasswordResetForm = function PasswordResetForm() {
   }))));
 };
 var PasswordSetNew = function PasswordSetNew() {
-  var _useGlobalReducer41 = useGlobalReducer(),
-    _useGlobalReducer42 = _slicedToArray(_useGlobalReducer41, 2),
-    dispatch = _useGlobalReducer42[1];
+  var _useGlobalReducer45 = useGlobalReducer(),
+    _useGlobalReducer46 = _slicedToArray(_useGlobalReducer45, 2),
+    dispatch = _useGlobalReducer46[1];
   var onEvent = useEventCallback();
   var config = useConfig();
   var _usePasswordInput3 = usePasswordInput(),
@@ -4422,9 +4683,9 @@ var PasswordSetNew = function PasswordSetNew() {
   }, "Resend email"))));
 };
 var PasswordsForgotForm = function PasswordsForgotForm() {
-  var _useGlobalReducer43 = useGlobalReducer(),
-    _useGlobalReducer44 = _slicedToArray(_useGlobalReducer43, 2),
-    dispatch = _useGlobalReducer44[1];
+  var _useGlobalReducer47 = useGlobalReducer(),
+    _useGlobalReducer48 = _slicedToArray(_useGlobalReducer47, 2),
+    dispatch = _useGlobalReducer48[1];
   var config = useConfig();
   var onEvent = useEventCallback();
   var passwordOptions = config.passwordOptions;
@@ -4455,8 +4716,8 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
           case 4:
             setErrorMessage('');
             setIsSubmitting(true);
-            internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref72) {
-              var member = _ref72.member;
+            internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref77) {
+              var member = _ref77.member;
               var _a, _b, _c, _d;
               if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
                 handleNonMemberReset();
@@ -4536,10 +4797,10 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
   var stytchClient = useStytch();
   var _useConfig2 = useConfig(),
     sessionDurationMinutes = _useConfig2.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer45 = useGlobalReducer(),
-    _useGlobalReducer46 = _slicedToArray(_useGlobalReducer45, 2),
-    state = _useGlobalReducer46[0],
-    dispatch = _useGlobalReducer46[1];
+  var _useGlobalReducer49 = useGlobalReducer(),
+    _useGlobalReducer50 = _slicedToArray(_useGlobalReducer49, 2),
+    state = _useGlobalReducer50[0],
+    dispatch = _useGlobalReducer50[1];
   var _state$mfa$primaryInf = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf.memberId,
     organizationId = _state$mfa$primaryInf.organizationId;
@@ -4547,12 +4808,12 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
     _extractErrorMessage$58 = _slicedToArray(_extractErrorMessage$57, 2),
     recoveryCode = _extractErrorMessage$58[0],
     setRecoveryCode = _extractErrorMessage$58[1];
-  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref73) {
-      var _ref73$arg = _ref73.arg,
-        recoveryCode = _ref73$arg.recoveryCode,
-        memberId = _ref73$arg.memberId,
-        organizationId = _ref73$arg.organizationId,
-        sessionDurationMinutes = _ref73$arg.sessionDurationMinutes;
+  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref78) {
+      var _ref78$arg = _ref78.arg,
+        recoveryCode = _ref78$arg.recoveryCode,
+        memberId = _ref78$arg.memberId,
+        organizationId = _ref78$arg.organizationId,
+        sessionDurationMinutes = _ref78$arg.sessionDurationMinutes;
       return stytchClient.recoveryCodes.recover({
         recovery_code: recoveryCode,
         member_id: memberId,
@@ -4636,10 +4897,10 @@ var downloadFile = function downloadFile(content, filename) {
   URL.revokeObjectURL(url);
 };
 var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
-  var _useGlobalReducer47 = useGlobalReducer(),
-    _useGlobalReducer48 = _slicedToArray(_useGlobalReducer47, 2),
-    state = _useGlobalReducer48[0],
-    dispatch = _useGlobalReducer48[1];
+  var _useGlobalReducer51 = useGlobalReducer(),
+    _useGlobalReducer52 = _slicedToArray(_useGlobalReducer51, 2),
+    state = _useGlobalReducer52[0],
+    dispatch = _useGlobalReducer52[1];
   var recoveryCodes = state.mfa.totp.enrollment.recoveryCodes;
   var handleContinue = function handleContinue() {
     dispatch({
@@ -4708,9 +4969,9 @@ var Select = extractErrorMessage.He.select(_templateObject41 || (_templateObject
 }, function (props) {
   return props.theme.typography.fontFamily;
 });
-var CountrySelector = function CountrySelector(_ref74) {
-  var country = _ref74.country,
-    setCountry = _ref74.setCountry;
+var CountrySelector = function CountrySelector(_ref79) {
+  var country = _ref79.country,
+    setCountry = _ref79.setCountry;
   var countryFormatter = new Intl.DisplayNames(['en'], {
     type: 'region'
   });
@@ -4721,10 +4982,10 @@ var CountrySelector = function CountrySelector(_ref74) {
     onChange: function onChange(e) {
       setCountry(e.target.value);
     }
-  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref75) {
-    var _ref76 = _slicedToArray(_ref75, 2),
-      countryCode = _ref76[0],
-      countryNumber = _ref76[1];
+  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref80) {
+    var _ref81 = _slicedToArray(_ref80, 2),
+      countryCode = _ref81[0],
+      countryNumber = _ref81[1];
     return /*#__PURE__*/extractErrorMessage.wn.createElement("option", {
       key: countryCode,
       value: countryCode
@@ -4732,13 +4993,13 @@ var CountrySelector = function CountrySelector(_ref74) {
   }));
 };
 var PhoneStyledInput = extractErrorMessage.He(Input)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
-var PhoneInput = function PhoneInput(_ref77) {
-  var phone = _ref77.phone,
-    setPhone = _ref77.setPhone,
-    country = _ref77.country,
-    setCountry = _ref77.setCountry,
-    parsePhoneNumber = _ref77.parsePhoneNumber,
-    hasPasskeys = _ref77.hasPasskeys;
+var PhoneInput = function PhoneInput(_ref82) {
+  var phone = _ref82.phone,
+    setPhone = _ref82.setPhone,
+    country = _ref82.country,
+    setCountry = _ref82.setCountry,
+    parsePhoneNumber = _ref82.parsePhoneNumber,
+    hasPasskeys = _ref82.hasPasskeys;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -4793,8 +5054,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_internal$StytchSDKEr) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(internal.StytchSDKError);
-var findErrorTypeFrom = function findErrorTypeFrom(_ref78) {
-  var error = _ref78.error;
+var findErrorTypeFrom = function findErrorTypeFrom(_ref83) {
+  var error = _ref83.error;
   var errorType = extractErrorType(error);
   return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
 };
@@ -4805,10 +5066,10 @@ var supportedErrorTypeMap = {
 var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
   var _a, _b;
   var stytchClient = useStytch();
-  var _useGlobalReducer49 = useGlobalReducer(),
-    _useGlobalReducer50 = _slicedToArray(_useGlobalReducer49, 2),
-    state = _useGlobalReducer50[0],
-    dispatch = _useGlobalReducer50[1];
+  var _useGlobalReducer53 = useGlobalReducer(),
+    _useGlobalReducer54 = _slicedToArray(_useGlobalReducer53, 2),
+    state = _useGlobalReducer54[0],
+    dispatch = _useGlobalReducer54[1];
   var _state$mfa$smsOtp = state.mfa.smsOtp,
     isSending = _state$mfa$smsOtp.isSending,
     sendError = _state$mfa$smsOtp.sendError,
@@ -4834,8 +5095,8 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
       regionCode: countryCode
     });
   };
-  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref79) {
-      var parsedNumber = _ref79.arg.parsedNumber;
+  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref84) {
+      var parsedNumber = _ref84.arg.parsedNumber;
       return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -4934,9 +5195,9 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
     disabled: !phoneNumber
   })));
 };
-var InlineButton = function InlineButton(_ref80) {
-  var onClick = _ref80.onClick,
-    children = _ref80.children;
+var InlineButton = function InlineButton(_ref85) {
+  var onClick = _ref85.onClick,
+    children = _ref85.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("button", {
     onClick: onClick,
     style: {
@@ -4948,45 +5209,45 @@ var InlineButton = function InlineButton(_ref80) {
     }
   }, children));
 };
-var Wrapper = extractErrorMessage.He.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref81) {
-  var isOpen = _ref81.isOpen;
+var Wrapper = extractErrorMessage.He.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref86) {
+  var isOpen = _ref86.isOpen;
   return isOpen ? '1fr' : '0fr';
 });
 var Inner = extractErrorMessage.He.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-var AnimatedContainer = function AnimatedContainer(_ref82) {
-  var isOpen = _ref82.isOpen,
-    children = _ref82.children;
+var AnimatedContainer = function AnimatedContainer(_ref87) {
+  var isOpen = _ref87.isOpen,
+    children = _ref87.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Wrapper, {
     isOpen: isOpen
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Inner, null, children));
 };
-var Container = extractErrorMessage.He.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref83) {
-  var theme = _ref83.theme;
+var Container = extractErrorMessage.He.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref88) {
+  var theme = _ref88.theme;
   return theme.colors.disabled;
 });
 var loading = extractErrorMessage.Ue(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
-var Progress = extractErrorMessage.He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref84) {
-  var theme = _ref84.theme;
+var Progress = extractErrorMessage.He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref89) {
+  var theme = _ref89.theme;
   return theme.colors.primary;
 }, loading);
-var LoadingBar = function LoadingBar(_ref85) {
-  var isLoading = _ref85.isLoading;
+var LoadingBar = function LoadingBar(_ref90) {
+  var isLoading = _ref90.isLoading;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Container, null, isLoading && /*#__PURE__*/extractErrorMessage.wn.createElement(Progress, null));
 };
 var GAP = '8px';
 var WIDTH = '46px';
 var INPUT_HEIGHT = '46px';
-var Digit = extractErrorMessage.He.div(_templateObject48 || (_templateObject48 = _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 (_ref86) {
-  var disabled = _ref86.disabled,
-    theme = _ref86.theme;
+var Digit = extractErrorMessage.He.div(_templateObject48 || (_templateObject48 = _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 (_ref91) {
+  var disabled = _ref91.disabled,
+    theme = _ref91.theme;
   return disabled ? theme.colors.disabled : '#ADBCC5';
-}, INPUT_HEIGHT, WIDTH, function (_ref87) {
-  var disabled = _ref87.disabled,
-    theme = _ref87.theme;
+}, INPUT_HEIGHT, WIDTH, function (_ref92) {
+  var disabled = _ref92.disabled,
+    theme = _ref92.theme;
   return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
-}, function (_ref88) {
-  var disabled = _ref88.disabled,
-    theme = _ref88.theme;
+}, function (_ref93) {
+  var disabled = _ref93.disabled,
+    theme = _ref93.theme;
   return disabled ? theme.colors.disabledText : theme.inputs.textColor;
 });
 var digitsContainerStyles = {
@@ -5016,20 +5277,20 @@ var invisibleInputStyles = {
   paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
   zIndex: 10
 };
-var DigitAtIndex = function DigitAtIndex(_ref89) {
-  var index = _ref89.index,
-    disabled = _ref89.disabled,
-    otp = _ref89.otp;
+var DigitAtIndex = function DigitAtIndex(_ref94) {
+  var index = _ref94.index,
+    disabled = _ref94.disabled,
+    otp = _ref94.otp;
   var fill = otp ? otp[index] : '';
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Digit, {
     disabled: disabled,
     "data-testid": "otp-".concat(index)
   }, fill);
 };
-var OTPInput = function OTPInput(_ref90) {
-  var otp = _ref90.otp,
-    setOtp = _ref90.setOtp,
-    disabled = _ref90.disabled;
+var OTPInput = function OTPInput(_ref95) {
+  var otp = _ref95.otp,
+    setOtp = _ref95.setOtp,
+    disabled = _ref95.disabled;
   var onPasscodeChange = function onPasscodeChange(e) {
     if (!/^\d*$/.test(e.target.value)) {
       return;
@@ -5061,10 +5322,10 @@ var OTPInput = function OTPInput(_ref90) {
   })));
 };
 var OTP_CODE_LENGTH = 6;
-var OTPControl = function OTPControl(_ref91) {
-  var isSubmitting = _ref91.isSubmitting,
-    onSubmit = _ref91.onSubmit,
-    errorMessage = _ref91.errorMessage;
+var OTPControl = function OTPControl(_ref96) {
+  var isSubmitting = _ref96.isSubmitting,
+    onSubmit = _ref96.onSubmit,
+    errorMessage = _ref96.errorMessage;
   var _extractErrorMessage$63 = extractErrorMessage.h(''),
     _extractErrorMessage$64 = _slicedToArray(_extractErrorMessage$63, 2),
     otp = _extractErrorMessage$64[0],
@@ -5097,13 +5358,13 @@ var OTPControl = function OTPControl(_ref91) {
     errorMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : ''
   }));
 };
-var OTPEntry = function OTPEntry(_ref92) {
-  var header = _ref92.header,
-    helperContent = _ref92.helperContent,
-    instruction = _ref92.instruction,
-    isSubmitting = _ref92.isSubmitting,
-    onSubmit = _ref92.onSubmit,
-    errorMessage = _ref92.errorMessage;
+var OTPEntry = function OTPEntry(_ref97) {
+  var header = _ref97.header,
+    helperContent = _ref97.helperContent,
+    instruction = _ref97.instruction,
+    isSubmitting = _ref97.isSubmitting,
+    onSubmit = _ref97.onSubmit,
+    errorMessage = _ref97.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -5122,9 +5383,9 @@ var getSecondsRemaining = function getSecondsRemaining(expiration) {
   var now = new Date();
   return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
 };
-var ExpirationMessage = function ExpirationMessage(_ref93) {
-  var expiration = _ref93.expiration,
-    resendOTP = _ref93.resendOTP;
+var ExpirationMessage = function ExpirationMessage(_ref98) {
+  var expiration = _ref98.expiration,
+    resendOTP = _ref98.resendOTP;
   var _extractErrorMessage$65 = extractErrorMessage.h(function () {
       return getSecondsRemaining(expiration);
     }),
@@ -5152,13 +5413,13 @@ var ExpirationMessage = function ExpirationMessage(_ref93) {
     onClick: resendOTP
   }, "Resend code"));
 };
-var SentOTPEntry = function SentOTPEntry(_ref94) {
-  var expiration = _ref94.expiration,
-    formattedDestination = _ref94.formattedDestination,
-    isSubmitting = _ref94.isSubmitting,
-    onSubmit = _ref94.onSubmit,
-    errorMessage = _ref94.errorMessage,
-    resendOTP = _ref94.resendOTP;
+var SentOTPEntry = function SentOTPEntry(_ref99) {
+  var expiration = _ref99.expiration,
+    formattedDestination = _ref99.formattedDestination,
+    isSubmitting = _ref99.isSubmitting,
+    onSubmit = _ref99.onSubmit,
+    errorMessage = _ref99.errorMessage,
+    resendOTP = _ref99.resendOTP;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter passcode",
     helperContent: /*#__PURE__*/extractErrorMessage.wn.createElement(ExpirationMessage, {
@@ -5176,10 +5437,10 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
   var stytchClient = useStytch();
   var _useConfig3 = useConfig(),
     sessionDurationMinutes = _useConfig3.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer51 = useGlobalReducer(),
-    _useGlobalReducer52 = _slicedToArray(_useGlobalReducer51, 2),
-    state = _useGlobalReducer52[0],
-    dispatch = _useGlobalReducer52[1];
+  var _useGlobalReducer55 = useGlobalReducer(),
+    _useGlobalReducer56 = _slicedToArray(_useGlobalReducer55, 2),
+    state = _useGlobalReducer56[0],
+    dispatch = _useGlobalReducer56[1];
   var _state$mfa = state.mfa,
     isEnrolling = _state$mfa.isEnrolling,
     _state$mfa$smsOtp2 = _state$mfa.smsOtp,
@@ -5191,10 +5452,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 (_, _ref95) {
-      var _ref95$arg = _ref95.arg,
-        memberId = _ref95$arg.memberId,
-        organizationId = _ref95$arg.organizationId;
+  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref100) {
+      var _ref100$arg = _ref100.arg,
+        memberId = _ref100$arg.memberId,
+        organizationId = _ref100$arg.organizationId;
       dispatch({
         type: 'sms_otp/send'
       });
@@ -5223,12 +5484,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     sendSms = _useMutate9.trigger,
     isSending = _useMutate9.isMutating,
     sendError = _useMutate9.error;
-  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref96) {
-      var _ref96$arg = _ref96.arg,
-        otp = _ref96$arg.otp,
-        memberId = _ref96$arg.memberId,
-        organizationId = _ref96$arg.organizationId,
-        sessionDurationMinutes = _ref96$arg.sessionDurationMinutes;
+  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref101) {
+      var _ref101$arg = _ref101.arg,
+        otp = _ref101$arg.otp,
+        memberId = _ref101$arg.memberId,
+        organizationId = _ref101$arg.organizationId,
+        sessionDurationMinutes = _ref101$arg.sessionDurationMinutes;
       return stytchClient.otps.sms.authenticate({
         code: otp,
         member_id: memberId,
@@ -5357,10 +5618,10 @@ var CodeContainer = extractErrorMessage.He(InsetContainer)(_templateObject50 ||
 var Spacer = extractErrorMessage.He.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  flex: 0 1 24px;\n"])));
 var Code = extractErrorMessage.He.code(_templateObject52 || (_templateObject52 = _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 _useGlobalReducer53 = useGlobalReducer(),
-    _useGlobalReducer54 = _slicedToArray(_useGlobalReducer53, 2),
-    state = _useGlobalReducer54[0],
-    dispatch = _useGlobalReducer54[1];
+  var _useGlobalReducer57 = useGlobalReducer(),
+    _useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
+    state = _useGlobalReducer58[0],
+    dispatch = _useGlobalReducer58[1];
   var secret = state.mfa.totp.enrollment.secret;
   var displaySecret = secret.toLowerCase();
   var secretChunked = displaySecret.split(/(.{4})/g).filter(Boolean);
@@ -5428,10 +5689,10 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
 var QRCodeImg = extractErrorMessage.He.img(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n"])));
 var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
   var stytchClient = useStytch();
-  var _useGlobalReducer55 = useGlobalReducer(),
-    _useGlobalReducer56 = _slicedToArray(_useGlobalReducer55, 2),
-    state = _useGlobalReducer56[0],
-    dispatch = _useGlobalReducer56[1];
+  var _useGlobalReducer59 = useGlobalReducer(),
+    _useGlobalReducer60 = _slicedToArray(_useGlobalReducer59, 2),
+    state = _useGlobalReducer60[0],
+    dispatch = _useGlobalReducer60[1];
   var _state$mfa$totp = state.mfa.totp,
     createError = _state$mfa$totp.createError,
     enrollment = _state$mfa$totp.enrollment,
@@ -5439,10 +5700,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 (_, _ref97) {
-      var _ref97$arg = _ref97.arg,
-        memberId = _ref97$arg.memberId,
-        organizationId = _ref97$arg.organizationId;
+  var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref102) {
+      var _ref102$arg = _ref102.arg,
+        memberId = _ref102$arg.memberId,
+        organizationId = _ref102$arg.organizationId;
       dispatch({
         type: 'totp/create'
       });
@@ -5508,11 +5769,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null)));
 };
-var TOTPEntry = function TOTPEntry(_ref98) {
-  var helperContent = _ref98.helperContent,
-    isSubmitting = _ref98.isSubmitting,
-    onSubmit = _ref98.onSubmit,
-    errorMessage = _ref98.errorMessage;
+var TOTPEntry = function TOTPEntry(_ref103) {
+  var helperContent = _ref103.helperContent,
+    isSubmitting = _ref103.isSubmitting,
+    onSubmit = _ref103.onSubmit,
+    errorMessage = _ref103.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -5526,22 +5787,22 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
   var stytchClient = useStytch();
   var _useConfig4 = useConfig(),
     sessionDurationMinutes = _useConfig4.sessionOptions.sessionDurationMinutes;
-  var _useGlobalReducer57 = useGlobalReducer(),
-    _useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
-    state = _useGlobalReducer58[0],
-    dispatch = _useGlobalReducer58[1];
+  var _useGlobalReducer61 = useGlobalReducer(),
+    _useGlobalReducer62 = _slicedToArray(_useGlobalReducer61, 2),
+    state = _useGlobalReducer62[0],
+    dispatch = _useGlobalReducer62[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 (_, _ref99) {
-      var _ref99$arg = _ref99.arg,
-        memberId = _ref99$arg.memberId,
-        organizationId = _ref99$arg.organizationId,
-        otp = _ref99$arg.otp,
-        sessionDurationMinutes = _ref99$arg.sessionDurationMinutes;
+  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref104) {
+      var _ref104$arg = _ref104.arg,
+        memberId = _ref104$arg.memberId,
+        organizationId = _ref104$arg.organizationId,
+        otp = _ref104$arg.otp,
+        sessionDurationMinutes = _ref104$arg.sessionDurationMinutes;
       return stytchClient.totp.authenticate({
         code: otp,
         member_id: memberId,
@@ -5614,49 +5875,49 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     onClick: handleSwitchToSms
   }, "Text me a code instead"))));
 };
-var MainContainer = extractErrorMessage.He.div(_templateObject54 || (_templateObject54 = _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 (_ref100) {
-  var theme = _ref100.theme;
+var MainContainer = extractErrorMessage.He.div(_templateObject54 || (_templateObject54 = _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 (_ref105) {
+  var theme = _ref105.theme;
   return theme.container.width;
-}, function (_ref101) {
-  var theme = _ref101.theme;
+}, function (_ref106) {
+  var theme = _ref106.theme;
   return theme.typography.fontFamily;
-}, function (_ref102) {
-  var theme = _ref102.theme;
+}, function (_ref107) {
+  var theme = _ref107.theme;
   return theme.container.backgroundColor;
-}, function (_ref103) {
-  var theme = _ref103.theme;
+}, function (_ref108) {
+  var theme = _ref108.theme;
   return theme.container.border;
-}, function (_ref104) {
-  var theme = _ref104.theme;
+}, function (_ref109) {
+  var theme = _ref109.theme;
   return theme.container.borderRadius;
-}, function (_ref105) {
-  var theme = _ref105.theme,
-    displayWatermark = _ref105.displayWatermark;
+}, function (_ref110) {
+  var theme = _ref110.theme,
+    displayWatermark = _ref110.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref106) {
-  var theme = _ref106.theme,
-    displayWatermark = _ref106.displayWatermark;
+}, function (_ref111) {
+  var theme = _ref111.theme,
+    displayWatermark = _ref111.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref107) {
-  var theme = _ref107.theme,
-    displayWatermark = _ref107.displayWatermark;
+}, function (_ref112) {
+  var theme = _ref112.theme,
+    displayWatermark = _ref112.displayWatermark;
   return displayWatermark ? 'none' : theme.container.border;
 });
 var ChildrenContainer = extractErrorMessage.He.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _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 (_ref108) {
-  var theme = _ref108.theme;
+var WatermarkContainer = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _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 (_ref113) {
+  var theme = _ref113.theme;
   return theme.container.width;
-}, function (_ref109) {
-  var theme = _ref109.theme;
+}, function (_ref114) {
+  var theme = _ref114.theme;
   return theme.container.backgroundColor;
-}, function (_ref110) {
-  var theme = _ref110.theme;
+}, function (_ref115) {
+  var theme = _ref115.theme;
   return theme.container.border;
-}, function (_ref111) {
-  var theme = _ref111.theme;
+}, function (_ref116) {
+  var theme = _ref116.theme;
   return theme.container.borderRadius;
-}, function (_ref112) {
-  var theme = _ref112.theme;
+}, function (_ref117) {
+  var theme = _ref117.theme;
   return theme.container.borderRadius;
 });
 var InnerContainer = extractErrorMessage.He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  background-color: #19303d;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.5;\n"])));
@@ -5678,10 +5939,10 @@ var isSupportedTokenType = function isSupportedTokenType(tokenType) {
 };
 var AppContainer$1 = function AppContainer$1() {
   var _ScreenComponentMap;
-  var _useGlobalReducer59 = useGlobalReducer(),
-    _useGlobalReducer60 = _slicedToArray(_useGlobalReducer59, 2),
-    state = _useGlobalReducer60[0],
-    dispatch = _useGlobalReducer60[1];
+  var _useGlobalReducer63 = useGlobalReducer(),
+    _useGlobalReducer64 = _slicedToArray(_useGlobalReducer63, 2),
+    state = _useGlobalReducer64[0],
+    dispatch = _useGlobalReducer64[1];
   var stytchClient = useStytch();
   var config = useConfig();
   var _extractErrorMessage$67 = extractErrorMessage.Ze(),
@@ -5701,13 +5962,9 @@ var AppContainer$1 = function AppContainer$1() {
       discoveredOrganizations: data.discovered_organizations,
       intermediateSessionToken: data.intermediate_session_token
     });
-    dispatch({
-      type: 'transition',
-      screen: AppScreens$1.Discovery
-    });
   };
-  var onError = function onError(_ref113) {
-    var errorType = _ref113.errorType;
+  var onError = function onError(_ref118) {
+    var errorType = _ref118.errorType;
     return function () {
       clearStytchSearchParams();
       dispatch({
@@ -5716,8 +5973,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref114) {
-      var token = _ref114.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref119) {
+      var token = _ref119.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5730,8 +5987,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref115) {
-      var token = _ref115.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref120) {
+      var token = _ref120.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5744,8 +6001,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref116) {
-      var token = _ref116.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref121) {
+      var token = _ref121.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -5757,8 +6014,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref117) {
-      var token = _ref117.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref122) {
+      var token = _ref122.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5771,8 +6028,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref118) {
-      var token = _ref118.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref123) {
+      var token = _ref123.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -5883,11 +6140,11 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref119) {
-  var client = _ref119.client,
-    styles = _ref119.styles,
-    callbacks = _ref119.callbacks,
-    config = _ref119.config;
+var AppContainer = function AppContainer(_ref124) {
+  var client = _ref124.client,
+    styles = _ref124.styles,
+    callbacks = _ref124.callbacks,
+    config = _ref124.config;
   var _extractErrorMessage$68 = extractErrorMessage.h(function () {
       var _internal$readB2BInte5 = internal.readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _internal$readB2BInte5.displayWatermark;
@@ -5903,8 +6160,8 @@ var AppContainer = function AppContainer(_ref119) {
         options: config
       }
     });
-    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref120) {
-      var displayWatermark = _ref120.displayWatermark;
+    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref125) {
+      var displayWatermark = _ref125.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -5941,11 +6198,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref121) {
-      var elementId = _ref121.elementId,
-        styles = _ref121.styles,
-        callbacks = _ref121.callbacks,
-        config = _ref121.config;
+    value: function mount(_ref126) {
+      var elementId = _ref126.elementId,
+        styles = _ref126.styles,
+        callbacks = _ref126.callbacks,
+        config = _ref126.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {