@stytch/vanilla-js 5.3.1 → 5.5.0

package/dist/b2b/index.esm.js

@@ -1,4 +1,4 @@
-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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _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, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71;
 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"); } }
@@ -9,28 +9,30 @@ 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); }); }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { StytchB2BHeadlessClient } from './index.headless.esm.js';
-import { i as isTruthy, w as wn, q, F, m as merge, y, p as p$1, a as w, g as g$1, h as h$1, N, H as He, b as withMiddleware, u as useSWR, c as useSWRConfig, _, d as useStateWithDeps, T, s as serialize, e as mergeObjects, f as getTimestamp, U as UNDEFINED, j as useIsomorphicLayoutEffect, k as Ue, l as passwordManagerDisableAutofillProps, Z as Ze, n as extractErrorMessage, C as CreateSSRSafeWebComponent, o as Fe } from '../extractErrorMessage-Ch-qCHrd.js';
-import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, _ as __awaiter, E as EMAIL_REGEX, c as StytchAPIError, d as B2BOAuthProviders, l as logger, e as OneTapPositions, i as isTestPublicToken, f as debounce, C as COUNTRIES_LIST, g as StytchSDKError, h as checkNotSSR } from '../internal-DA5LySQi.js';
-export { j as BiometricsFailedError, k as BiometricsUnavailableError, m as ChallengeSigningFailedError, n as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, o as FailedToDecryptDataError, I as InternalError, p as InvalidAuthorizationCredentialError, q as InvalidCredentialTypeError, s as InvalidRedirectSchemeError, t as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, u as KeystoreUnavailableError, M as MissingAttestationObjectError, v as MissingAuthorizationCredentialIDTokenError, w as MissingGoogleClientIDError, x as MissingPKCEError, y as MissingPublicKeyError, z as MissingUrlError, N as NoBiometricsEnrolledError, G as NoBiometricsRegistrationError, H as NoCredentialsPresentError, L as NoCurrentSessionError, O as OAuthProviders, Q as PasskeysInvalidEncoding, R as PasskeysMisconfigured, T as PasskeysUnsupportedError, U as RNUIProducts, V as RandomNumberGenerationFailed, X as SDKAPIUnreachableError, Y as SDKNotConfiguredError, Z as SignInWithAppleMisconfigured, $ as StytchAPISchemaError, a0 as StytchAPIUnreachableError, a1 as StytchError, a2 as StytchSDKAPIError, a3 as StytchSDKSchemaError, a4 as StytchSDKUsageError, a5 as UNRECOVERABLE_ERROR_TYPES, a6 as UserCancellationError, a7 as UserLockedOutError, a8 as errorToStytchError } from '../internal-DA5LySQi.js';
+import { i as isTruthy, w as wn, q, F as F$1, m as merge, a as w$1, y, g as g$1, p as p$1, T as T$1, h as h$2, H as He, b as withMiddleware, u as useSWR, c as useSWRConfig, _ as _$1, d as useStateWithDeps, s as serialize, e as mergeObjects, f as getTimestamp, U as UNDEFINED, j as useIsomorphicLayoutEffect, k as Ue, l as passwordManagerDisableAutofillProps, Z as Ze, n as extractErrorMessage, C as CreateSSRSafeWebComponent, o as Fe } from '../extractErrorMessage-CW4Nxx1B.js';
+import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, _ as __awaiter, E as EMAIL_REGEX, c as StytchAPIError, d as B2BOAuthProviders, l as logger, e as OneTapPositions, i as isTestPublicToken, f as debounce, C as COUNTRIES_LIST, g as StytchSDKError, h as checkNotSSR } from '../internal-2fj7jjLQ.js';
+export { j as BiometricsFailedError, k as BiometricsUnavailableError, m as ChallengeSigningFailedError, n as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, o as FailedToDecryptDataError, I as InternalError, p as InvalidAuthorizationCredentialError, q as InvalidCredentialTypeError, s as InvalidRedirectSchemeError, t as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, u as KeystoreUnavailableError, M as MissingAttestationObjectError, v as MissingAuthorizationCredentialIDTokenError, w as MissingGoogleClientIDError, x as MissingPKCEError, y as MissingPublicKeyError, z as MissingUrlError, N as NoBiometricsEnrolledError, G as NoBiometricsRegistrationError, H as NoCredentialsPresentError, L as NoCurrentSessionError, O as OAuthProviders, Q as PasskeysInvalidEncoding, R as PasskeysMisconfigured, T as PasskeysUnsupportedError, U as RNUIProducts, V as RandomNumberGenerationFailed, X as SDKAPIUnreachableError, Y as SDKNotConfiguredError, Z as SignInWithAppleMisconfigured, $ as StytchAPISchemaError, a0 as StytchAPIUnreachableError, a1 as StytchError, a2 as StytchSDKAPIError, a3 as StytchSDKSchemaError, a4 as StytchSDKUsageError, a5 as UNRECOVERABLE_ERROR_TYPES, a6 as UserCancellationError, a7 as UserLockedOutError, a8 as errorToStytchError } from '../internal-2fj7jjLQ.js';
 var DEFAULT_MFA_STATE = {
   primaryInfo: null,
   isEnrolling: false,
@@ -53,10 +55,10 @@ var getAuthMethodsForMember = function getAuthMethodsForMember(authMethods, memb
     return method !== 'password';
   });
 };
-var getEnabledMethods = function getEnabledMethods(_ref3) {
-  var allMethods = _ref3.allMethods,
-    orgSupportedMethods = _ref3.orgSupportedMethods,
-    uiIncludedMethods = _ref3.uiIncludedMethods;
+var getEnabledMethods = function getEnabledMethods(_ref) {
+  var allMethods = _ref.allMethods,
+    orgSupportedMethods = _ref.orgSupportedMethods,
+    uiIncludedMethods = _ref.uiIncludedMethods;
   if (orgSupportedMethods === null || orgSupportedMethods === void 0 ? void 0 : orgSupportedMethods.length) {
     return new Set(orgSupportedMethods);
   }
@@ -336,7 +338,7 @@ var mfaReducer = function mfaReducer(state, action) {
       return state;
   }
 };
-var reducer$1 = function reducer$1(state, action) {
+var reducer = function reducer(state, action) {
   var _a, _b, _c;
   switch (action.type) {
     case 'transition':
@@ -494,13 +496,13 @@ var GlobalContext = /*#__PURE__*/wn.createContext({
     return null;
   }]
 });
-var GlobalContextProvider = function GlobalContextProvider(_ref4) {
-  var children = _ref4.children,
-    client = _ref4.client,
-    config = _ref4.config,
-    callbacks = _ref4.callbacks,
-    initialState = _ref4.initialState;
-  var state = wn.useReducer(reducer$1, initialState !== null && initialState !== void 0 ? initialState : DEFAULT_STATE);
+var GlobalContextProvider = function GlobalContextProvider(_ref2) {
+  var children = _ref2.children,
+    client = _ref2.client,
+    config = _ref2.config,
+    callbacks = _ref2.callbacks,
+    initialState = _ref2.initialState;
+  var state = wn.useReducer(reducer, initialState !== null && initialState !== void 0 ? initialState : DEFAULT_STATE);
   return /*#__PURE__*/wn.createElement(GlobalContext.Provider, {
     value: {
       client: client,
@@ -708,10 +710,10 @@ var createTheme = function createTheme(styles) {
     }
   };
 };
-var useTheme = function useTheme(_ref5) {
-  var styles = _ref5.styles,
-    displayWatermark = _ref5.displayWatermark;
-  return F(function () {
+var useTheme = function useTheme(_ref3) {
+  var styles = _ref3.styles,
+    displayWatermark = _ref3.displayWatermark;
+  return F$1(function () {
     return createTheme(styles, displayWatermark);
   }, [styles, displayWatermark]);
 };
@@ -726,7 +728,7 @@ var e = {
   },
   l = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,
   a = /\/\*[^]*?\*\/|  +/g,
-  n = /\n+/g,
+  n$1 = /\n+/g,
   o = function o(e, t) {
     var r = "",
       l = "",
@@ -766,7 +768,7 @@ var e = {
         var t,
           r,
           o = [{}];
-        for (; t = l.exec(e.replace(a, ""));) t[4] ? o.shift() : t[3] ? (r = t[3].replace(n, " ").trim(), o.unshift(o[0][r] = o[0][r] || {})) : o[0][t[1]] = t[2].replace(n, " ").trim();
+        for (; t = l.exec(e.replace(a, ""));) t[4] ? o.shift() : t[3] ? (r = t[3].replace(n$1, " ").trim(), o.unshift(o[0][r] = o[0][r] || {})) : o[0][t[1]] = t[2].replace(n$1, " ").trim();
         return o[0];
       }(e);
       c[d] = o(p ? _defineProperty({}, "@keyframes " + d, _t4) : _t4, r ? "" : "." + d);
@@ -787,7 +789,7 @@ var e = {
       return e + l + (null == n ? "" : n);
     }, "");
   };
-function u(e) {
+function u$1(e) {
   var r = this || {},
     l = e.call ? e(r.p) : e;
   return i(l.unshift ? l.raw ? p(l, [].slice.call(arguments, 1), r.p) : l.reduce(function (e, t) {
@@ -795,10 +797,10 @@ function u(e) {
   }, {}) : l, t(r.target), r.g, r.o, r.k);
 }
 var d, f, g;
-u.bind({
+u$1.bind({
   g: 1
 });
-var h = u.bind({
+var h$1 = u$1.bind({
   k: 1
 });
 function m(e, t, r, l) {
@@ -813,624 +815,452 @@ function j(e, t) {
         s = c.className || a.className;
       r.p = Object.assign({
         theme: f && f()
-      }, c), r.o = / *go\d+/.test(s), c.className = u.apply(r, l) + (s ? " " + s : ""), t && (c.ref = o);
+      }, c), r.o = / *go\d+/.test(s), c.className = u$1.apply(r, l) + (s ? " " + s : "");
       var i = e;
       return e[0] && (i = c.as || e, delete c.as), g && i[0] && g(c), d(i, c);
     }
-    return t ? t(a) : a;
-  };
-}
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
+    return a;
   };
-  return _extends.apply(this, arguments);
-}
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-  strings.raw = raw;
-  return strings;
 }
-var isFunction = function isFunction(valOrFunction) {
-  return typeof valOrFunction === 'function';
-};
-var resolveValue = function resolveValue(valOrFunction, arg) {
-  return isFunction(valOrFunction) ? valOrFunction(arg) : valOrFunction;
-};
-var genId = /*#__PURE__*/function () {
-  var count = 0;
-  return function () {
-    return (++count).toString();
-  };
-}();
-var createRectRef = function createRectRef(onRect) {
-  return function (el) {
-    if (el) {
-      setTimeout(function () {
-        var boundingRect = el.getBoundingClientRect();
-        onRect(boundingRect);
-      });
-    }
-  };
-};
-var prefersReducedMotion = /*#__PURE__*/function () {
-  var shouldReduceMotion = undefined;
-  return function () {
-    if (shouldReduceMotion === undefined && typeof window !== 'undefined') {
-      var mediaQuery = matchMedia('(prefers-reduced-motion: reduce)');
-      shouldReduceMotion = !mediaQuery || mediaQuery.matches;
-    }
-    return shouldReduceMotion;
+var W = function W(e) {
+    return typeof e == "function";
+  },
+  T = function T(e, t) {
+    return W(e) ? e(t) : e;
   };
-}();
-var TOAST_LIMIT = 20;
-var ActionType;
-(function (ActionType) {
-  ActionType[ActionType["ADD_TOAST"] = 0] = "ADD_TOAST";
-  ActionType[ActionType["UPDATE_TOAST"] = 1] = "UPDATE_TOAST";
-  ActionType[ActionType["UPSERT_TOAST"] = 2] = "UPSERT_TOAST";
-  ActionType[ActionType["DISMISS_TOAST"] = 3] = "DISMISS_TOAST";
-  ActionType[ActionType["REMOVE_TOAST"] = 4] = "REMOVE_TOAST";
-  ActionType[ActionType["START_PAUSE"] = 5] = "START_PAUSE";
-  ActionType[ActionType["END_PAUSE"] = 6] = "END_PAUSE";
-})(ActionType || (ActionType = {}));
-var toastTimeouts = /*#__PURE__*/new Map();
-var addToRemoveQueue = function addToRemoveQueue(toastId) {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-  var timeout = setTimeout(function () {
-    toastTimeouts["delete"](toastId);
-    dispatch({
-      type: ActionType.REMOVE_TOAST,
-      toastId: toastId
-    });
-  }, 1000);
-  toastTimeouts.set(toastId, timeout);
-};
-var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
-  var timeout = toastTimeouts.get(toastId);
-  if (timeout) {
-    clearTimeout(timeout);
-  }
-};
-var reducer = function reducer(state, action) {
-  switch (action.type) {
-    case ActionType.ADD_TOAST:
-      return _extends({}, state, {
-        toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
-      });
-    case ActionType.UPDATE_TOAST:
-      if (action.toast.id) {
-        clearFromRemoveQueue(action.toast.id);
+var U = function () {
+    var e = 0;
+    return function () {
+      return (++e).toString();
+    };
+  }(),
+  b = function () {
+    var e;
+    return function () {
+      if (e === void 0 && (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u") {
+        var _t6 = matchMedia("(prefers-reduced-motion: reduce)");
+        e = !_t6 || _t6.matches;
       }
-      return _extends({}, state, {
-        toasts: state.toasts.map(function (t) {
-          return t.id === action.toast.id ? _extends({}, t, action.toast) : t;
-        })
-      });
-    case ActionType.UPSERT_TOAST:
-      var toast = action.toast;
-      return state.toasts.find(function (t) {
-        return t.id === toast.id;
-      }) ? reducer(state, {
-        type: ActionType.UPDATE_TOAST,
-        toast: toast
-      }) : reducer(state, {
-        type: ActionType.ADD_TOAST,
-        toast: toast
+      return e;
+    };
+  }();
+var Q = 20;
+var S = new Map(),
+  X = 1e3,
+  $ = function $(e) {
+    if (S.has(e)) return;
+    var t = setTimeout(function () {
+      S["delete"](e), u({
+        type: 4,
+        toastId: e
       });
-    case ActionType.DISMISS_TOAST:
-      var toastId = action.toastId;
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach(function (toast) {
-          addToRemoveQueue(toast.id);
+    }, X);
+    S.set(e, t);
+  },
+  J = function J(e) {
+    var t = S.get(e);
+    t && clearTimeout(t);
+  },
+  v = function v(e, t) {
+    switch (t.type) {
+      case 0:
+        return _objectSpread(_objectSpread({}, e), {}, {
+          toasts: [t.toast].concat(_toConsumableArray(e.toasts)).slice(0, Q)
         });
-      }
-      return _extends({}, state, {
-        toasts: state.toasts.map(function (t) {
-          return t.id === toastId || toastId === undefined ? _extends({}, t, {
-            visible: false
-          }) : t;
-        })
-      });
-    case ActionType.REMOVE_TOAST:
-      if (action.toastId === undefined) {
-        return _extends({}, state, {
+      case 1:
+        return t.toast.id && J(t.toast.id), _objectSpread(_objectSpread({}, e), {}, {
+          toasts: e.toasts.map(function (r) {
+            return r.id === t.toast.id ? _objectSpread(_objectSpread({}, r), t.toast) : r;
+          })
+        });
+      case 2:
+        var _o2 = t.toast;
+        return e.toasts.find(function (r) {
+          return r.id === _o2.id;
+        }) ? v(e, {
+          type: 1,
+          toast: _o2
+        }) : v(e, {
+          type: 0,
+          toast: _o2
+        });
+      case 3:
+        var _s2 = t.toastId;
+        return _s2 ? $(_s2) : e.toasts.forEach(function (r) {
+          $(r.id);
+        }), _objectSpread(_objectSpread({}, e), {}, {
+          toasts: e.toasts.map(function (r) {
+            return r.id === _s2 || _s2 === void 0 ? _objectSpread(_objectSpread({}, r), {}, {
+              visible: !1
+            }) : r;
+          })
+        });
+      case 4:
+        return t.toastId === void 0 ? _objectSpread(_objectSpread({}, e), {}, {
           toasts: []
+        }) : _objectSpread(_objectSpread({}, e), {}, {
+          toasts: e.toasts.filter(function (r) {
+            return r.id !== t.toastId;
+          })
         });
-      }
-      return _extends({}, state, {
-        toasts: state.toasts.filter(function (t) {
-          return t.id !== action.toastId;
-        })
-      });
-    case ActionType.START_PAUSE:
-      return _extends({}, state, {
-        pausedAt: action.time
-      });
-    case ActionType.END_PAUSE:
-      var diff = action.time - (state.pausedAt || 0);
-      return _extends({}, state, {
-        pausedAt: undefined,
-        toasts: state.toasts.map(function (t) {
-          return _extends({}, t, {
-            pauseDuration: t.pauseDuration + diff
-          });
-        })
+      case 5:
+        return _objectSpread(_objectSpread({}, e), {}, {
+          pausedAt: t.time
+        });
+      case 6:
+        var _a2 = t.time - (e.pausedAt || 0);
+        return _objectSpread(_objectSpread({}, e), {}, {
+          pausedAt: void 0,
+          toasts: e.toasts.map(function (r) {
+            return _objectSpread(_objectSpread({}, r), {}, {
+              pauseDuration: r.pauseDuration + _a2
+            });
+          })
+        });
+    }
+  },
+  A = [],
+  P = {
+    toasts: [],
+    pausedAt: void 0
+  },
+  u = function u(e) {
+    P = v(P, e), A.forEach(function (t) {
+      t(P);
+    });
+  },
+  Y = {
+    blank: 4e3,
+    error: 4e3,
+    success: 2e3,
+    loading: 1 / 0,
+    custom: 4e3
+  },
+  I = function I() {
+    var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _h$ = h$2(P),
+      _h$2 = _slicedToArray(_h$, 2),
+      t = _h$2[0],
+      o = _h$2[1];
+    p$1(function () {
+      return A.push(o), function () {
+        var a = A.indexOf(o);
+        a > -1 && A.splice(a, 1);
+      };
+    }, [t]);
+    var s = t.toasts.map(function (a) {
+      var r, c;
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, e), e[a.type]), a), {}, {
+        duration: a.duration || ((r = e[a.type]) == null ? void 0 : r.duration) || (e == null ? void 0 : e.duration) || Y[a.type],
+        style: _objectSpread(_objectSpread(_objectSpread({}, e.style), (c = e[a.type]) == null ? void 0 : c.style), a.style)
       });
-  }
-};
-var listeners = [];
-var memoryState = {
-  toasts: [],
-  pausedAt: undefined
-};
-var dispatch = function dispatch(action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach(function (listener) {
-    listener(memoryState);
-  });
-};
-var defaultTimeouts = {
-  blank: 4000,
-  error: 4000,
-  success: 2000,
-  loading: Infinity,
-  custom: 4000
-};
-var useStore = function useStore(toastOptions) {
-  if (toastOptions === void 0) {
-    toastOptions = {};
-  }
-  var _useState = h$1(memoryState),
-    state = _useState[0],
-    setState = _useState[1];
-  p$1(function () {
-    listeners.push(setState);
-    return function () {
-      var index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-  var mergedToasts = state.toasts.map(function (t) {
-    var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
-    return _extends({}, toastOptions, toastOptions[t.type], t, {
-      duration: t.duration || ((_toastOptions$t$type = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type.duration) || ((_toastOptions = toastOptions) == null ? void 0 : _toastOptions.duration) || defaultTimeouts[t.type],
-      style: _extends({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
     });
-  });
-  return _extends({}, state, {
-    toasts: mergedToasts
-  });
-};
-var createToast = function createToast(message, type, opts) {
-  if (type === void 0) {
-    type = 'blank';
-  }
-  return _extends({
-    createdAt: Date.now(),
-    visible: true,
-    type: type,
-    ariaProps: {
-      role: 'status',
-      'aria-live': 'polite'
-    },
-    message: message,
-    pauseDuration: 0
-  }, opts, {
-    id: (opts == null ? void 0 : opts.id) || genId()
-  });
-};
-var createHandler = function createHandler(type) {
-  return function (message, options) {
-    var toast = createToast(message, type, options);
-    dispatch({
-      type: ActionType.UPSERT_TOAST,
-      toast: toast
+    return _objectSpread(_objectSpread({}, t), {}, {
+      toasts: s
     });
-    return toast.id;
   };
-};
-var toast = function toast(message, opts) {
-  return createHandler('blank')(message, opts);
-};
-toast.error = /*#__PURE__*/createHandler('error');
-toast.success = /*#__PURE__*/createHandler('success');
-toast.loading = /*#__PURE__*/createHandler('loading');
-toast.custom = /*#__PURE__*/createHandler('custom');
-toast.dismiss = function (toastId) {
-  dispatch({
-    type: ActionType.DISMISS_TOAST,
-    toastId: toastId
-  });
-};
-toast.remove = function (toastId) {
-  return dispatch({
-    type: ActionType.REMOVE_TOAST,
-    toastId: toastId
+var G = function G(e) {
+    var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "blank";
+    var o = arguments.length > 2 ? arguments[2] : undefined;
+    return _objectSpread(_objectSpread({
+      createdAt: Date.now(),
+      visible: !0,
+      type: t,
+      ariaProps: {
+        role: "status",
+        "aria-live": "polite"
+      },
+      message: e,
+      pauseDuration: 0
+    }, o), {}, {
+      id: (o == null ? void 0 : o.id) || U()
+    });
+  },
+  h = function h(e) {
+    return function (t, o) {
+      var s = G(t, e, o);
+      return u({
+        type: 2,
+        toast: s
+      }), s.id;
+    };
+  },
+  n = function n(e, t) {
+    return h("blank")(e, t);
+  };
+n.error = h("error");
+n.success = h("success");
+n.loading = h("loading");
+n.custom = h("custom");
+n.dismiss = function (e) {
+  u({
+    type: 3,
+    toastId: e
   });
 };
-toast.promise = function (promise, msgs, opts) {
-  var id = toast.loading(msgs.loading, _extends({}, opts, opts == null ? void 0 : opts.loading));
-  promise.then(function (p) {
-    toast.success(resolveValue(msgs.success, p), _extends({
-      id: id
-    }, opts, opts == null ? void 0 : opts.success));
-    return p;
-  })["catch"](function (e) {
-    toast.error(resolveValue(msgs.error, e), _extends({
-      id: id
-    }, opts, opts == null ? void 0 : opts.error));
+n.remove = function (e) {
+  return u({
+    type: 4,
+    toastId: e
   });
-  return promise;
 };
-var useToaster = function useToaster(toastOptions) {
-  var _useStore = useStore(toastOptions),
-    toasts = _useStore.toasts,
-    pausedAt = _useStore.pausedAt;
-  p$1(function () {
-    if (pausedAt) {
-      return;
-    }
-    var now = Date.now();
-    var timeouts = toasts.map(function (t) {
-      if (t.duration === Infinity) {
-        return;
+n.promise = function (e, t, o) {
+  var s = n.loading(t.loading, _objectSpread(_objectSpread({}, o), o == null ? void 0 : o.loading));
+  return e.then(function (a) {
+    return n.success(T(t.success, a), _objectSpread(_objectSpread({
+      id: s
+    }, o), o == null ? void 0 : o.success)), a;
+  })["catch"](function (a) {
+    n.error(T(t.error, a), _objectSpread(_objectSpread({
+      id: s
+    }, o), o == null ? void 0 : o.error));
+  }), e;
+};
+var Z = function Z(e, t) {
+    u({
+      type: 1,
+      toast: {
+        id: e,
+        height: t
       }
-      var durationLeft = (t.duration || 0) + t.pauseDuration - (now - t.createdAt);
-      if (durationLeft < 0) {
-        if (t.visible) {
-          toast.dismiss(t.id);
-        }
-        return;
-      }
-      return setTimeout(function () {
-        return toast.dismiss(t.id);
-      }, durationLeft);
     });
-    return function () {
-      timeouts.forEach(function (timeout) {
-        return timeout && clearTimeout(timeout);
-      });
-    };
-  }, [toasts, pausedAt]);
-  var handlers = F(function () {
-    return {
-      startPause: function startPause() {
-        dispatch({
-          type: ActionType.START_PAUSE,
-          time: Date.now()
-        });
-      },
-      endPause: function endPause() {
-        if (pausedAt) {
-          dispatch({
-            type: ActionType.END_PAUSE,
-            time: Date.now()
-          });
-        }
-      },
-      updateHeight: function updateHeight(toastId, height) {
-        return dispatch({
-          type: ActionType.UPDATE_TOAST,
-          toast: {
-            id: toastId,
-            height: height
+  },
+  ee = function ee() {
+    u({
+      type: 5,
+      time: Date.now()
+    });
+  },
+  D = function D(e) {
+    var _I = I(e),
+      t = _I.toasts,
+      o = _I.pausedAt;
+    p$1(function () {
+      if (o) return;
+      var r = Date.now(),
+        c = t.map(function (i) {
+          if (i.duration === 1 / 0) return;
+          var d = (i.duration || 0) + i.pauseDuration - (r - i.createdAt);
+          if (d < 0) {
+            i.visible && n.dismiss(i.id);
+            return;
           }
+          return setTimeout(function () {
+            return n.dismiss(i.id);
+          }, d);
         });
-      },
-      calculateOffset: function calculateOffset(toast, opts) {
-        var _relevantToasts$filte;
-        var _ref = opts || {},
-          _ref$reverseOrder = _ref.reverseOrder,
-          reverseOrder = _ref$reverseOrder === void 0 ? false : _ref$reverseOrder,
-          _ref$gutter = _ref.gutter,
-          gutter = _ref$gutter === void 0 ? 8 : _ref$gutter,
-          defaultPosition = _ref.defaultPosition;
-        var relevantToasts = toasts.filter(function (t) {
-          return (t.position || defaultPosition) === (toast.position || defaultPosition) && t.height;
+      return function () {
+        c.forEach(function (i) {
+          return i && clearTimeout(i);
         });
-        var toastIndex = relevantToasts.findIndex(function (t) {
-          return t.id === toast.id;
+      };
+    }, [t, o]);
+    var s = T$1(function () {
+        o && u({
+          type: 6,
+          time: Date.now()
         });
-        var toastsBefore = relevantToasts.filter(function (toast, i) {
-          return i < toastIndex && toast.visible;
-        }).length;
-        var offset = (_relevantToasts$filte = relevantToasts.filter(function (t) {
-          return t.visible;
-        })).slice.apply(_relevantToasts$filte, reverseOrder ? [toastsBefore + 1] : [0, toastsBefore]).reduce(function (acc, t) {
-          return acc + (t.height || 0) + gutter;
+      }, [o]),
+      a = T$1(function (r, c) {
+        var _g$filter;
+        var _ref5 = c || {},
+          _ref5$reverseOrder = _ref5.reverseOrder,
+          i = _ref5$reverseOrder === void 0 ? !1 : _ref5$reverseOrder,
+          _ref5$gutter = _ref5.gutter,
+          d = _ref5$gutter === void 0 ? 8 : _ref5$gutter,
+          p = _ref5.defaultPosition,
+          g = t.filter(function (m) {
+            return (m.position || p) === (r.position || p) && m.height;
+          }),
+          E = g.findIndex(function (m) {
+            return m.id === r.id;
+          }),
+          x = g.filter(function (m, R) {
+            return R < E && m.visible;
+          }).length;
+        return (_g$filter = g.filter(function (m) {
+          return m.visible;
+        })).slice.apply(_g$filter, _toConsumableArray(i ? [x + 1] : [0, x])).reduce(function (m, R) {
+          return m + (R.height || 0) + d;
         }, 0);
-        return offset;
+      }, [t]);
+    return {
+      toasts: t,
+      handlers: {
+        updateHeight: Z,
+        startPause: ee,
+        endPause: s,
+        calculateOffset: a
       }
     };
-  }, [toasts, pausedAt]);
-  return {
-    toasts: toasts,
-    handlers: handlers
-  };
-};
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n  width: 20px;\n  opacity: 0;\n  height: 20px;\n  border-radius: 10px;\n  background: ", ";\n  position: relative;\n  transform: rotate(45deg);\n\n  animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n  animation-delay: 100ms;\n\n  &:after,\n  &:before {\n    content: '';\n    animation: ", " 0.15s ease-out forwards;\n    animation-delay: 150ms;\n    position: absolute;\n    border-radius: 3px;\n    opacity: 0;\n    background: ", ";\n    bottom: 9px;\n    left: 4px;\n    height: 2px;\n    width: 12px;\n  }\n\n  &:before {\n    animation: ", " 0.15s ease-out forwards;\n    animation-delay: 180ms;\n    transform: rotate(90deg);\n  }\n"]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: scale(0) rotate(90deg);\n\topacity: 0;\n}\nto {\n  transform: scale(1) rotate(90deg);\n\topacity: 1;\n}"]);
-  _templateObject3 = function _templateObject3() {
-    return data;
   };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: scale(0);\n  opacity: 0;\n}\nto {\n  transform: scale(1);\n  opacity: 1;\n}"]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n  opacity: 1;\n}"]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var circleAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject());
-var firstLineAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject2());
-var secondLineAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject3());
-var ErrorIcon$1 = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject4(), function (p) {
-  return p.primary || '#ff4b4b';
-}, circleAnimation, firstLineAnimation, function (p) {
-  return p.secondary || '#fff';
-}, secondLineAnimation);
-function _templateObject2$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  width: 12px;\n  height: 12px;\n  box-sizing: border-box;\n  border: 2px solid;\n  border-radius: 100%;\n  border-color: ", ";\n  border-right-color: ", ";\n  animation: ", " 1s linear infinite;\n"]);
-  _templateObject2$1 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"]);
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var rotate = /*#__PURE__*/h( /*#__PURE__*/_templateObject$1());
-var LoaderIcon = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject2$1(), function (p) {
-  return p.secondary || '#e0e0e0';
-}, function (p) {
-  return p.primary || '#616161';
-}, rotate);
-function _templateObject3$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  width: 20px;\n  opacity: 0;\n  height: 20px;\n  border-radius: 10px;\n  background: ", ";\n  position: relative;\n  transform: rotate(45deg);\n\n  animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n  animation-delay: 100ms;\n  &:after {\n    content: '';\n    box-sizing: border-box;\n    animation: ", " 0.2s ease-out forwards;\n    opacity: 0;\n    animation-delay: 200ms;\n    position: absolute;\n    border-right: 2px solid;\n    border-bottom: 2px solid;\n    border-color: ", ";\n    bottom: 6px;\n    left: 6px;\n    height: 10px;\n    width: 6px;\n  }\n"]);
-  _templateObject3$1 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2$2() {
-  var data = _taggedTemplateLiteralLoose(["\n0% {\n\theight: 0;\n\twidth: 0;\n\topacity: 0;\n}\n40% {\n  height: 0;\n\twidth: 6px;\n\topacity: 1;\n}\n100% {\n  opacity: 1;\n  height: 10px;\n}"]);
-  _templateObject2$2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$2() {
-  var data = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n  transform: scale(1) rotate(45deg);\n\topacity: 1;\n}"]);
-  _templateObject$2 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var circleAnimation$1 = /*#__PURE__*/h( /*#__PURE__*/_templateObject$2());
-var checkmarkAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject2$2());
-var CheckmarkIcon = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject3$1(), function (p) {
-  return p.primary || '#61d345';
-}, circleAnimation$1, checkmarkAnimation, function (p) {
-  return p.secondary || '#fff';
-});
-function _templateObject4$1() {
-  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  transform: scale(0.6);\n  opacity: 0.4;\n  min-width: 20px;\n  animation: ", " 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n"]);
-  _templateObject4$1 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3$2() {
-  var data = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: scale(0.6);\n  opacity: 0.4;\n}\nto {\n  transform: scale(1);\n  opacity: 1;\n}"]);
-  _templateObject3$2 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2$3() {
-  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 20px;\n  min-height: 20px;\n"]);
-  _templateObject2$3 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$3() {
-  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n"]);
-  _templateObject$3 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var StatusWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject$3());
-var IndicatorWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject2$3());
-var enter = /*#__PURE__*/h( /*#__PURE__*/_templateObject3$2());
-var AnimatedIconWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject4$1(), enter);
-var ToastIcon = function ToastIcon(_ref) {
-  var toast = _ref.toast;
-  var icon = toast.icon,
-    type = toast.type,
-    iconTheme = toast.iconTheme;
-  if (icon !== undefined) {
-    if (typeof icon === 'string') {
-      return /*#__PURE__*/y(AnimatedIconWrapper, null, icon);
-    } else {
-      return icon;
-    }
-  }
-  if (type === 'blank') {
-    return null;
-  }
-  return /*#__PURE__*/y(IndicatorWrapper, null, /*#__PURE__*/y(LoaderIcon, Object.assign({}, iconTheme)), type !== 'loading' && /*#__PURE__*/y(StatusWrapper, null, type === 'error' ? /*#__PURE__*/y(ErrorIcon$1, Object.assign({}, iconTheme)) : /*#__PURE__*/y(CheckmarkIcon, Object.assign({}, iconTheme))));
-};
-function _templateObject2$4() {
-  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin: 4px 10px;\n  color: inherit;\n  flex: 1 1 auto;\n  white-space: pre-line;\n"]);
-  _templateObject2$4 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$4() {
-  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: #fff;\n  color: #363636;\n  line-height: 1.3;\n  will-change: transform;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);\n  max-width: 350px;\n  pointer-events: auto;\n  padding: 8px 10px;\n  border-radius: 8px;\n"]);
-  _templateObject$4 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var enterAnimation = function enterAnimation(factor) {
-  return "\n0% {transform: translate3d(0," + factor * -200 + "%,0) scale(.6); opacity:.5;}\n100% {transform: translate3d(0,0,0) scale(1); opacity:1;}\n";
-};
-var exitAnimation = function exitAnimation(factor) {
-  return "\n0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}\n100% {transform: translate3d(0," + factor * -150 + "%,-1px) scale(.6); opacity:0;}\n";
-};
-var fadeInAnimation = "0%{opacity:0;} 100%{opacity:1;}";
-var fadeOutAnimation = "0%{opacity:1;} 100%{opacity:0;}";
-var ToastBarBase = /*#__PURE__*/j('div', N)( /*#__PURE__*/_templateObject$4());
-var Message = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject2$4());
-var getAnimationStyle = function getAnimationStyle(position, visible) {
-  var top = position.includes('top');
-  var factor = top ? 1 : -1;
-  var _ref = prefersReducedMotion() ? [fadeInAnimation, fadeOutAnimation] : [enterAnimation(factor), exitAnimation(factor)],
-    enter = _ref[0],
-    exit = _ref[1];
-  return {
-    animation: visible ? h(enter) + " 0.35s cubic-bezier(.21,1.02,.73,1) forwards" : h(exit) + " 0.4s forwards cubic-bezier(.06,.71,.55,1)"
-  };
-};
-var ToastBar = /*#__PURE__*/w(function (_ref2) {
-  var toast = _ref2.toast,
-    position = _ref2.position,
-    style = _ref2.style,
-    children = _ref2.children;
-  var animationStyle = toast != null && toast.height ? getAnimationStyle(toast.position || position || 'top-center', toast.visible) : {
-    opacity: 0
-  };
-  var icon = /*#__PURE__*/y(ToastIcon, {
-    toast: toast
+var oe = h$1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n  opacity: 1;\n}"]))),
+  re = h$1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0);\n  opacity: 0;\n}\nto {\n  transform: scale(1);\n  opacity: 1;\n}"]))),
+  se = h$1(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0) rotate(90deg);\n\topacity: 0;\n}\nto {\n  transform: scale(1) rotate(90deg);\n\topacity: 1;\n}"]))),
+  _ = j("div")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 20px;\n  opacity: 0;\n  height: 20px;\n  border-radius: 10px;\n  background: ", ";\n  position: relative;\n  transform: rotate(45deg);\n\n  animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n  animation-delay: 100ms;\n\n  &:after,\n  &:before {\n    content: '';\n    animation: ", " 0.15s ease-out forwards;\n    animation-delay: 150ms;\n    position: absolute;\n    border-radius: 3px;\n    opacity: 0;\n    background: ", ";\n    bottom: 9px;\n    left: 4px;\n    height: 2px;\n    width: 12px;\n  }\n\n  &:before {\n    animation: ", " 0.15s ease-out forwards;\n    animation-delay: 180ms;\n    transform: rotate(90deg);\n  }\n"])), function (e) {
+    return e.primary || "#ff4b4b";
+  }, oe, re, function (e) {
+    return e.secondary || "#fff";
+  }, se);
+var ne = h$1(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"]))),
+  V = j("div")(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n  box-sizing: border-box;\n  border: 2px solid;\n  border-radius: 100%;\n  border-color: ", ";\n  border-right-color: ", ";\n  animation: ", " 1s linear infinite;\n"])), function (e) {
+    return e.secondary || "#e0e0e0";
+  }, function (e) {
+    return e.primary || "#616161";
+  }, ne);
+var pe = h$1(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n  transform: scale(1) rotate(45deg);\n\topacity: 1;\n}"]))),
+  de = h$1(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n0% {\n\theight: 0;\n\twidth: 0;\n\topacity: 0;\n}\n40% {\n  height: 0;\n\twidth: 6px;\n\topacity: 1;\n}\n100% {\n  opacity: 1;\n  height: 10px;\n}"]))),
+  w = j("div")(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 20px;\n  opacity: 0;\n  height: 20px;\n  border-radius: 10px;\n  background: ", ";\n  position: relative;\n  transform: rotate(45deg);\n\n  animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n  animation-delay: 100ms;\n  &:after {\n    content: '';\n    box-sizing: border-box;\n    animation: ", " 0.2s ease-out forwards;\n    opacity: 0;\n    animation-delay: 200ms;\n    position: absolute;\n    border-right: 2px solid;\n    border-bottom: 2px solid;\n    border-color: ", ";\n    bottom: 6px;\n    left: 6px;\n    height: 10px;\n    width: 6px;\n  }\n"])), function (e) {
+    return e.primary || "#61d345";
+  }, pe, de, function (e) {
+    return e.secondary || "#fff";
   });
-  var message = /*#__PURE__*/y(Message, Object.assign({}, toast.ariaProps), resolveValue(toast.message, toast));
-  return /*#__PURE__*/y(ToastBarBase, {
-    className: toast.className,
-    style: _extends({}, animationStyle, style, toast.style)
-  }, typeof children === 'function' ? children({
-    icon: icon,
-    message: message
-  }) : /*#__PURE__*/y(g$1, null, icon, message));
-});
-function _templateObject$5() {
-  var data = _taggedTemplateLiteralLoose(["\n  z-index: 9999;\n  > * {\n    pointer-events: auto;\n  }\n"]);
-  _templateObject$5 = function _templateObject() {
-    return data;
+var ue = j("div")(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n"]))),
+  le = j("div")(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 20px;\n  min-height: 20px;\n"]))),
+  Te = h$1(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0.6);\n  opacity: 0.4;\n}\nto {\n  transform: scale(1);\n  opacity: 1;\n}"]))),
+  fe = j("div")(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: relative;\n  transform: scale(0.6);\n  opacity: 0.4;\n  min-width: 20px;\n  animation: ", " 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n    forwards;\n"])), Te),
+  M = function M(_ref6) {
+    var e = _ref6.toast;
+    var t = e.icon,
+      o = e.type,
+      s = e.iconTheme;
+    return t !== void 0 ? typeof t == "string" ? y(fe, null, t) : t : o === "blank" ? null : y(le, null, y(V, _objectSpread({}, s)), o !== "loading" && y(ue, null, o === "error" ? y(_, _objectSpread({}, s)) : y(w, _objectSpread({}, s))));
   };
-  return data;
-}
+var ye = function ye(e) {
+    return "\n0% {transform: translate3d(0,".concat(e * -200, "%,0) scale(.6); opacity:.5;}\n100% {transform: translate3d(0,0,0) scale(1); opacity:1;}\n");
+  },
+  ge = function ge(e) {
+    return "\n0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}\n100% {transform: translate3d(0,".concat(e * -150, "%,-1px) scale(.6); opacity:0;}\n");
+  },
+  he = "0%{opacity:0;} 100%{opacity:1;}",
+  xe = "0%{opacity:1;} 100%{opacity:0;}",
+  be = j("div")(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: #fff;\n  color: #363636;\n  line-height: 1.3;\n  will-change: transform;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);\n  max-width: 350px;\n  pointer-events: auto;\n  padding: 8px 10px;\n  border-radius: 8px;\n"]))),
+  Se = j("div")(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin: 4px 10px;\n  color: inherit;\n  flex: 1 1 auto;\n  white-space: pre-line;\n"]))),
+  Ae = function Ae(e, t) {
+    var s = e.includes("top") ? 1 : -1,
+      _ref7 = b() ? [he, xe] : [ye(s), ge(s)],
+      _ref8 = _slicedToArray(_ref7, 2),
+      a = _ref8[0],
+      r = _ref8[1];
+    return {
+      animation: t ? "".concat(h$1(a), " 0.35s cubic-bezier(.21,1.02,.73,1) forwards") : "".concat(h$1(r), " 0.4s forwards cubic-bezier(.06,.71,.55,1)")
+    };
+  },
+  F = w$1(function (_ref9) {
+    var e = _ref9.toast,
+      t = _ref9.position,
+      o = _ref9.style,
+      s = _ref9.children;
+    var a = e.height ? Ae(e.position || t || "top-center", e.visible) : {
+        opacity: 0
+      },
+      r = y(M, {
+        toast: e
+      }),
+      c = y(Se, _objectSpread({}, e.ariaProps), T(e.message, e));
+    return y(be, {
+      className: e.className,
+      style: _objectSpread(_objectSpread(_objectSpread({}, a), o), e.style)
+    }, typeof s == "function" ? s({
+      icon: r,
+      message: c
+    }) : y(g$1, null, r, c));
+  });
 m(y);
-var getPositionStyle = function getPositionStyle(position, offset) {
-  var top = position.includes('top');
-  var verticalStyle = top ? {
-    top: 0
-  } : {
-    bottom: 0
-  };
-  var horizontalStyle = position.includes('center') ? {
-    justifyContent: 'center'
-  } : position.includes('right') ? {
-    justifyContent: 'flex-end'
-  } : {};
-  return _extends({
-    left: 0,
-    right: 0,
-    display: 'flex',
-    position: 'absolute',
-    transition: prefersReducedMotion() ? undefined : "all 230ms cubic-bezier(.21,1.02,.73,1)",
-    transform: "translateY(" + offset * (top ? 1 : -1) + "px)"
-  }, verticalStyle, horizontalStyle);
-};
-var activeClass = /*#__PURE__*/u( /*#__PURE__*/_templateObject$5());
-var DEFAULT_OFFSET = 16;
-var Toaster = function Toaster(_ref) {
-  var reverseOrder = _ref.reverseOrder,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'top-center' : _ref$position,
-    toastOptions = _ref.toastOptions,
-    gutter = _ref.gutter,
-    children = _ref.children,
-    containerStyle = _ref.containerStyle,
-    containerClassName = _ref.containerClassName;
-  var _useToaster = useToaster(toastOptions),
-    toasts = _useToaster.toasts,
-    handlers = _useToaster.handlers;
-  return /*#__PURE__*/y("div", {
-    style: _extends({
-      position: 'fixed',
-      zIndex: 9999,
-      top: DEFAULT_OFFSET,
-      left: DEFAULT_OFFSET,
-      right: DEFAULT_OFFSET,
-      bottom: DEFAULT_OFFSET,
-      pointerEvents: 'none'
-    }, containerStyle),
-    className: containerClassName,
-    onMouseEnter: handlers.startPause,
-    onMouseLeave: handlers.endPause
-  }, toasts.map(function (t) {
-    var toastPosition = t.position || position;
-    var offset = handlers.calculateOffset(t, {
-      reverseOrder: reverseOrder,
-      gutter: gutter,
-      defaultPosition: position
-    });
-    var positionStyle = getPositionStyle(toastPosition, offset);
-    var ref = t.height ? undefined : createRectRef(function (rect) {
-      handlers.updateHeight(t.id, rect.height);
-    });
-    return /*#__PURE__*/y("div", {
-      ref: ref,
-      className: t.visible ? activeClass : '',
-      key: t.id,
-      style: positionStyle
-    }, t.type === 'custom' ? resolveValue(t.message, t) : children ? children(t) : /*#__PURE__*/y(ToastBar, {
-      toast: t,
-      position: toastPosition
+var Ee = function Ee(_ref10) {
+    var e = _ref10.id,
+      t = _ref10.className,
+      o = _ref10.style,
+      s = _ref10.onHeightUpdate,
+      a = _ref10.children;
+    var r = T$1(function (c) {
+      if (c) {
+        var _i2 = function _i2() {
+          var d = c.getBoundingClientRect().height;
+          s(e, d);
+        };
+        _i2(), new MutationObserver(_i2).observe(c, {
+          subtree: !0,
+          childList: !0,
+          characterData: !0
+        });
+      }
+    }, [e, s]);
+    return y("div", {
+      ref: r,
+      className: t,
+      style: o
+    }, a);
+  },
+  Re = function Re(e, t) {
+    var o = e.includes("top"),
+      s = o ? {
+        top: 0
+      } : {
+        bottom: 0
+      },
+      a = e.includes("center") ? {
+        justifyContent: "center"
+      } : e.includes("right") ? {
+        justifyContent: "flex-end"
+      } : {};
+    return _objectSpread(_objectSpread({
+      left: 0,
+      right: 0,
+      display: "flex",
+      position: "absolute",
+      transition: b() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)",
+      transform: "translateY(".concat(t * (o ? 1 : -1), "px)")
+    }, s), a);
+  },
+  ve = u$1(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  z-index: 9999;\n  > * {\n    pointer-events: auto;\n  }\n"]))),
+  O = 16,
+  Ie = function Ie(_ref11) {
+    var e = _ref11.reverseOrder,
+      _ref11$position = _ref11.position,
+      t = _ref11$position === void 0 ? "top-center" : _ref11$position,
+      o = _ref11.toastOptions,
+      s = _ref11.gutter,
+      a = _ref11.children,
+      r = _ref11.containerStyle,
+      c = _ref11.containerClassName;
+    var _D = D(o),
+      i = _D.toasts,
+      d = _D.handlers;
+    return y("div", {
+      style: _objectSpread({
+        position: "fixed",
+        zIndex: 9999,
+        top: O,
+        left: O,
+        right: O,
+        bottom: O,
+        pointerEvents: "none"
+      }, r),
+      className: c,
+      onMouseEnter: d.startPause,
+      onMouseLeave: d.endPause
+    }, i.map(function (p) {
+      var g = p.position || t,
+        E = d.calculateOffset(p, {
+          reverseOrder: e,
+          gutter: s,
+          defaultPosition: t
+        }),
+        x = Re(g, E);
+      return y(Ee, {
+        id: p.id,
+        key: p.id,
+        onHeightUpdate: d.updateHeight,
+        className: p.visible ? ve : "",
+        style: x
+      }, p.type === "custom" ? T(p.message, p) : a ? a(p) : y(F, {
+        toast: p,
+        position: g
+      }));
     }));
-  }));
-};
-var toast$1 = toast;
+  };
+var _t = n;
 var SuccessIcon = function SuccessIcon() {
   return /*#__PURE__*/y("svg", {
     width: "20",
@@ -1473,7 +1303,7 @@ var errorStyles = Object.assign(Object.assign({}, baseStyles), {
   color: '#590607'
 });
 var Snackbar = function Snackbar() {
-  return /*#__PURE__*/wn.createElement(Toaster, {
+  return /*#__PURE__*/wn.createElement(Ie, {
     containerStyle: {
       position: 'sticky',
       marginTop: '4px',
@@ -1497,91 +1327,91 @@ var itemOrNone = function itemOrNone(item) {
 var spaceOrNone = function spaceOrNone(space) {
   return space ? "".concat(space, "px") : undefined;
 };
-var Flex = He.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  flex-grow: ", ";\n  flex-shrink: ", ";\n  order: ", ";\n  align-self: ", ";\n  flex-flow: ", ";\n  flex-wrap: ", ";\n\n  width: ", ";\n  height: ", ";\n  max-width: ", ";\n  max-height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n  padding-top: ", ";\n  padding-right: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n\n  gap: ", ";\n"])), function (_ref7) {
-  var inline = _ref7.inline;
+var Flex = He.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: ", ";\n\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  flex-grow: ", ";\n  flex-shrink: ", ";\n  order: ", ";\n  align-self: ", ";\n  flex-flow: ", ";\n  flex-wrap: ", ";\n\n  width: ", ";\n  height: ", ";\n  max-width: ", ";\n  max-height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  padding: ", ";\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n  padding-top: ", ";\n  padding-right: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n\n  gap: ", ";\n"])), function (_ref12) {
+  var inline = _ref12.inline;
   return inline ? 'inline-flex' : 'flex';
-}, function (_ref8) {
-  var direction = _ref8.direction;
+}, function (_ref13) {
+  var direction = _ref13.direction;
   return itemOrNone(direction);
-}, function (_ref9) {
-  var justifyContent = _ref9.justifyContent,
-    center = _ref9.center;
+}, function (_ref14) {
+  var justifyContent = _ref14.justifyContent,
+    center = _ref14.center;
   return center ? 'center' : itemOrNone(justifyContent);
-}, function (_ref10) {
-  var alignItems = _ref10.alignItems,
-    center = _ref10.center;
+}, function (_ref15) {
+  var alignItems = _ref15.alignItems,
+    center = _ref15.center;
   return center ? 'center' : itemOrNone(alignItems);
-}, function (_ref11) {
-  var grow = _ref11.grow;
+}, function (_ref16) {
+  var grow = _ref16.grow;
   return itemOrNone(grow);
-}, function (_ref12) {
-  var shrink = _ref12.shrink;
+}, function (_ref17) {
+  var shrink = _ref17.shrink;
   return itemOrNone(shrink);
-}, function (_ref13) {
-  var order = _ref13.order;
+}, function (_ref18) {
+  var order = _ref18.order;
   return itemOrNone(order);
-}, function (_ref14) {
-  var alignSelf = _ref14.alignSelf;
+}, function (_ref19) {
+  var alignSelf = _ref19.alignSelf;
   return itemOrNone(alignSelf);
-}, function (_ref15) {
-  var flow = _ref15.flow;
+}, function (_ref20) {
+  var flow = _ref20.flow;
   return itemOrNone(flow);
-}, function (_ref16) {
-  var wrap = _ref16.wrap;
+}, function (_ref21) {
+  var wrap = _ref21.wrap;
   return itemOrNone(wrap);
-}, function (_ref17) {
-  var width = _ref17.width;
+}, function (_ref22) {
+  var width = _ref22.width;
   return typeof width === 'string' ? width : spaceOrNone(width);
-}, function (_ref18) {
-  var height = _ref18.height;
+}, function (_ref23) {
+  var height = _ref23.height;
   return typeof height === 'string' ? height : spaceOrNone(height);
-}, function (_ref19) {
-  var maxWidth = _ref19.maxWidth;
+}, function (_ref24) {
+  var maxWidth = _ref24.maxWidth;
   return typeof maxWidth === 'string' ? maxWidth : spaceOrNone(maxWidth);
-}, function (_ref20) {
-  var maxHeight = _ref20.maxHeight;
+}, function (_ref25) {
+  var maxHeight = _ref25.maxHeight;
   return typeof maxHeight === 'string' ? maxHeight : spaceOrNone(maxHeight);
-}, function (_ref21) {
-  var minWidth = _ref21.minWidth;
+}, function (_ref26) {
+  var minWidth = _ref26.minWidth;
   return typeof minWidth === 'string' ? minWidth : spaceOrNone(minWidth);
-}, function (_ref22) {
-  var minHeight = _ref22.minHeight;
+}, function (_ref27) {
+  var minHeight = _ref27.minHeight;
   return typeof minHeight === 'string' ? minHeight : spaceOrNone(minHeight);
-}, function (_ref23) {
-  var padding = _ref23.padding;
+}, function (_ref28) {
+  var padding = _ref28.padding;
   return spaceOrNone(padding);
-}, function (_ref24) {
-  var margin = _ref24.margin;
+}, function (_ref29) {
+  var margin = _ref29.margin;
   return spaceOrNone(margin);
-}, function (_ref25) {
-  var marginTop = _ref25.marginTop;
+}, function (_ref30) {
+  var marginTop = _ref30.marginTop;
   return spaceOrNone(marginTop);
-}, function (_ref26) {
-  var marginRight = _ref26.marginRight;
+}, function (_ref31) {
+  var marginRight = _ref31.marginRight;
   return spaceOrNone(marginRight);
-}, function (_ref27) {
-  var marginBottom = _ref27.marginBottom;
+}, function (_ref32) {
+  var marginBottom = _ref32.marginBottom;
   return spaceOrNone(marginBottom);
-}, function (_ref28) {
-  var marginLeft = _ref28.marginLeft;
+}, function (_ref33) {
+  var marginLeft = _ref33.marginLeft;
   return spaceOrNone(marginLeft);
-}, function (_ref29) {
-  var paddingTop = _ref29.paddingTop;
+}, function (_ref34) {
+  var paddingTop = _ref34.paddingTop;
   return spaceOrNone(paddingTop);
-}, function (_ref30) {
-  var paddingRight = _ref30.paddingRight;
+}, function (_ref35) {
+  var paddingRight = _ref35.paddingRight;
   return spaceOrNone(paddingRight);
-}, function (_ref31) {
-  var paddingBottom = _ref31.paddingBottom;
+}, function (_ref36) {
+  var paddingBottom = _ref36.paddingBottom;
   return spaceOrNone(paddingBottom);
-}, function (_ref32) {
-  var paddingLeft = _ref32.paddingLeft;
+}, function (_ref37) {
+  var paddingLeft = _ref37.paddingLeft;
   return spaceOrNone(paddingLeft);
-}, function (_ref33) {
-  var gap = _ref33.gap;
+}, function (_ref38) {
+  var gap = _ref38.gap;
   return spaceOrNone(gap);
 });
-var Text = He.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n  text-align: ", ";\n  ", ";\n"])), function (props) {
+var Text = He.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  color: ", ";\n  text-align: ", ";\n  ", ";\n"])), function (props) {
   return props.color && props.theme.colors[props.color];
 }, function (props) {
   return props.align;
@@ -1663,7 +1493,7 @@ var ErrorSVG = function ErrorSVG() {
     stopColor: "#E4C7C7"
   }))));
 };
-var ErrorHeader = He(Text)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
+var ErrorHeader = He(Text)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
 var ErrorScreen = function ErrorScreen() {
   var _a, _b;
   var _useGlobalReducer = useGlobalReducer(),
@@ -1684,10 +1514,10 @@ var mutation = function mutation() {
     var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var _useSWRConfig = useSWRConfig(),
       mutate = _useSWRConfig.mutate;
-    var keyRef = _(key);
-    var fetcherRef = _(fetcher);
-    var configRef = _(config);
-    var ditchMutationsUntilRef = _(0);
+    var keyRef = _$1(key);
+    var fetcherRef = _$1(fetcher);
+    var configRef = _$1(config);
+    var ditchMutationsUntilRef = _$1(0);
     var _useStateWithDeps = useStateWithDeps({
         data: UNDEFINED,
         error: UNDEFINED,
@@ -1698,8 +1528,8 @@ var mutation = function mutation() {
       stateDependencies = _useStateWithDeps2[1],
       setState = _useStateWithDeps2[2];
     var currentState = stateRef.current;
-    var trigger = T( /*#__PURE__*/function () {
-      var _ref34 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
+    var trigger = T$1( /*#__PURE__*/function () {
+      var _ref39 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
         var _serialize, _serialize2, serializedKey, resolvedKey, options, mutationStartedAt, data;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -1768,10 +1598,10 @@ var mutation = function mutation() {
         }, _callee, null, [[9, 17]]);
       }));
       return function (_x, _x2) {
-        return _ref34.apply(this, arguments);
+        return _ref39.apply(this, arguments);
       };
     }(), []);
-    var reset = T(function () {
+    var reset = T$1(function () {
       ditchMutationsUntilRef.current = getTimestamp();
       setState({
         data: UNDEFINED,
@@ -1845,20 +1675,20 @@ var useExtractSlug = function useExtractSlug() {
     _useGlobalReducer4 = _slicedToArray(_useGlobalReducer3, 2),
     state = _useGlobalReducer4[0],
     dispatch = _useGlobalReducer4[1];
-  var _h$ = h$1(),
-    _h$2 = _slicedToArray(_h$, 2),
-    pattern = _h$2[0],
-    setPattern = _h$2[1];
+  var _h$3 = h$2(),
+    _h$4 = _slicedToArray(_h$3, 2),
+    pattern = _h$4[0],
+    setPattern = _h$4[1];
   var stytchClient = useStytch();
   var slug = extractFromPattern(pattern || null);
-  var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_, _ref35) {
-      var slug = _ref35.arg.slug;
+  var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_, _ref40) {
+      var slug = _ref40.arg.slug;
       return stytchClient.organization.getBySlug({
         organization_slug: slug
       });
     }, {
-      onSuccess: function onSuccess(_ref36) {
-        var organization = _ref36.organization;
+      onSuccess: function onSuccess(_ref41) {
+        var organization = _ref41.organization;
         if (organization === null) {
           dispatch({
             type: 'set_error_message_and_transition',
@@ -1875,8 +1705,8 @@ var useExtractSlug = function useExtractSlug() {
     trigger = _useMutate.trigger,
     isSearching = _useMutate.isMutating;
   p$1(function () {
-    readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref37) {
-      var slugPattern = _ref37.slugPattern;
+    readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref42) {
+      var slugPattern = _ref42.slugPattern;
       setPattern(slugPattern);
     });
   }, [stytchClient]);
@@ -1895,10 +1725,10 @@ var useExtractSlug = function useExtractSlug() {
 };
 var useBootstrap = function useBootstrap() {
   var stytchClient = useStytch();
-  var _h$3 = h$1(readB2BInternals(stytchClient).bootstrap.getSync()),
-    _h$4 = _slicedToArray(_h$3, 2),
-    boostrap = _h$4[0],
-    setBootstrap = _h$4[1];
+  var _h$5 = h$2(readB2BInternals(stytchClient).bootstrap.getSync()),
+    _h$6 = _slicedToArray(_h$5, 2),
+    boostrap = _h$6[0],
+    setBootstrap = _h$6[1];
   p$1(function () {
     readB2BInternals(stytchClient).bootstrap.getAsync().then(function (data) {
       setBootstrap(data);
@@ -1922,22 +1752,22 @@ var usePasswordInput = function usePasswordInput() {
   var stytch = useStytch();
   var onEvent = useEventCallback();
   var onError = useErrorCallback();
-  var _h$5 = h$1(state.formState.passwordState.email),
-    _h$6 = _slicedToArray(_h$5, 2),
-    email = _h$6[0],
-    setEmail = _h$6[1];
-  var _h$7 = h$1(''),
+  var _h$7 = h$2(state.formState.passwordState.email),
     _h$8 = _slicedToArray(_h$7, 2),
-    password = _h$8[0],
-    setPassword = _h$8[1];
-  var _h$9 = h$1(''),
+    email = _h$8[0],
+    setEmail = _h$8[1];
+  var _h$9 = h$2(''),
     _h$10 = _slicedToArray(_h$9, 2),
-    errorMessage = _h$10[0],
-    setErrorMessage = _h$10[1];
-  var _h$11 = h$1(false),
+    password = _h$10[0],
+    setPassword = _h$10[1];
+  var _h$11 = h$2(''),
     _h$12 = _slicedToArray(_h$11, 2),
-    isSubmitting = _h$12[0],
-    setIsSubmitting = _h$12[1];
+    errorMessage = _h$12[0],
+    setErrorMessage = _h$12[1];
+  var _h$13 = h$2(false),
+    _h$14 = _slicedToArray(_h$13, 2),
+    isSubmitting = _h$14[0],
+    setIsSubmitting = _h$14[1];
   var organization = state.flowState.organization;
   var submitPassword = function submitPassword(organization_id) {
     var _a, _b;
@@ -2027,7 +1857,7 @@ var extractFromPattern = function extractFromPattern(pattern) {
   }
   return null;
 };
-var Button = He.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  all: unset;\n  width: 100%;\n  height: 45px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 18px;\n  text-transform: none;\n  font-family: ", ";\n  box-shadow: none;\n  text-align: center;\n\n  ", "\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    border-radius: ", ";\n    cursor: not-allowed;\n  }\n"])), function (props) {
+var Button = He.button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  all: unset;\n  width: 100%;\n  height: 45px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 18px;\n  text-transform: none;\n  font-family: ", ";\n  box-shadow: none;\n  text-align: center;\n\n  ", "\n\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    border-radius: ", ";\n    cursor: not-allowed;\n  }\n"])), function (props) {
   return props.theme.typography.fontFamily;
 }, function (props) {
   switch (props.variant) {
@@ -2050,20 +1880,20 @@ var Button = He.button(_templateObject8 || (_templateObject8 = _taggedTemplateLi
 Button.defaultProps = {
   variant: 'primary'
 };
-var circularRotateKeyframe = Ue(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var circularDashKeyframe = Ue(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var AnimatedCircle = He.circle(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke: ", ";\n  fill: none;\n"])), circularDashKeyframe, function (props) {
+var circularRotateKeyframe = Ue(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+var circularDashKeyframe = Ue(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
+var AnimatedCircle = He.circle(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke: ", ";\n  fill: none;\n"])), circularDashKeyframe, function (props) {
   return props.theme.colors.primary;
 });
-var CircularProgressRoot = He.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s ease-in-out infinite;\n"])), function (props) {
+var CircularProgressRoot = He.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s ease-in-out infinite;\n"])), function (props) {
   return props.size;
 }, function (props) {
   return props.size;
 }, circularRotateKeyframe);
-var CircularProgressSVG = He.svg(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: block;\n"])));
-var CircularProgress = function CircularProgress(_ref38) {
-  var size = _ref38.size,
-    thickness = _ref38.thickness;
+var CircularProgressSVG = He.svg(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  display: block;\n"])));
+var CircularProgress = function CircularProgress(_ref43) {
+  var size = _ref43.size,
+    thickness = _ref43.thickness;
   return /*#__PURE__*/wn.createElement(CircularProgressRoot, {
     size: size
   }, /*#__PURE__*/wn.createElement(CircularProgressSVG, {
@@ -2091,7 +1921,7 @@ var SubmitButton = function SubmitButton(props) {
     "data-testid": "loading-icon"
   }))) : props.text);
 };
-var Input = He.input(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 47px;\n  padding: 0 8px;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n"])), function (props) {
+var Input = He.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 47px;\n  padding: 0 8px;\n  box-sizing: border-box;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.inputs.backgroundColor;
 }, function (props) {
   return props.theme.inputs.borderColor;
@@ -2110,13 +1940,13 @@ var Input = He.input(_templateObject14 || (_templateObject14 = _taggedTemplateLi
 }, function (props) {
   return props.theme.colors.disabled;
 });
-var EmailInput = function EmailInput(_ref39) {
-  var email = _ref39.email,
-    setEmail = _ref39.setEmail,
-    _ref39$disableInput = _ref39.disableInput,
-    disableInput = _ref39$disableInput === void 0 ? false : _ref39$disableInput,
-    _ref39$hasPasskeys = _ref39.hasPasskeys,
-    hasPasskeys = _ref39$hasPasskeys === void 0 ? false : _ref39$hasPasskeys;
+var EmailInput = function EmailInput(_ref44) {
+  var email = _ref44.email,
+    setEmail = _ref44.setEmail,
+    _ref44$disableInput = _ref44.disableInput,
+    disableInput = _ref44$disableInput === void 0 ? false : _ref44$disableInput,
+    _ref44$hasPasskeys = _ref44.hasPasskeys,
+    hasPasskeys = _ref44$hasPasskeys === void 0 ? false : _ref44$hasPasskeys;
   return /*#__PURE__*/wn.createElement(Input, Object.assign({
     placeholder: "example@email.com",
     name: "email",
@@ -2154,9 +1984,9 @@ var mapURLsToLinks = function mapURLsToLinks(str) {
   }
   return chunkResults;
 };
-var ErrorText = function ErrorText(_ref40) {
-  var errorMessage = _ref40.errorMessage;
-  var tokens = F(function () {
+var ErrorText = function ErrorText(_ref45) {
+  var errorMessage = _ref45.errorMessage;
+  var tokens = F$1(function () {
     return mapURLsToLinks(errorMessage);
   }, [errorMessage]);
   return /*#__PURE__*/wn.createElement(Text, {
@@ -2165,9 +1995,9 @@ var ErrorText = function ErrorText(_ref40) {
   }, tokens);
 };
 var JIT_PROVISIONING_ERRORS = ['email_jit_provisioning_not_allowed', 'invalid_email_for_jit_provisioning'];
-var parseErrorMessage = function parseErrorMessage(error, _ref41) {
-  var email = _ref41.email,
-    org = _ref41.org;
+var parseErrorMessage = function parseErrorMessage(error, _ref46) {
+  var email = _ref46.email,
+    org = _ref46.org;
   if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
     return "".concat(email, " does not have access to ").concat(org, ". If you think this is a mistake, contact your admin");
   } else {
@@ -2181,14 +2011,14 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
     dispatch = _useGlobalReducer8[1];
   var stytchClient = useStytch();
   var config = useConfig();
-  var _h$13 = h$1(''),
-    _h$14 = _slicedToArray(_h$13, 2),
-    emailInput = _h$14[0],
-    setEmailInput = _h$14[1];
+  var _h$15 = h$2(''),
+    _h$16 = _slicedToArray(_h$15, 2),
+    emailInput = _h$16[0],
+    setEmailInput = _h$16[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 _useMutate2 = useMutate('stytch.magicLinks.email.loginOrSignup', function (_, _ref47) {
+      var organization_id = _ref47.arg.organization_id;
       var _a, _b, _c, _d;
       return stytchClient.magicLinks.email.loginOrSignup({
         email_address: email,
@@ -2262,10 +2092,10 @@ var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
     dispatch = _useGlobalReducer10[1];
   var stytchClient = useStytch();
   var config = useConfig();
-  var _h$15 = h$1(''),
-    _h$16 = _slicedToArray(_h$15, 2),
-    email = _h$16[0],
-    setEmail = _h$16[1];
+  var _h$17 = h$2(''),
+    _h$18 = _slicedToArray(_h$17, 2),
+    email = _h$18[0],
+    setEmail = _h$18[1];
   var _useMutate3 = useMutate('stytch.magicLinks.discovery.send', function () {
       var _a, _b;
       return stytchClient.magicLinks.email.discovery.send({
@@ -2320,9 +2150,9 @@ var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
     text: 'Continue with email'
   })));
 };
-var SSOButton = function SSOButton(_ref43) {
-  var display_name = _ref43.display_name,
-    connection_id = _ref43.connection_id;
+var SSOButton = function SSOButton(_ref48) {
+  var display_name = _ref48.display_name,
+    connection_id = _ref48.connection_id;
   var stytchClient = useStytch();
   var config = useConfig();
   var onButtonClick = function onButtonClick() {
@@ -2365,17 +2195,17 @@ var SSOButtons = function SSOButtons() {
     });
   }));
 };
-var DividerContainer = He(Flex)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
+var DividerContainer = He(Flex)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.secondary;
 });
-var DividerBar = He.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  border-bottom: 1px solid ", ";\n  flex-grow: 1;\n"])), function (props) {
+var DividerBar = He.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  border-bottom: 1px solid ", ";\n  flex-grow: 1;\n"])), function (props) {
   return props.$placement === 'left' && 'margin-right: 6px;';
 }, function (props) {
   return props.$placement === 'right' && 'margin-left: 6px;';
 }, function (props) {
   return props.theme.colors.secondary;
 });
-var StyledText = He(Text)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
+var StyledText = He(Text)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
   return props.theme.colors.secondary;
 });
 var Divider = function Divider() {
@@ -2387,9 +2217,9 @@ var Divider = function Divider() {
     "$placement": "right"
   }));
 };
-var PasswordIconSvg = function PasswordIconSvg(_ref44) {
-  var _ref44$enabled = _ref44.enabled,
-    enabled = _ref44$enabled === void 0 ? false : _ref44$enabled;
+var PasswordIconSvg = function PasswordIconSvg(_ref49) {
+  var _ref49$enabled = _ref49.enabled,
+    enabled = _ref49$enabled === void 0 ? false : _ref49$enabled;
   return /*#__PURE__*/wn.createElement("svg", {
     width: "20",
     height: "14",
@@ -2413,7 +2243,7 @@ var PasswordIconVisibleSvg = function PasswordIconVisibleSvg() {
     fill: "#19303D"
   }));
 };
-var BaseInput = He.input(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  border: 0;\n  padding: 0;\n  width: 100%;\n\n  background-color: transparent;\n  height: 45px;\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n\n  &::placeholder: {\n    color: ", ";\n  }\n\n  &:disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])), function (props) {
+var BaseInput = He.input(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  border: 0;\n  padding: 0;\n  width: 100%;\n\n  background-color: transparent;\n  height: 45px;\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n\n  &::placeholder: {\n    color: ", ";\n  }\n\n  &:disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])), function (props) {
   return props.theme.inputs.textColor;
 }, function (props) {
   return props.theme.typography.fontFamily;
@@ -2424,7 +2254,7 @@ var BaseInput = He.input(_templateObject18 || (_templateObject18 = _taggedTempla
 }, function (props) {
   return props.theme.colors.disabled;
 });
-var InputContainer = He(Flex)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 45px;\n  padding-left: 8px;\n  padding-right: 8px;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  width: calc(100% - 18px);\n  & input::placeholder: {\n    color: ", ";\n  }\n"])), function (props) {
+var InputContainer = He(Flex)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 45px;\n  padding-left: 8px;\n  padding-right: 8px;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 18px;\n  width: calc(100% - 18px);\n  & input::placeholder: {\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.inputs.backgroundColor;
 }, function (props) {
   return props.theme.inputs.borderColor;
@@ -2437,11 +2267,11 @@ var InputContainer = He(Flex)(_templateObject19 || (_templateObject19 = _taggedT
 }, function (props) {
   return props.theme.inputs.placeholderColor;
 });
-var PasswordIconButton = He.button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
-var PasswordIcon = function PasswordIcon(_ref45) {
-  var onClick = _ref45.onClick,
-    enabled = _ref45.enabled,
-    visible = _ref45.visible;
+var PasswordIconButton = He.button(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
+var PasswordIcon = function PasswordIcon(_ref50) {
+  var onClick = _ref50.onClick,
+    enabled = _ref50.enabled,
+    visible = _ref50.visible;
   return /*#__PURE__*/wn.createElement(PasswordIconButton, {
     onClick: onClick,
     type: "button"
@@ -2449,14 +2279,14 @@ var PasswordIcon = function PasswordIcon(_ref45) {
     enabled: enabled
   }));
 };
-var PasswordInput = function PasswordInput(_ref46) {
-  var password = _ref46.password,
-    setPassword = _ref46.setPassword,
-    type = _ref46.type;
-  var _h$17 = h$1(false),
-    _h$18 = _slicedToArray(_h$17, 2),
-    visible = _h$18[0],
-    setVisible = _h$18[1];
+var PasswordInput = function PasswordInput(_ref51) {
+  var password = _ref51.password,
+    setPassword = _ref51.setPassword,
+    type = _ref51.type;
+  var _h$19 = h$2(false),
+    _h$20 = _slicedToArray(_h$19, 2),
+    visible = _h$20[0],
+    setVisible = _h$20[1];
   return /*#__PURE__*/wn.createElement(InputContainer, {
     gap: 2,
     alignItems: "center"
@@ -2481,9 +2311,9 @@ var PasswordInput = function PasswordInput(_ref46) {
     visible: visible
   }));
 };
-var BackButton = He.button(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
-var BackArrowSvg = function BackArrowSvg(_ref47) {
-  var color = _ref47.color;
+var BackButton = He.button(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n"])));
+var BackArrowSvg = function BackArrowSvg(_ref52) {
+  var color = _ref52.color;
   return /*#__PURE__*/wn.createElement("svg", {
     width: "24",
     height: "24",
@@ -2495,8 +2325,8 @@ var BackArrowSvg = function BackArrowSvg(_ref47) {
     fill: color
   }));
 };
-var BackArrow = function BackArrow(_ref48) {
-  var onClick = _ref48.onClick;
+var BackArrow = function BackArrow(_ref53) {
+  var onClick = _ref53.onClick;
   var theme = Ze();
   return /*#__PURE__*/wn.createElement(BackButton, {
     type: "button",
@@ -2506,7 +2336,7 @@ var BackArrow = function BackArrow(_ref48) {
     color: theme.colors.primary
   }));
 };
-var GetHelpText = He(Text)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
+var GetHelpText = He(Text)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
 var PasswordsAuthenticate = function PasswordsAuthenticate() {
   var _useGlobalReducer13 = useGlobalReducer(),
     _useGlobalReducer14 = _slicedToArray(_useGlobalReducer13, 2),
@@ -2628,10 +2458,10 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
     setIsSubmitting = _usePasswordInput2.setIsSubmitting,
     submitPassword = _usePasswordInput2.submitPassword,
     handleNonMemberReset = _usePasswordInput2.handleNonMemberReset;
-  var _h$19 = h$1(!email),
-    _h$20 = _slicedToArray(_h$19, 2),
-    hideInput = _h$20[0],
-    setHideInput = _h$20[1];
+  var _h$21 = h$2(!email),
+    _h$22 = _slicedToArray(_h$21, 2),
+    hideInput = _h$22[0],
+    setHideInput = _h$22[1];
   if (!passwordOptions) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   if (!organization) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   var handleSubmit = function handleSubmit(e) {
@@ -2658,8 +2488,8 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
           case 8:
             setErrorMessage('');
             setIsSubmitting(true);
-            readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref49) {
-              var member = _ref49.member;
+            readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref54) {
+              var member = _ref54.member;
               if (member === null || member === void 0 ? void 0 : member.member_password_id) {
                 setHideInput(false);
                 setIsSubmitting(false);
@@ -2858,7 +2688,7 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
 };
 var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
   var config = useConfig();
-  var isOnlyFloatingOneTap = F(function () {
+  var isOnlyFloatingOneTap = F$1(function () {
     var _a, _b;
     var oauthProvider = config.oauthOptions ? getParamsFromB2BOAuthProviderConfig((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers[0]) : undefined;
     var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.oneTap) === true;
@@ -2867,7 +2697,7 @@ var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
   return isOnlyFloatingOneTap;
 };
 var useIsUnmounted = function useIsUnmounted() {
-  var isUnmounted = _(false);
+  var isUnmounted = _$1(false);
   p$1(function () {
     return function () {
       isUnmounted.current = true;
@@ -2911,8 +2741,8 @@ var OAuthB2BButton = function OAuthB2BButton(props) {
     }
   }, "Continue with ", props.providerTypeTitle)));
 };
-var OAuthErrorMessage = function OAuthErrorMessage(_ref50) {
-  var children = _ref50.children;
+var OAuthErrorMessage = function OAuthErrorMessage(_ref55) {
+  var children = _ref55.children;
   return /*#__PURE__*/wn.createElement("div", {
     key: "oauth-error-message"
   }, /*#__PURE__*/wn.createElement(Text, {
@@ -2924,9 +2754,9 @@ var OneTapNoConfiguredClientsErrorMessage = function OneTapNoConfiguredClientsEr
     href: "https://stytch.com/dashboard/oauth"
   }, "dashboard."));
 };
-var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(_ref51) {
-  var niceName = _ref51.niceName,
-    variableName = _ref51.variableName;
+var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(_ref56) {
+  var niceName = _ref56.niceName,
+    variableName = _ref56.variableName;
   return /*#__PURE__*/wn.createElement(OAuthErrorMessage, null, "One Tap cannot render because there are no ", niceName, " set for this project so we are unable to verify the", ' ', /*#__PURE__*/wn.createElement("code", null, variableName), "\xA0 provided in the configuration. To set ", niceName, " for this project please visit\xA0", /*#__PURE__*/wn.createElement("a", {
     href: "https://stytch.com/docs/javascript-sdk"
   }, "the Stytch dashboard."), "\xA0 For more information on why this validation is necessary please visit\xA0", /*#__PURE__*/wn.createElement("a", {
@@ -2971,7 +2801,7 @@ var OneTapErrors;
   OneTapErrors["DefaultProviderNotAllowed"] = "default_provider_not_allowed";
 })(OneTapErrors || (OneTapErrors = {}));
 var ErrorMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, OneTapErrors.None, /*#__PURE__*/wn.createElement(wn.Fragment, null)), OneTapErrors.OriginNotAllowedForClient, /*#__PURE__*/wn.createElement(OneTapJSOriginErrorMessage, null)), OneTapErrors.InvalidOAuthClient, /*#__PURE__*/wn.createElement(OneTapInvalidOAuthClient, null)), OneTapErrors.NoConfiguredOAuthClient, /*#__PURE__*/wn.createElement(OneTapNoConfiguredClientsErrorMessage, null)), OneTapErrors.NoConfiguredLoginRedirectUrls, /*#__PURE__*/wn.createElement(OneTapNoConfiguredLoginRedirectUrlsErrorMessage, null)), OneTapErrors.NoConfiguredSignupRedirectUrls, /*#__PURE__*/wn.createElement(OneTapNoConfiguredSignupRedirectUrlsErrorMessage, null)), OneTapErrors.DefaultProviderNotAllowed, /*#__PURE__*/wn.createElement(OneTapNoDefaultProviderAllowedErrorMessage, null));
-He.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  height: ", ";\n  display: ", ";\n  transition: all 0.5s ease-out;\n  justify-content: center;\n  align-items: center;\n"])), function (props) {
+He.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  height: ", ";\n  display: ", ";\n  transition: all 0.5s ease-out;\n  justify-content: center;\n  align-items: center;\n"])), function (props) {
   return "".concat(props.$height, "px");
 }, function (props) {
   return props.pending ? 'flex' : 'block';
@@ -2981,16 +2811,16 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
   var stytch = useStytch();
   var config = useConfig();
   var isOnlyFloatingOneTap = useIsOnlyFloatingOneTap();
-  var _h$21 = h$1(OneTapErrors.None),
-    _h$22 = _slicedToArray(_h$21, 2),
-    oneTapError = _h$22[0],
-    setOneTapError = _h$22[1];
+  var _h$23 = h$2(OneTapErrors.None),
+    _h$24 = _slicedToArray(_h$23, 2),
+    oneTapError = _h$24[0],
+    setOneTapError = _h$24[1];
   var isUnmounted = useIsUnmounted();
   var _useGlobalReducer19 = useGlobalReducer(),
     _useGlobalReducer20 = _slicedToArray(_useGlobalReducer19, 2),
     state = _useGlobalReducer20[0],
     dispatch = _useGlobalReducer20[1];
-  var attemptToLoadOneTap = T(function () {
+  var attemptToLoadOneTap = T$1(function () {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
       var _g, _h, _j, _readB2BInternals, oneTap, clientResult, client, oneTapCallback, renderResult;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
@@ -3111,19 +2941,19 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
 };
 var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BProducts.oauth, undefined), B2BProducts.sso, 'sso'), B2BProducts.emailMagicLinks, 'magic_link'), B2BProducts.passwords, 'password');
 var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BOAuthProviders.Google, 'google_oauth'), B2BOAuthProviders.Microsoft, 'microsoft_oauth'), B2BOAuthProviders.HubSpot, 'hubspot_oauth'), B2BOAuthProviders.Slack, 'slack_oauth');
-var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref52) {
-  var _ref53 = _slicedToArray(_ref52, 2),
-    product = _ref53[0],
-    method = _ref53[1];
+var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref57) {
+  var _ref58 = _slicedToArray(_ref57, 2),
+    product = _ref58[0],
+    method = _ref58[1];
   if (method) {
     acc[method] = product;
   }
   return acc;
 }, {});
-var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref54) {
-  var _ref55 = _slicedToArray(_ref54, 2),
-    provider = _ref55[0],
-    method = _ref55[1];
+var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref59) {
+  var _ref60 = _slicedToArray(_ref59, 2),
+    provider = _ref60[0],
+    method = _ref60[1];
   acc[method] = provider;
   return acc;
 }, {});
@@ -3165,7 +2995,7 @@ var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, o
 var useOAuthProviderConfigs = function useOAuthProviderConfigs() {
   var _a;
   var config = useConfig();
-  return F(function () {
+  return F$1(function () {
     var _a;
     if (!((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers)) {
       return [];
@@ -3180,7 +3010,7 @@ var useRestrictedAuthMethods = function useRestrictedAuthMethods() {
     state = _useGlobalReducer22[0];
   var primaryAuthMethods = state.primary.primaryAuthMethods;
   var hasPrimaryAuthMethods = !!primaryAuthMethods;
-  var restrictedAuthMethods = F(function () {
+  var restrictedAuthMethods = F$1(function () {
     var _a, _b, _c;
     if (state.primary.primaryAuthMethods) {
       return new Set(state.primary.primaryAuthMethods);
@@ -3204,10 +3034,10 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
     restrictedAuthMethods = _useRestrictedAuthMet.restrictedAuthMethods,
     hasPrimaryAuthMethods = _useRestrictedAuthMet.hasPrimaryAuthMethods;
   var oauthProviderConfigs = useOAuthProviderConfigs();
-  var flattenedConfiguredAuthMethods = F(function () {
+  var flattenedConfiguredAuthMethods = F$1(function () {
     return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
   }, [config.products, oauthProviderConfigs]);
-  var authMethodsToShow = F(function () {
+  var authMethodsToShow = F$1(function () {
     var _a;
     if (!restrictedAuthMethods) {
       return flattenedConfiguredAuthMethods;
@@ -3225,10 +3055,10 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
     }
     return ['magic_link'];
   }, [flattenedConfiguredAuthMethods, hasPrimaryAuthMethods, restrictedAuthMethods, (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods]);
-  var products = F(function () {
+  var products = F$1(function () {
     return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(isTruthy)));
   }, [authMethodsToShow]);
-  var oauthProviderSettings = F(function () {
+  var oauthProviderSettings = F$1(function () {
     return authMethodsToShow.map(function (authMethod) {
       var _a;
       var provider = oauthMethodToOauthProvider(authMethod);
@@ -3300,12 +3130,12 @@ var OAuthButtons = function OAuthButtons() {
   var _useEffectiveAuthConf = useEffectiveAuthConfig(),
     oauthProviderSettings = _useEffectiveAuthConf.oauthProviderSettings;
   var config = useConfig();
-  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 _ref61 = (_a = config.oauthOptions) !== null && _a !== void 0 ? _a : {},
+    loginRedirectURL = _ref61.loginRedirectURL,
+    signupRedirectURL = _ref61.signupRedirectURL,
+    discoveryRedirectURL = _ref61.discoveryRedirectURL,
+    customScopes = _ref61.customScopes,
+    providerParams = _ref61.providerParams;
   var mappedProviders = oauthProviderSettings.map(function (provider) {
     var oauthProvider = getParamsFromB2BOAuthProviderConfig(provider);
     var _getProviderInfo = getProviderInfo(oauthProvider.type),
@@ -3334,7 +3164,7 @@ var OAuthButtons = function OAuthButtons() {
     className: "oauth-buttons"
   }, mappedProviders);
 };
-var UsePasswordText = He(Text)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
+var UsePasswordText = He(Text)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  font-weight: bold !important;\n  cursor: pointer;\n"])));
 var PasswordUseButton = function PasswordUseButton() {
   var _useGlobalReducer27 = useGlobalReducer(),
     _useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
@@ -3397,12 +3227,12 @@ var generateProductComponentsOrdering = function generateProductComponentsOrderi
   }
   return ProductComponents;
 };
-var Container$1 = He(Flex)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  > * + * {\n    margin-top: 24px;\n  }\n"])));
-var LogoImage$1 = He.img(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  max-height: 50px;\n  max-width: 100px;\n"])));
-var Header = He(Text)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
-var Logo$1 = function Logo$1(_ref57) {
-  var orgLogo = _ref57.orgLogo,
-    appLogo = _ref57.appLogo;
+var Container$1 = He(Flex)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  > * + * {\n    margin-top: 24px;\n  }\n"])));
+var LogoImage$1 = He.img(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  max-height: 50px;\n  max-width: 100px;\n"])));
+var Header = He(Text)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
+var Logo$1 = function Logo$1(_ref62) {
+  var orgLogo = _ref62.orgLogo,
+    appLogo = _ref62.appLogo;
   if (orgLogo !== '' && appLogo !== '') return /*#__PURE__*/wn.createElement(wn.Fragment, null);
   return /*#__PURE__*/wn.createElement(Flex, {
     justifyContent: "center",
@@ -3413,8 +3243,8 @@ var Logo$1 = function Logo$1(_ref57) {
     src: appLogo
   }));
 };
-var ProductComponents = function ProductComponents(_ref58) {
-  var components = _ref58.components;
+var ProductComponents = function ProductComponents(_ref63) {
+  var components = _ref63.components;
   var renderedComponents = components.map(function (component) {
     switch (component) {
       case Component.MagicLinkEmailForm:
@@ -3602,13 +3432,13 @@ var inboxLinks$1 = function inboxLinks$1(emailDomain) {
     YAHOO: "https://mail.yahoo.com/d/search/keyword=".concat(emailDomain)
   };
 };
-var Link$1 = 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) {
+var Link$1 = He.a(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var EmailProviderLink$1 = function EmailProviderLink$1(_ref59) {
-  var label = _ref59.label,
-    href = _ref59.href,
-    Icon = _ref59.Icon;
+var EmailProviderLink$1 = function EmailProviderLink$1(_ref64) {
+  var label = _ref64.label,
+    href = _ref64.href,
+    Icon = _ref64.Icon;
   return /*#__PURE__*/wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/wn.createElement(Link$1, {
@@ -3617,10 +3447,10 @@ var EmailProviderLink$1 = function EmailProviderLink$1(_ref59) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/wn.createElement(Text, null, "Open in ", label)));
 };
-var EmailConfirmation$1 = function EmailConfirmation$1(_ref60) {
-  var emailDomain = _ref60.emailDomain,
-    reset = _ref60.reset,
-    email = _ref60.email;
+var EmailConfirmation$1 = function EmailConfirmation$1(_ref65) {
+  var emailDomain = _ref65.emailDomain,
+    reset = _ref65.reset,
+    email = _ref65.email;
   var _inboxLinks$ = inboxLinks$1(emailDomain),
     GMAIL = _inboxLinks$.GMAIL,
     YAHOO = _inboxLinks$.YAHOO,
@@ -3657,17 +3487,17 @@ var useEmailDomain$1 = function useEmailDomain$1() {
   var _a, _b;
   var stytch = useStytch();
   var config = useConfig();
-  var _h$23 = h$1(function () {
+  var _h$25 = h$2(function () {
       var _readB2BInternals$boo = readB2BInternals(stytch).bootstrap.getSync(),
         emailDomains = _readB2BInternals$boo.emailDomains;
       return emailDomains;
     }),
-    _h$24 = _slicedToArray(_h$23, 2),
-    emailDomains = _h$24[0],
-    setEmailDomains = _h$24[1];
+    _h$26 = _slicedToArray(_h$25, 2),
+    emailDomains = _h$26[0],
+    setEmailDomains = _h$26[1];
   p$1(function () {
-    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref61) {
-      var emailDomains = _ref61.emailDomains;
+    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref66) {
+      var emailDomains = _ref66.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -3726,27 +3556,28 @@ var LoadingScreen = function LoadingScreen() {
 var isJoinViaJitType = function isJoinViaJitType(type) {
   return type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';
 };
-var OrganizationsContainer = He(Flex)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref62) {
-  var theme = _ref62.theme;
+var OrganizationsContainer = He(Flex)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  border: ", ";\n  border-radius: ", ";\n  > div + div {\n    border-top: ", ";\n  }\n"])), function (_ref67) {
+  var theme = _ref67.theme;
   return theme.container.border;
-}, function (_ref63) {
-  var theme = _ref63.theme;
+}, function (_ref68) {
+  var theme = _ref68.theme;
   return theme.container.borderRadius;
-}, function (_ref64) {
-  var theme = _ref64.theme;
+}, function (_ref69) {
+  var theme = _ref69.theme;
   return theme.container.border;
 });
-var OrganizationsRow = He(Flex)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  cursor: pointer;\n"])));
-var LogoImage = He.img(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  border-radius: 4px;\n"])));
-var LogoText = 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;
+var OrganizationsRow = He(Flex)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  gap: 8px;\n"])));
+var LogoImage = He.img(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  border-radius: 4px;\n"])));
+var LogoText = He(Flex)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: 40px;\n  flex-shrink: 0;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 4px;\n\n  font-style: normal;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 25px;\n"])), function (_ref70) {
+  var theme = _ref70.theme;
   return theme.buttons.primary.backgroundColor;
-}, function (_ref66) {
-  var theme = _ref66.theme;
+}, function (_ref71) {
+  var theme = _ref71.theme;
   return theme.buttons.primary.textColor;
 });
+var SvgNoShrink = He.svg(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n"])));
 var RightArrowSVG = function RightArrowSVG() {
-  return /*#__PURE__*/y("svg", {
+  return /*#__PURE__*/y(SvgNoShrink, {
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
@@ -3757,9 +3588,9 @@ var RightArrowSVG = function RightArrowSVG() {
     fill: "#19303D"
   }));
 };
-var Logo = function Logo(_ref67) {
-  var name = _ref67.name,
-    logo = _ref67.logo;
+var Logo = function Logo(_ref72) {
+  var name = _ref72.name,
+    logo = _ref72.logo;
   if (logo !== '') {
     return /*#__PURE__*/y(LogoImage, {
       src: logo
@@ -3770,10 +3601,14 @@ var Logo = function Logo(_ref67) {
     justifyContent: "center"
   }, name[0]);
 };
-var ArrowText = function ArrowText(_ref68) {
-  var type = _ref68.type;
-  if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/y(Text, null, "Join");
-  if (type === 'invited_member') return /*#__PURE__*/y(Text, null, "Accept Invite");
+var ArrowText = function ArrowText(_ref73) {
+  var type = _ref73.type;
+  if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/y(Text, {
+    align: "right"
+  }, "Join");
+  if (type === 'invited_member') return /*#__PURE__*/y(Text, {
+    align: "right"
+  }, "Accept Invite");
   return /*#__PURE__*/y(g$1, null);
 };
 var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
@@ -3886,13 +3721,13 @@ var Discovery = function Discovery() {
       });
     }
   };
-  var startSso = T(function (connectionId) {
+  var startSso = T$1(function (connectionId) {
     stytchClient.sso.start({
       connection_id: connectionId
     });
   }, [stytchClient]);
-  var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref69) {
-      var organizationId = _ref69.arg.organizationId;
+  var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref74) {
+      var organizationId = _ref74.arg.organizationId;
       return stytchClient.discovery.intermediateSessions.exchange({
         organization_id: organizationId,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -4083,7 +3918,7 @@ var Confirmation = function Confirmation() {
   }, "Success!"), /*#__PURE__*/y(Text, null, "You have successfully logged in."), /*#__PURE__*/y(ConfirmationSVG, null));
 };
 var useMountEffect = function useMountEffect(effect) {
-  var effectRef = _(effect);
+  var effectRef = _$1(effect);
   p$1(function () {
     return effectRef.current();
   }, []);
@@ -4112,14 +3947,14 @@ var Chevron = function Chevron() {
   }));
 };
 var Chevron$1 = CreateIcon(Chevron);
-var StyledButton = He.button(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  all: unset;\n  color: ", ";\n  cursor: pointer;\n  padding: 20px 0;\n  border-bottom: 1px solid #e5e8eb;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), function (props) {
+var StyledButton = He.button(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  all: unset;\n  color: ", ";\n  cursor: pointer;\n  padding: 20px 0;\n  border-bottom: 1px solid #e5e8eb;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var MenuText = He.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
-var ChevronContainer = He.span(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var MenuButton = function MenuButton(_ref70) {
-  var children = _ref70.children,
-    onClick = _ref70.onClick;
+var MenuText = He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
+var ChevronContainer = He.span(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
+var MenuButton = function MenuButton(_ref75) {
+  var children = _ref75.children,
+    onClick = _ref75.onClick;
   return /*#__PURE__*/wn.createElement(StyledButton, {
     type: "button",
     onClick: onClick
@@ -4147,7 +3982,7 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
       method: method
     });
   };
-  var displayOptions = F(function () {
+  var displayOptions = F$1(function () {
     var optionsToDisplay = getEnabledMethods({
       allMethods: B2B_MFA_METHODS,
       orgSupportedMethods: organizationMfaOptionsSupported,
@@ -4178,9 +4013,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
     size: "header"
   }, "Set up Multi-Factor Authentication"), /*#__PURE__*/wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/wn.createElement(Flex, {
     direction: "column"
-  }, displayOptions.map(function (_ref71) {
-    var option = _ref71.option,
-      label = _ref71.label;
+  }, displayOptions.map(function (_ref76) {
+    var option = _ref76.option,
+      label = _ref76.label;
     return /*#__PURE__*/wn.createElement(MenuButton, {
       key: option,
       onClick: function onClick() {
@@ -4202,13 +4037,13 @@ var inboxLinks = function inboxLinks(emailDomain) {
     OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
   };
 };
-var Link = 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) {
+var Link = He.a(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var EmailProviderLink = function EmailProviderLink(_ref72) {
-  var label = _ref72.label,
-    href = _ref72.href,
-    Icon = _ref72.Icon;
+var EmailProviderLink = function EmailProviderLink(_ref77) {
+  var label = _ref77.label,
+    href = _ref77.href,
+    Icon = _ref77.Icon;
   return /*#__PURE__*/wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/wn.createElement(Link, {
@@ -4217,10 +4052,10 @@ var EmailProviderLink = function EmailProviderLink(_ref72) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/wn.createElement(Text, null, "Open in ", label)));
 };
-var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref73) {
-  var emailDomain = _ref73.emailDomain,
-    reset = _ref73.reset,
-    email = _ref73.email;
+var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref78) {
+  var emailDomain = _ref78.emailDomain,
+    reset = _ref78.reset,
+    email = _ref78.email;
   var _inboxLinks = inboxLinks(emailDomain),
     GMAIL = _inboxLinks.GMAIL,
     OUTLOOK = _inboxLinks.OUTLOOK;
@@ -4266,17 +4101,17 @@ var useEmailDomain = function useEmailDomain() {
   var _a, _b;
   var stytch = useStytch();
   var config = useConfig();
-  var _h$25 = h$1(function () {
+  var _h$27 = h$2(function () {
       var _readB2BInternals$boo2 = readB2BInternals(stytch).bootstrap.getSync(),
         emailDomains = _readB2BInternals$boo2.emailDomains;
       return emailDomains;
     }),
-    _h$26 = _slicedToArray(_h$25, 2),
-    emailDomains = _h$26[0],
-    setEmailDomains = _h$26[1];
+    _h$28 = _slicedToArray(_h$27, 2),
+    emailDomains = _h$28[0],
+    setEmailDomains = _h$28[1];
   p$1(function () {
-    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref74) {
-      var emailDomains = _ref74.emailDomains;
+    readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref79) {
+      var emailDomains = _ref79.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -4310,11 +4145,11 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
     email: state.formState.passwordState.email
   });
 };
-var Block = He.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
+var Block = He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
   return props.$bgColor;
 });
-var PasswordStrengthCheck = function PasswordStrengthCheck(_ref75) {
-  var score = _ref75.score;
+var PasswordStrengthCheck = function PasswordStrengthCheck(_ref80) {
+  var score = _ref80.score;
   var blocks = [];
   switch (score) {
     case 0:
@@ -4419,7 +4254,7 @@ var removeStytchParams = function removeStytchParams(value) {
   params["delete"]('stytch_token_type');
   return url;
 };
-var Form = He.form(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var Form = He.form(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 var PasswordResetForm = function PasswordResetForm() {
   var stytchClient = useStytch();
   var config = useConfig();
@@ -4428,67 +4263,67 @@ var PasswordResetForm = function PasswordResetForm() {
     dispatch = _useGlobalReducer44[1];
   var onEvent = useEventCallback();
   var onError = useErrorCallback();
-  var _h$27 = h$1(''),
-    _h$28 = _slicedToArray(_h$27, 2),
-    resetTokenType = _h$28[0],
-    setResetTokenType = _h$28[1];
-  var _h$29 = h$1(''),
+  var _h$29 = h$2(''),
     _h$30 = _slicedToArray(_h$29, 2),
-    resetToken = _h$30[0],
-    setResetToken = _h$30[1];
+    resetTokenType = _h$30[0],
+    setResetTokenType = _h$30[1];
+  var _h$31 = h$2(''),
+    _h$32 = _slicedToArray(_h$31, 2),
+    resetToken = _h$32[0],
+    setResetToken = _h$32[1];
   var dataLayer = readB2BInternals(stytchClient).dataLayer;
   var email = dataLayer.getItem('reset-email-value');
-  var _h$31 = h$1(''),
-    _h$32 = _slicedToArray(_h$31, 2),
-    password = _h$32[0],
-    setPassword = _h$32[1];
-  var _h$33 = h$1(''),
+  var _h$33 = h$2(''),
     _h$34 = _slicedToArray(_h$33, 2),
-    errorMessage = _h$34[0],
-    setErrorMessage = _h$34[1];
-  var _h$35 = h$1(0),
+    password = _h$34[0],
+    setPassword = _h$34[1];
+  var _h$35 = h$2(''),
     _h$36 = _slicedToArray(_h$35, 2),
-    passwordScore = _h$36[0],
-    setPasswordScore = _h$36[1];
-  var _h$37 = h$1(''),
+    errorMessage = _h$36[0],
+    setErrorMessage = _h$36[1];
+  var _h$37 = h$2(0),
     _h$38 = _slicedToArray(_h$37, 2),
-    passwordFeedback = _h$38[0],
-    setPasswordFeedback = _h$38[1];
-  var _h$39 = h$1(true),
+    passwordScore = _h$38[0],
+    setPasswordScore = _h$38[1];
+  var _h$39 = h$2(''),
     _h$40 = _slicedToArray(_h$39, 2),
-    invalidPassword = _h$40[0],
-    setInvalidPassword = _h$40[1];
-  var _h$41 = h$1(false),
+    passwordFeedback = _h$40[0],
+    setPasswordFeedback = _h$40[1];
+  var _h$41 = h$2(true),
     _h$42 = _slicedToArray(_h$41, 2),
-    isSubmitting = _h$42[0],
-    setIsSubmitting = _h$42[1];
-  var _h$43 = h$1('none'),
+    invalidPassword = _h$42[0],
+    setInvalidPassword = _h$42[1];
+  var _h$43 = h$2(false),
     _h$44 = _slicedToArray(_h$43, 2),
-    strengthPolicy = _h$44[0],
-    setStrengthPolicy = _h$44[1];
-  var _h$45 = h$1(0),
+    isSubmitting = _h$44[0],
+    setIsSubmitting = _h$44[1];
+  var _h$45 = h$2('none'),
     _h$46 = _slicedToArray(_h$45, 2),
-    missingCharacters = _h$46[0],
-    setMissingCharacters = _h$46[1];
-  var _h$47 = h$1(0),
+    strengthPolicy = _h$46[0],
+    setStrengthPolicy = _h$46[1];
+  var _h$47 = h$2(0),
     _h$48 = _slicedToArray(_h$47, 2),
-    missingComplexity = _h$48[0],
-    setMissingComplexity = _h$48[1];
-  var _h$49 = h$1(false),
+    missingCharacters = _h$48[0],
+    setMissingCharacters = _h$48[1];
+  var _h$49 = h$2(0),
     _h$50 = _slicedToArray(_h$49, 2),
-    isPasswordBreached = _h$50[0],
-    setIsPasswordBreached = _h$50[1];
-  var updateStrengthCheck = F(function () {
+    missingComplexity = _h$50[0],
+    setMissingComplexity = _h$50[1];
+  var _h$51 = h$2(false),
+    _h$52 = _slicedToArray(_h$51, 2),
+    isPasswordBreached = _h$52[0],
+    setIsPasswordBreached = _h$52[1];
+  var updateStrengthCheck = F$1(function () {
     return debounce(function (password) {
       return stytchClient.passwords.strengthCheck({
         password: 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;
+      }).then(function (_ref81) {
+        var score = _ref81.score,
+          valid_password = _ref81.valid_password,
+          zxcvbn_feedback = _ref81.zxcvbn_feedback,
+          luds_feedback = _ref81.luds_feedback,
+          strength_policy = _ref81.strength_policy,
+          breached_password = _ref81.breached_password;
         setStrengthPolicy(strength_policy);
         setInvalidPassword(!valid_password);
         if (strength_policy === 'zxcvbn') {
@@ -4656,7 +4491,7 @@ var PasswordSetNew = function PasswordSetNew() {
       reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
       reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
     }).then(function (data) {
-      toast$1.success('Email resent');
+      _t.success('Email resent');
       setIsSubmitting(false);
       onEvent({
         type: StytchEventType.B2BPasswordResetByEmailStart,
@@ -4723,8 +4558,8 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
           case 4:
             setErrorMessage('');
             setIsSubmitting(true);
-            readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref77) {
-              var member = _ref77.member;
+            readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref82) {
+              var member = _ref82.member;
               var _a, _b, _c, _d;
               if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
                 handleNonMemberReset();
@@ -4811,16 +4646,16 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
   var _state$mfa$primaryInf = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf.memberId,
     organizationId = _state$mfa$primaryInf.organizationId;
-  var _h$51 = h$1(''),
-    _h$52 = _slicedToArray(_h$51, 2),
-    recoveryCode = _h$52[0],
-    setRecoveryCode = _h$52[1];
-  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;
+  var _h$53 = h$2(''),
+    _h$54 = _slicedToArray(_h$53, 2),
+    recoveryCode = _h$54[0],
+    setRecoveryCode = _h$54[1];
+  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref83) {
+      var _ref83$arg = _ref83.arg,
+        recoveryCode = _ref83$arg.recoveryCode,
+        memberId = _ref83$arg.memberId,
+        organizationId = _ref83$arg.organizationId,
+        sessionDurationMinutes = _ref83$arg.sessionDurationMinutes;
       return stytchClient.recoveryCodes.recover({
         recovery_code: recoveryCode,
         member_id: memberId,
@@ -4890,8 +4725,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
     isSubmitting: isSubmitting
   })));
 };
-var InsetContainer = He.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  background-color: #f3f5f6;\n  color: #000;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  padding: 16px 8px;\n"])));
-var CodeList = He.ul(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
+var InsetContainer = He.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n  background-color: #f3f5f6;\n  color: #000;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  padding: 16px 8px;\n"])));
+var CodeList = He.ul(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
 var downloadFile = function downloadFile(content, filename) {
   var blob = new Blob([content], {
     type: 'text/plain'
@@ -4928,13 +4763,13 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
             _context9.next = 3;
             return navigator.clipboard.writeText(recoveryCodes.join('\n'));
           case 3:
-            toast$1.success('Copied');
+            _t.success('Copied');
             _context9.next = 9;
             break;
           case 6:
             _context9.prev = 6;
             _context9.t0 = _context9["catch"](0);
-            toast$1.error("Couldn't copy codes to clipboard");
+            _t.error("Couldn't copy codes to clipboard");
           case 9:
           case "end":
             return _context9.stop();
@@ -4965,7 +4800,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
     onClick: handleContinue
   }, "Done"));
 };
-var Select = He.select(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  height: 47px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  color: ", ";\n  font-family: ", ";\n  width: 80px;\n  font-size: 18px;\n"])), function (props) {
+var Select = He.select(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  height: 47px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  color: ", ";\n  font-family: ", ";\n  width: 80px;\n  font-size: 18px;\n"])), function (props) {
   return props.theme.inputs.backgroundColor;
 }, function (props) {
   return props.theme.inputs.borderColor;
@@ -4976,9 +4811,9 @@ var Select = He.select(_templateObject41 || (_templateObject41 = _taggedTemplate
 }, function (props) {
   return props.theme.typography.fontFamily;
 });
-var CountrySelector = function CountrySelector(_ref79) {
-  var country = _ref79.country,
-    setCountry = _ref79.setCountry;
+var CountrySelector = function CountrySelector(_ref84) {
+  var country = _ref84.country,
+    setCountry = _ref84.setCountry;
   var countryFormatter = new Intl.DisplayNames(['en'], {
     type: 'region'
   });
@@ -4989,24 +4824,24 @@ var CountrySelector = function CountrySelector(_ref79) {
     onChange: function onChange(e) {
       setCountry(e.target.value);
     }
-  }, Object.entries(COUNTRIES_LIST).map(function (_ref80) {
-    var _ref81 = _slicedToArray(_ref80, 2),
-      countryCode = _ref81[0],
-      countryNumber = _ref81[1];
+  }, Object.entries(COUNTRIES_LIST).map(function (_ref85) {
+    var _ref86 = _slicedToArray(_ref85, 2),
+      countryCode = _ref86[0],
+      countryNumber = _ref86[1];
     return /*#__PURE__*/wn.createElement("option", {
       key: countryCode,
       value: countryCode
     }, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
   }));
 };
-var PhoneStyledInput = He(Input)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
-var PhoneInput = function PhoneInput(_ref82) {
-  var phone = _ref82.phone,
-    setPhone = _ref82.setPhone,
-    country = _ref82.country,
-    setCountry = _ref82.setCountry,
-    parsePhoneNumber = _ref82.parsePhoneNumber,
-    hasPasskeys = _ref82.hasPasskeys;
+var PhoneStyledInput = He(Input)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
+var PhoneInput = function PhoneInput(_ref87) {
+  var phone = _ref87.phone,
+    setPhone = _ref87.setPhone,
+    country = _ref87.country,
+    setCountry = _ref87.setCountry,
+    parsePhoneNumber = _ref87.parsePhoneNumber,
+    hasPasskeys = _ref87.hasPasskeys;
   return /*#__PURE__*/wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -5026,16 +4861,23 @@ var PhoneInput = function PhoneInput(_ref82) {
     type: 'text',
     onChange: function onChange(e) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        var parsedPhoneNumber;
+        var userInput, parsedPhoneNumber;
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context10.next = 2;
-              return parsePhoneNumber(e.target.value, country);
-            case 2:
+              userInput = e.target.value;
+              _context10.next = 3;
+              return parsePhoneNumber(userInput, country);
+            case 3:
               parsedPhoneNumber = _context10.sent;
+              if (!(userInput !== e.target.value)) {
+                _context10.next = 6;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 6:
               setPhone(parsedPhoneNumber.national);
-            case 4:
+            case 7:
             case "end":
               return _context10.stop();
           }
@@ -5061,8 +4903,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_StytchSDKError) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(StytchSDKError);
-var findErrorTypeFrom = function findErrorTypeFrom(_ref83) {
-  var error = _ref83.error;
+var findErrorTypeFrom = function findErrorTypeFrom(_ref88) {
+  var error = _ref88.error;
   var errorType = extractErrorType(error);
   return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
 };
@@ -5102,8 +4944,8 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
       regionCode: countryCode
     });
   };
-  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref84) {
-      var parsedNumber = _ref84.arg.parsedNumber;
+  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref89) {
+      var parsedNumber = _ref89.arg.parsedNumber;
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -5202,9 +5044,9 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
     disabled: !phoneNumber
   })));
 };
-var InlineButton = function InlineButton(_ref85) {
-  var onClick = _ref85.onClick,
-    children = _ref85.children;
+var InlineButton = function InlineButton(_ref90) {
+  var onClick = _ref90.onClick,
+    children = _ref90.children;
   return /*#__PURE__*/wn.createElement("button", {
     onClick: onClick,
     style: {
@@ -5216,45 +5058,45 @@ var InlineButton = function InlineButton(_ref85) {
     }
   }, children));
 };
-var Wrapper = 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;
+var Wrapper = He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref91) {
+  var isOpen = _ref91.isOpen;
   return isOpen ? '1fr' : '0fr';
 });
-var Inner = He.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-var AnimatedContainer = function AnimatedContainer(_ref87) {
-  var isOpen = _ref87.isOpen,
-    children = _ref87.children;
+var Inner = He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
+var AnimatedContainer = function AnimatedContainer(_ref92) {
+  var isOpen = _ref92.isOpen,
+    children = _ref92.children;
   return /*#__PURE__*/wn.createElement(Wrapper, {
     isOpen: isOpen
   }, /*#__PURE__*/wn.createElement(Inner, null, children));
 };
-var Container = He.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref88) {
-  var theme = _ref88.theme;
+var Container = He.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref93) {
+  var theme = _ref93.theme;
   return theme.colors.disabled;
 });
-var loading = Ue(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
-var Progress = 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;
+var loading = Ue(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
+var Progress = He.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref94) {
+  var theme = _ref94.theme;
   return theme.colors.primary;
 }, loading);
-var LoadingBar = function LoadingBar(_ref90) {
-  var isLoading = _ref90.isLoading;
+var LoadingBar = function LoadingBar(_ref95) {
+  var isLoading = _ref95.isLoading;
   return /*#__PURE__*/wn.createElement(Container, null, isLoading && /*#__PURE__*/wn.createElement(Progress, null));
 };
 var GAP = '8px';
 var WIDTH = '46px';
 var INPUT_HEIGHT = '46px';
-var Digit = He.div(_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;
+var Digit = He.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  align-items: center;\n  display: flex;\n  font-size: 18px;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  background: ", ";\n  color: ", ";\n"])), function (_ref96) {
+  var disabled = _ref96.disabled,
+    theme = _ref96.theme;
   return disabled ? theme.colors.disabled : '#ADBCC5';
-}, INPUT_HEIGHT, WIDTH, function (_ref92) {
-  var disabled = _ref92.disabled,
-    theme = _ref92.theme;
+}, INPUT_HEIGHT, WIDTH, function (_ref97) {
+  var disabled = _ref97.disabled,
+    theme = _ref97.theme;
   return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
-}, function (_ref93) {
-  var disabled = _ref93.disabled,
-    theme = _ref93.theme;
+}, function (_ref98) {
+  var disabled = _ref98.disabled,
+    theme = _ref98.theme;
   return disabled ? theme.colors.disabledText : theme.inputs.textColor;
 });
 var digitsContainerStyles = {
@@ -5284,20 +5126,20 @@ var invisibleInputStyles = {
   paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
   zIndex: 10
 };
-var DigitAtIndex = function DigitAtIndex(_ref94) {
-  var index = _ref94.index,
-    disabled = _ref94.disabled,
-    otp = _ref94.otp;
+var DigitAtIndex = function DigitAtIndex(_ref99) {
+  var index = _ref99.index,
+    disabled = _ref99.disabled,
+    otp = _ref99.otp;
   var fill = otp ? otp[index] : '';
   return /*#__PURE__*/wn.createElement(Digit, {
     disabled: disabled,
     "data-testid": "otp-".concat(index)
   }, fill);
 };
-var OTPInput = function OTPInput(_ref95) {
-  var otp = _ref95.otp,
-    setOtp = _ref95.setOtp,
-    disabled = _ref95.disabled;
+var OTPInput = function OTPInput(_ref100) {
+  var otp = _ref100.otp,
+    setOtp = _ref100.setOtp,
+    disabled = _ref100.disabled;
   var onPasscodeChange = function onPasscodeChange(e) {
     if (!/^\d*$/.test(e.target.value)) {
       return;
@@ -5329,14 +5171,14 @@ var OTPInput = function OTPInput(_ref95) {
   })));
 };
 var OTP_CODE_LENGTH = 6;
-var OTPControl = function OTPControl(_ref96) {
-  var isSubmitting = _ref96.isSubmitting,
-    onSubmit = _ref96.onSubmit,
-    errorMessage = _ref96.errorMessage;
-  var _h$53 = h$1(''),
-    _h$54 = _slicedToArray(_h$53, 2),
-    otp = _h$54[0],
-    setOtp = _h$54[1];
+var OTPControl = function OTPControl(_ref101) {
+  var isSubmitting = _ref101.isSubmitting,
+    onSubmit = _ref101.onSubmit,
+    errorMessage = _ref101.errorMessage;
+  var _h$55 = h$2(''),
+    _h$56 = _slicedToArray(_h$55, 2),
+    otp = _h$56[0],
+    setOtp = _h$56[1];
   var handleOtpChange = function handleOtpChange(otp) {
     setOtp(otp);
     if (otp.length === OTP_CODE_LENGTH) {
@@ -5365,13 +5207,13 @@ var OTPControl = function OTPControl(_ref96) {
     errorMessage: errorMessage !== null && errorMessage !== void 0 ? 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;
+var OTPEntry = function OTPEntry(_ref102) {
+  var header = _ref102.header,
+    helperContent = _ref102.helperContent,
+    instruction = _ref102.instruction,
+    isSubmitting = _ref102.isSubmitting,
+    onSubmit = _ref102.onSubmit,
+    errorMessage = _ref102.errorMessage;
   return /*#__PURE__*/wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -5390,15 +5232,15 @@ var getSecondsRemaining = function getSecondsRemaining(expiration) {
   var now = new Date();
   return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
 };
-var ExpirationMessage = function ExpirationMessage(_ref98) {
-  var expiration = _ref98.expiration,
-    resendOTP = _ref98.resendOTP;
-  var _h$55 = h$1(function () {
+var ExpirationMessage = function ExpirationMessage(_ref103) {
+  var expiration = _ref103.expiration,
+    resendOTP = _ref103.resendOTP;
+  var _h$57 = h$2(function () {
       return getSecondsRemaining(expiration);
     }),
-    _h$56 = _slicedToArray(_h$55, 2),
-    seconds = _h$56[0],
-    setSeconds = _h$56[1];
+    _h$58 = _slicedToArray(_h$57, 2),
+    seconds = _h$58[0],
+    setSeconds = _h$58[1];
   var codeExpired = seconds <= 0;
   p$1(function () {
     if (!codeExpired) {
@@ -5420,13 +5262,13 @@ var ExpirationMessage = function ExpirationMessage(_ref98) {
     onClick: resendOTP
   }, "Resend code"));
 };
-var SentOTPEntry = function SentOTPEntry(_ref99) {
-  var expiration = _ref99.expiration,
-    formattedDestination = _ref99.formattedDestination,
-    isSubmitting = _ref99.isSubmitting,
-    onSubmit = _ref99.onSubmit,
-    errorMessage = _ref99.errorMessage,
-    resendOTP = _ref99.resendOTP;
+var SentOTPEntry = function SentOTPEntry(_ref104) {
+  var expiration = _ref104.expiration,
+    formattedDestination = _ref104.formattedDestination,
+    isSubmitting = _ref104.isSubmitting,
+    onSubmit = _ref104.onSubmit,
+    errorMessage = _ref104.errorMessage,
+    resendOTP = _ref104.resendOTP;
   return /*#__PURE__*/wn.createElement(OTPEntry, {
     header: "Enter passcode",
     helperContent: /*#__PURE__*/wn.createElement(ExpirationMessage, {
@@ -5459,10 +5301,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 (_, _ref100) {
-      var _ref100$arg = _ref100.arg,
-        memberId = _ref100$arg.memberId,
-        organizationId = _ref100$arg.organizationId;
+  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref105) {
+      var _ref105$arg = _ref105.arg,
+        memberId = _ref105$arg.memberId,
+        organizationId = _ref105$arg.organizationId;
       dispatch({
         type: 'sms_otp/send'
       });
@@ -5480,7 +5322,7 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
       onError: function onError(error) {
         var message = extractErrorMessage(error);
         if (message) {
-          toast$1.error(message);
+          _t.error(message);
         }
         dispatch({
           type: 'sms_otp/send_error',
@@ -5491,12 +5333,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     sendSms = _useMutate9.trigger,
     isSending = _useMutate9.isMutating,
     sendError = _useMutate9.error;
-  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;
+  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref106) {
+      var _ref106$arg = _ref106.arg,
+        otp = _ref106$arg.otp,
+        memberId = _ref106$arg.memberId,
+        organizationId = _ref106$arg.organizationId,
+        sessionDurationMinutes = _ref106$arg.sessionDurationMinutes;
       return stytchClient.otps.sms.authenticate({
         code: otp,
         member_id: memberId,
@@ -5555,11 +5397,11 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
       formatNumber();
     }
   }, [dispatch, formattedDestination, stytchClient, memberPhoneNumber]);
-  var isTotpAvailable = F(function () {
+  var isTotpAvailable = F$1(function () {
     return !isEnrolling && enrolledMfaMethods.includes(B2BMFAProducts.totp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(B2BMFAProducts.totp));
   }, [enrolledMfaMethods, isEnrolling, organizationMfaOptionsSupported]);
   var errorMessage = authenticateError ? 'Invalid passcode, please try again.' : undefined;
-  var canGoBack = F(function () {
+  var canGoBack = F$1(function () {
     return isEnrolling || enrolledMfaMethods.length === 0 || organizationMfaOptionsSupported.length > 0 && !enrolledMfaMethods.some(function (enrolledMethod) {
       return organizationMfaOptionsSupported.includes(enrolledMethod);
     });
@@ -5620,10 +5462,10 @@ var CopyIcon = function CopyIcon() {
   }));
 };
 var Copy = CreateIcon(CopyIcon);
-var CopyButton = He.button(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n  all: unset;\n  flex: 0 0 24px;\n  height: 28px;\n  opacity: 0;\n  :focus {\n    opacity: 1;\n  }\n"])));
-var CodeContainer = He(InsetContainer)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  :hover ", " {\n    opacity: 1;\n  }\n"])), CopyButton);
-var Spacer = He.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n  flex: 0 1 24px;\n"])));
-var Code = 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 CopyButton = He.button(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n  all: unset;\n  flex: 0 0 24px;\n  height: 28px;\n  opacity: 0;\n  :focus {\n    opacity: 1;\n  }\n"])));
+var CodeContainer = He(InsetContainer)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  :hover ", " {\n    opacity: 1;\n  }\n"])), CopyButton);
+var Spacer = He.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n  flex: 0 1 24px;\n"])));
+var Code = He.code(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n  white-space: pre-wrap;\n  align-self: center;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1ch;\n"])));
 var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
   var _useGlobalReducer57 = useGlobalReducer(),
     _useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
@@ -5653,13 +5495,13 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
             _context14.next = 4;
             return navigator.clipboard.writeText(displaySecret);
           case 4:
-            toast$1.success('Code copied');
+            _t.success('Code copied');
             _context14.next = 10;
             break;
           case 7:
             _context14.prev = 7;
             _context14.t0 = _context14["catch"](1);
-            toast$1.error("Couldn't copy code to clipboard");
+            _t.error("Couldn't copy code to clipboard");
           case 10:
           case "end":
             return _context14.stop();
@@ -5693,7 +5535,7 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
     onClick: handleShowQRCode
   }, "Try to scan the QR code again"));
 };
-var QRCodeImg = He.img(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n"])));
+var QRCodeImg = He.img(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n"])));
 var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
   var stytchClient = useStytch();
   var _useGlobalReducer59 = useGlobalReducer(),
@@ -5707,10 +5549,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 (_, _ref102) {
-      var _ref102$arg = _ref102.arg,
-        memberId = _ref102$arg.memberId,
-        organizationId = _ref102$arg.organizationId;
+  var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref107) {
+      var _ref107$arg = _ref107.arg,
+        memberId = _ref107$arg.memberId,
+        organizationId = _ref107$arg.organizationId;
       dispatch({
         type: 'totp/create'
       });
@@ -5730,7 +5572,7 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
       onError: function onError(error) {
         var message = extractErrorMessage(error);
         if (message) {
-          toast$1.error(message);
+          _t.error(message);
         }
         dispatch({
           type: 'totp/create_error',
@@ -5776,11 +5618,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/wn.createElement(LoadingScreen, null)));
 };
-var TOTPEntry = function TOTPEntry(_ref103) {
-  var helperContent = _ref103.helperContent,
-    isSubmitting = _ref103.isSubmitting,
-    onSubmit = _ref103.onSubmit,
-    errorMessage = _ref103.errorMessage;
+var TOTPEntry = function TOTPEntry(_ref108) {
+  var helperContent = _ref108.helperContent,
+    isSubmitting = _ref108.isSubmitting,
+    onSubmit = _ref108.onSubmit,
+    errorMessage = _ref108.errorMessage;
   return /*#__PURE__*/wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -5804,12 +5646,12 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     memberId = _state$mfa$primaryInf5.memberId,
     organizationId = _state$mfa$primaryInf5.organizationId,
     organizationMfaOptionsSupported = _state$mfa$primaryInf5.organizationMfaOptionsSupported;
-  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref104) {
-      var _ref104$arg = _ref104.arg,
-        memberId = _ref104$arg.memberId,
-        organizationId = _ref104$arg.organizationId,
-        otp = _ref104$arg.otp,
-        sessionDurationMinutes = _ref104$arg.sessionDurationMinutes;
+  var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref109) {
+      var _ref109$arg = _ref109.arg,
+        memberId = _ref109$arg.memberId,
+        organizationId = _ref109$arg.organizationId,
+        otp = _ref109$arg.otp,
+        sessionDurationMinutes = _ref109$arg.sessionDurationMinutes;
       return stytchClient.totp.authenticate({
         code: otp,
         member_id: memberId,
@@ -5826,7 +5668,7 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     authenticate = _useMutate12.trigger,
     isAuthenticating = _useMutate12.isMutating,
     authenticateError = _useMutate12.error;
-  var isSmsOtpAvailable = F(function () {
+  var isSmsOtpAvailable = F$1(function () {
     return !isEnrolling && enrolledMfaMethods.includes(B2BMFAProducts.smsOtp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(B2BMFAProducts.smsOtp));
   }, [enrolledMfaMethods, isEnrolling, organizationMfaOptionsSupported]);
   var errorMessage = authenticateError ? 'Invalid passcode, please try again.' : undefined;
@@ -5882,53 +5724,53 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     onClick: handleSwitchToSms
   }, "Text me a code instead"))));
 };
-var MainContainer = 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;
+var MainContainer = He.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n  width: ", ";\n  font-family: ", ";\n  box-sizing: border-box;\n  * {\n    box-sizing: content-box;\n  }\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom: ", ";\n"])), function (_ref110) {
+  var theme = _ref110.theme;
   return theme.container.width;
-}, function (_ref106) {
-  var theme = _ref106.theme;
+}, function (_ref111) {
+  var theme = _ref111.theme;
   return theme.typography.fontFamily;
-}, function (_ref107) {
-  var theme = _ref107.theme;
+}, function (_ref112) {
+  var theme = _ref112.theme;
   return theme.container.backgroundColor;
-}, function (_ref108) {
-  var theme = _ref108.theme;
+}, function (_ref113) {
+  var theme = _ref113.theme;
   return theme.container.border;
-}, function (_ref109) {
-  var theme = _ref109.theme;
+}, function (_ref114) {
+  var theme = _ref114.theme;
   return theme.container.borderRadius;
-}, function (_ref110) {
-  var theme = _ref110.theme,
-    displayWatermark = _ref110.displayWatermark;
+}, function (_ref115) {
+  var theme = _ref115.theme,
+    displayWatermark = _ref115.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref111) {
-  var theme = _ref111.theme,
-    displayWatermark = _ref111.displayWatermark;
+}, function (_ref116) {
+  var theme = _ref116.theme,
+    displayWatermark = _ref116.displayWatermark;
   return displayWatermark ? '0' : theme.container.borderRadius;
-}, function (_ref112) {
-  var theme = _ref112.theme,
-    displayWatermark = _ref112.displayWatermark;
+}, function (_ref117) {
+  var theme = _ref117.theme,
+    displayWatermark = _ref117.displayWatermark;
   return displayWatermark ? 'none' : theme.container.border;
 });
-var ChildrenContainer = He.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = 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;
+var ChildrenContainer = He.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
+var WatermarkContainer = He.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref118) {
+  var theme = _ref118.theme;
   return theme.container.width;
-}, function (_ref114) {
-  var theme = _ref114.theme;
+}, function (_ref119) {
+  var theme = _ref119.theme;
   return theme.container.backgroundColor;
-}, function (_ref115) {
-  var theme = _ref115.theme;
+}, function (_ref120) {
+  var theme = _ref120.theme;
   return theme.container.border;
-}, function (_ref116) {
-  var theme = _ref116.theme;
+}, function (_ref121) {
+  var theme = _ref121.theme;
   return theme.container.borderRadius;
-}, function (_ref117) {
-  var theme = _ref117.theme;
+}, function (_ref122) {
+  var theme = _ref122.theme;
   return theme.container.borderRadius;
 });
-var InnerContainer = 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"])));
-var Image = He.img(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  width: 150px;\n"])));
+var InnerContainer = He.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n  background-color: #19303d;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.5;\n"])));
+var Image = He.img(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n  width: 150px;\n"])));
 var POWERED_BY_STYTCH_IMG_URL = 'https://public-assets.stytch.com/et_powered_by_stytch_logo.png';
 var getTokenFromUrl = function getTokenFromUrl() {
   var url = new URL(window.location.href);
@@ -5970,8 +5812,8 @@ var AppContainer$1 = function AppContainer$1() {
       intermediateSessionToken: data.intermediate_session_token
     });
   };
-  var onError = function onError(_ref118) {
-    var errorType = _ref118.errorType;
+  var onError = function onError(_ref123) {
+    var errorType = _ref123.errorType;
     return function () {
       clearStytchSearchParams();
       dispatch({
@@ -5980,8 +5822,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref119) {
-      var token = _ref119.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref124) {
+      var token = _ref124.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5994,8 +5836,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref120) {
-      var token = _ref120.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref125) {
+      var token = _ref125.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -6008,8 +5850,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref121) {
-      var token = _ref121.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref126) {
+      var token = _ref126.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -6021,8 +5863,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref122) {
-      var token = _ref122.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref127) {
+      var token = _ref127.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -6035,8 +5877,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref123) {
-      var token = _ref123.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref128) {
+      var token = _ref128.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -6147,19 +5989,19 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref124) {
-  var client = _ref124.client,
-    styles = _ref124.styles,
-    callbacks = _ref124.callbacks,
-    config = _ref124.config;
-  var _h$57 = h$1(function () {
+var AppContainer = function AppContainer(_ref129) {
+  var client = _ref129.client,
+    styles = _ref129.styles,
+    callbacks = _ref129.callbacks,
+    config = _ref129.config;
+  var _h$59 = h$2(function () {
       var _readB2BInternals$boo3 = readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _readB2BInternals$boo3.displayWatermark;
       return displayWatermark;
     }),
-    _h$58 = _slicedToArray(_h$57, 2),
-    displayWatermark = _h$58[0],
-    setDisplayWatermark = _h$58[1];
+    _h$60 = _slicedToArray(_h$59, 2),
+    displayWatermark = _h$60[0],
+    setDisplayWatermark = _h$60[1];
   p$1(function () {
     readB2BInternals(client).networkClient.logEvent({
       name: 'render_b2b_login_screen',
@@ -6167,8 +6009,8 @@ var AppContainer = function AppContainer(_ref124) {
         options: config
       }
     });
-    readB2BInternals(client).bootstrap.getAsync().then(function (_ref125) {
-      var displayWatermark = _ref125.displayWatermark;
+    readB2BInternals(client).bootstrap.getAsync().then(function (_ref130) {
+      var displayWatermark = _ref130.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -6205,11 +6047,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_StytchB2BHeadlessCli) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref126) {
-      var elementId = _ref126.elementId,
-        styles = _ref126.styles,
-        callbacks = _ref126.callbacks,
-        config = _ref126.config;
+    value: function mount(_ref131) {
+      var elementId = _ref131.elementId,
+        styles = _ref131.styles,
+        callbacks = _ref131.callbacks,
+        config = _ref131.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {