@stytch/vanilla-js 5.17.2 → 5.18.0

package/dist/b2b/index.js

@@ -51,6 +51,42 @@ var DEFAULT_MFA_STATE = {
     enrollment: null
   }
 };
+var ErrorType;
+(function (ErrorType) {
+  ErrorType[ErrorType["Default"] = 0] = "Default";
+  ErrorType[ErrorType["EmailMagicLink"] = 1] = "EmailMagicLink";
+  ErrorType[ErrorType["Organization"] = 2] = "Organization";
+  ErrorType[ErrorType["CannotJoinOrgDueToAuthPolicy"] = 3] = "CannotJoinOrgDueToAuthPolicy";
+  ErrorType[ErrorType["AdBlockerDetected"] = 4] = "AdBlockerDetected";
+})(ErrorType || (ErrorType = {}));
+var AppScreens$1;
+(function (AppScreens) {
+  AppScreens["Main"] = "Main";
+  AppScreens["EmailConfirmation"] = "Email Confirmation";
+  AppScreens["LoggedIn"] = "Logged In";
+  AppScreens["Discovery"] = "Discovery";
+  AppScreens["Error"] = "Error";
+  AppScreens["PasswordEmailForm"] = "Password Email";
+  AppScreens["PasswordAuthenticate"] = "Password Authenticate";
+  AppScreens["PasswordResetForm"] = "Password Reset Form";
+  AppScreens["PasswordResetVerifyConfirmation"] = "Password Reset Verify Confirmation";
+  AppScreens["PasswordForgotForm"] = "Password Forgot Form";
+  AppScreens["PasswordSetNewConfirmation"] = "Password Set New Confirmation";
+  AppScreens["MFAEnrollmentSelection"] = "MFA Enrollment Selection";
+  AppScreens["RecoveryCodeEntry"] = "Recovery Code Entry";
+  AppScreens["RecoveryCodeSave"] = "Recovery Code Save";
+  AppScreens["SMSOTPEnrollment"] = "SMS OTP Enrollment";
+  AppScreens["SMSOTPEntry"] = "SMS OTP Entry";
+  AppScreens["TOTPEnrollmentManual"] = "TOTP Enrollment Manual";
+  AppScreens["TOTPEnrollmentQRCode"] = "TOTP Enrollment QR Code";
+  AppScreens["TOTPEntry"] = "TOTP Entry";
+  AppScreens["EmailMethodSelection"] = "Email Method Selection";
+  AppScreens["EmailOTPEntry"] = "Email OTP Entry";
+  AppScreens["SSODiscoveryEmail"] = "SSO Discovery Email";
+  AppScreens["SSODiscoveryFallback"] = "SSO Discovery Fallback";
+  AppScreens["SSODiscoveryMenu"] = "SSO Discovery Menu";
+  AppScreens["IDPConsent"] = "IDP Consent";
+})(AppScreens$1 || (AppScreens$1 = {}));
 var getAuthMethodsForMember = function getAuthMethodsForMember(authMethods, member) {
   var memberHasPassword = !!(member === null || member === void 0 ? void 0 : member.member_password_id);
   return memberHasPassword ? authMethods : authMethods.filter(function (method) {
@@ -478,42 +514,6 @@ var reducer = function reducer(state, action) {
       return mfaReducer(state, action);
   }
 };
-var AppScreens$1;
-(function (AppScreens) {
-  AppScreens["Main"] = "Main";
-  AppScreens["EmailConfirmation"] = "Email Confirmation";
-  AppScreens["LoggedIn"] = "Logged In";
-  AppScreens["Discovery"] = "Discovery";
-  AppScreens["Error"] = "Error";
-  AppScreens["PasswordEmailForm"] = "Password Email";
-  AppScreens["PasswordAuthenticate"] = "Password Authenticate";
-  AppScreens["PasswordResetForm"] = "Password Reset Form";
-  AppScreens["PasswordResetVerifyConfirmation"] = "Password Reset Verify Confirmation";
-  AppScreens["PasswordForgotForm"] = "Password Forgot Form";
-  AppScreens["PasswordSetNewConfirmation"] = "Password Set New Confirmation";
-  AppScreens["MFAEnrollmentSelection"] = "MFA Enrollment Selection";
-  AppScreens["RecoveryCodeEntry"] = "Recovery Code Entry";
-  AppScreens["RecoveryCodeSave"] = "Recovery Code Save";
-  AppScreens["SMSOTPEnrollment"] = "SMS OTP Enrollment";
-  AppScreens["SMSOTPEntry"] = "SMS OTP Entry";
-  AppScreens["TOTPEnrollmentManual"] = "TOTP Enrollment Manual";
-  AppScreens["TOTPEnrollmentQRCode"] = "TOTP Enrollment QR Code";
-  AppScreens["TOTPEntry"] = "TOTP Entry";
-  AppScreens["EmailMethodSelection"] = "Email Method Selection";
-  AppScreens["EmailOTPEntry"] = "Email OTP Entry";
-  AppScreens["SSODiscoveryEmail"] = "SSO Discovery Email";
-  AppScreens["SSODiscoveryFallback"] = "SSO Discovery Fallback";
-  AppScreens["SSODiscoveryMenu"] = "SSO Discovery Menu";
-  AppScreens["IDPConsent"] = "IDP Consent";
-})(AppScreens$1 || (AppScreens$1 = {}));
-var ErrorType;
-(function (ErrorType) {
-  ErrorType[ErrorType["Default"] = 0] = "Default";
-  ErrorType[ErrorType["EmailMagicLink"] = 1] = "EmailMagicLink";
-  ErrorType[ErrorType["Organization"] = 2] = "Organization";
-  ErrorType[ErrorType["CannotJoinOrgDueToAuthPolicy"] = 3] = "CannotJoinOrgDueToAuthPolicy";
-  ErrorType[ErrorType["AdBlockerDetected"] = 4] = "AdBlockerDetected";
-})(ErrorType || (ErrorType = {}));
 var DEFAULT_STATE = {
   screen: AppScreens$1.Main,
   screenHistory: [],
@@ -3651,13 +3651,13 @@ var Discovery = function Discovery() {
         return handleDiscoveryOrganizationStart(discoveredOrganization);
       }
     }, /*#__PURE__*/extractErrorMessage.y(Flex, {
-      gap: 4,
+      gap: 8,
       alignItems: "center"
     }, /*#__PURE__*/extractErrorMessage.y(Logo, {
       name: organization.organization_name,
       logo: organization.organization_logo_url
     }), /*#__PURE__*/extractErrorMessage.y("div", null, organization.organization_name)), /*#__PURE__*/extractErrorMessage.y(Flex, {
-      gap: 4,
+      gap: 8,
       alignItems: "center"
     }, /*#__PURE__*/extractErrorMessage.y(ActionText, {
       type: membership.type
@@ -3768,14 +3768,18 @@ var ConfirmationSVG = function ConfirmationSVG() {
     stopOpacity: "0.26"
   }))));
 };
-var Confirmation = function Confirmation() {
+var Confirmation = function Confirmation(_ref77) {
+  var _ref77$header = _ref77.header,
+    header = _ref77$header === void 0 ? 'Success!' : _ref77$header,
+    _ref77$text = _ref77.text,
+    text = _ref77$text === void 0 ? 'You have successfully logged in.' : _ref77$text;
   return /*#__PURE__*/extractErrorMessage.y(Flex, {
     direction: "column",
     gap: 24,
     alignItems: "center"
   }, /*#__PURE__*/extractErrorMessage.y(Text, {
     size: "header"
-  }, "Success!"), /*#__PURE__*/extractErrorMessage.y(Text, null, "You have successfully logged in."), /*#__PURE__*/extractErrorMessage.y(ConfirmationSVG, null));
+  }, header), /*#__PURE__*/extractErrorMessage.y(Text, null, text), /*#__PURE__*/extractErrorMessage.y(ConfirmationSVG, null));
 };
 var useMountEffect = function useMountEffect(effect) {
   var effectRef = extractErrorMessage._(effect);
@@ -3812,10 +3816,10 @@ var StyledButton = extractErrorMessage.He.button(_templateObject31 || (_template
 });
 var MenuText = extractErrorMessage.He.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
 var ChevronContainer = extractErrorMessage.He.span(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var MenuButton = function MenuButton(_ref77) {
-  var children = _ref77.children,
-    disabled = _ref77.disabled,
-    onClick = _ref77.onClick;
+var MenuButton = function MenuButton(_ref78) {
+  var children = _ref78.children,
+    disabled = _ref78.disabled,
+    onClick = _ref78.onClick;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(StyledButton, {
     type: "button",
     onClick: onClick,
@@ -3916,9 +3920,9 @@ var EmailMethodSelectionScreen = function EmailMethodSelectionScreen() {
     size: "header"
   }, "Select how you\u2019d like to continue."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column"
-  }, displayOptions.map(function (_ref78) {
-    var option = _ref78.option,
-      label = _ref78.label;
+  }, displayOptions.map(function (_ref79) {
+    var option = _ref79.option,
+      label = _ref79.label;
     return /*#__PURE__*/extractErrorMessage.wn.createElement(MenuButton, {
       key: option,
       disabled: isSending,
@@ -3930,9 +3934,9 @@ var EmailMethodSelectionScreen = function EmailMethodSelectionScreen() {
     errorMessage: errorMessage
   }));
 };
-var InlineButton = function InlineButton(_ref79) {
-  var onClick = _ref79.onClick,
-    children = _ref79.children;
+var InlineButton = function InlineButton(_ref80) {
+  var onClick = _ref80.onClick,
+    children = _ref80.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement("button", {
     onClick: onClick,
     style: {
@@ -3944,45 +3948,45 @@ var InlineButton = function InlineButton(_ref79) {
     }
   }, children));
 };
-var Wrapper = extractErrorMessage.He.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref80) {
-  var isOpen = _ref80.isOpen;
+var Wrapper = extractErrorMessage.He.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-rows: ", ";\n  transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref81) {
+  var isOpen = _ref81.isOpen;
   return isOpen ? '1fr' : '0fr';
 });
 var Inner = extractErrorMessage.He.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-var AnimatedContainer = function AnimatedContainer(_ref81) {
-  var isOpen = _ref81.isOpen,
-    children = _ref81.children;
+var AnimatedContainer = function AnimatedContainer(_ref82) {
+  var isOpen = _ref82.isOpen,
+    children = _ref82.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Wrapper, {
     isOpen: isOpen
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Inner, null, children));
 };
-var Container = extractErrorMessage.He.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref82) {
-  var theme = _ref82.theme;
+var Container = extractErrorMessage.He.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  height: 4px;\n  background-color: ", ";\n  border-radius: 3px;\n  overflow: hidden;\n"])), function (_ref83) {
+  var theme = _ref83.theme;
   return theme.colors.disabled;
 });
 var loading = extractErrorMessage.Ue(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(-1%);\n  }\n"])));
-var Progress = extractErrorMessage.He.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref83) {
-  var theme = _ref83.theme;
+var Progress = extractErrorMessage.He.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  background-color: ", ";\n  animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref84) {
+  var theme = _ref84.theme;
   return theme.colors.primary;
 }, loading);
-var LoadingBar = function LoadingBar(_ref84) {
-  var isLoading = _ref84.isLoading;
+var LoadingBar = function LoadingBar(_ref85) {
+  var isLoading = _ref85.isLoading;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Container, null, isLoading && /*#__PURE__*/extractErrorMessage.wn.createElement(Progress, null));
 };
 var GAP = '8px';
 var WIDTH = '46px';
 var INPUT_HEIGHT = '46px';
-var Digit = extractErrorMessage.He.div(_templateObject39 || (_templateObject39 = _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 (_ref85) {
-  var disabled = _ref85.disabled,
-    theme = _ref85.theme;
-  return disabled ? theme.colors.disabled : '#ADBCC5';
-}, INPUT_HEIGHT, WIDTH, function (_ref86) {
+var Digit = extractErrorMessage.He.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: 4px;\n  align-items: center;\n  display: flex;\n  font-size: 18px;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  background: ", ";\n  color: ", ";\n"])), function (_ref86) {
   var disabled = _ref86.disabled,
     theme = _ref86.theme;
-  return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
-}, function (_ref87) {
+  return disabled ? theme.colors.disabled : '#ADBCC5';
+}, INPUT_HEIGHT, WIDTH, function (_ref87) {
   var disabled = _ref87.disabled,
     theme = _ref87.theme;
+  return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
+}, function (_ref88) {
+  var disabled = _ref88.disabled,
+    theme = _ref88.theme;
   return disabled ? theme.colors.disabledText : theme.inputs.textColor;
 });
 var digitsContainerStyles = {
@@ -4012,20 +4016,20 @@ var invisibleInputStyles = {
   paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
   zIndex: 10
 };
-var DigitAtIndex = function DigitAtIndex(_ref88) {
-  var index = _ref88.index,
-    disabled = _ref88.disabled,
-    otp = _ref88.otp;
+var DigitAtIndex = function DigitAtIndex(_ref89) {
+  var index = _ref89.index,
+    disabled = _ref89.disabled,
+    otp = _ref89.otp;
   var fill = otp ? otp[index] : '';
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Digit, {
     disabled: disabled,
     "data-testid": "otp-".concat(index)
   }, fill);
 };
-var OTPInput = function OTPInput(_ref89) {
-  var otp = _ref89.otp,
-    setOtp = _ref89.setOtp,
-    disabled = _ref89.disabled;
+var OTPInput = function OTPInput(_ref90) {
+  var otp = _ref90.otp,
+    setOtp = _ref90.setOtp,
+    disabled = _ref90.disabled;
   var onPasscodeChange = function onPasscodeChange(e) {
     if (!/^\d*$/.test(e.target.value)) {
       return;
@@ -4057,10 +4061,10 @@ var OTPInput = function OTPInput(_ref89) {
   })));
 };
 var OTP_CODE_LENGTH = 6;
-var OTPControl = function OTPControl(_ref90) {
-  var isSubmitting = _ref90.isSubmitting,
-    onSubmit = _ref90.onSubmit,
-    errorMessage = _ref90.errorMessage;
+var OTPControl = function OTPControl(_ref91) {
+  var isSubmitting = _ref91.isSubmitting,
+    onSubmit = _ref91.onSubmit,
+    errorMessage = _ref91.errorMessage;
   var _extractErrorMessage$31 = extractErrorMessage.h(''),
     _extractErrorMessage$32 = _slicedToArray(_extractErrorMessage$31, 2),
     otp = _extractErrorMessage$32[0],
@@ -4093,13 +4097,13 @@ var OTPControl = function OTPControl(_ref90) {
     errorMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : ''
   }));
 };
-var OTPEntry = function OTPEntry(_ref91) {
-  var header = _ref91.header,
-    helperContent = _ref91.helperContent,
-    instruction = _ref91.instruction,
-    isSubmitting = _ref91.isSubmitting,
-    onSubmit = _ref91.onSubmit,
-    errorMessage = _ref91.errorMessage;
+var OTPEntry = function OTPEntry(_ref92) {
+  var header = _ref92.header,
+    helperContent = _ref92.helperContent,
+    instruction = _ref92.instruction,
+    isSubmitting = _ref92.isSubmitting,
+    onSubmit = _ref92.onSubmit,
+    errorMessage = _ref92.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column",
     gap: 24
@@ -4118,9 +4122,9 @@ var getSecondsRemaining = function getSecondsRemaining(expiration) {
   var now = new Date();
   return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
 };
-var ExpirationMessage = function ExpirationMessage(_ref92) {
-  var expiration = _ref92.expiration,
-    resendOTP = _ref92.resendOTP;
+var ExpirationMessage = function ExpirationMessage(_ref93) {
+  var expiration = _ref93.expiration,
+    resendOTP = _ref93.resendOTP;
   var _extractErrorMessage$33 = extractErrorMessage.h(function () {
       return getSecondsRemaining(expiration);
     }),
@@ -4148,13 +4152,13 @@ var ExpirationMessage = function ExpirationMessage(_ref92) {
     onClick: resendOTP
   }, "Resend code"));
 };
-var SentOTPEntry = function SentOTPEntry(_ref93) {
-  var expiration = _ref93.expiration,
-    formattedDestination = _ref93.formattedDestination,
-    isSubmitting = _ref93.isSubmitting,
-    onSubmit = _ref93.onSubmit,
-    errorMessage = _ref93.errorMessage,
-    resendOTP = _ref93.resendOTP;
+var SentOTPEntry = function SentOTPEntry(_ref94) {
+  var expiration = _ref94.expiration,
+    formattedDestination = _ref94.formattedDestination,
+    isSubmitting = _ref94.isSubmitting,
+    onSubmit = _ref94.onSubmit,
+    errorMessage = _ref94.errorMessage,
+    resendOTP = _ref94.resendOTP;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter passcode",
     helperContent: /*#__PURE__*/extractErrorMessage.wn.createElement(ExpirationMessage, {
@@ -4187,10 +4191,10 @@ var EmailOTPEntryScreen = function EmailOTPEntryScreen() {
     resetSendDiscovery = _useEmailOtpDiscovery3.reset;
   var isSending = isSendingDiscovery || isSendingOtp;
   var sendError = sendDiscoveryError || sendOtpError;
-  var _useMutate5 = useMutate('stytch.otps.email.discovery.authenticate', function (_, _ref94) {
-      var _ref94$arg = _ref94.arg,
-        otp = _ref94$arg.otp,
-        email = _ref94$arg.email;
+  var _useMutate5 = useMutate('stytch.otps.email.discovery.authenticate', function (_, _ref95) {
+      var _ref95$arg = _ref95.arg,
+        otp = _ref95$arg.otp,
+        email = _ref95$arg.email;
       return stytchClient.otps.email.discovery.authenticate({
         code: otp,
         email_address: email
@@ -4204,12 +4208,12 @@ var EmailOTPEntryScreen = function EmailOTPEntryScreen() {
     isDiscoveryAuthenticating = _useMutate5.isMutating,
     discoveryAuthenticateError = _useMutate5.error,
     resetDiscoveryAuthenticate = _useMutate5.reset;
-  var _useMutate6 = useMutate('stytch.otps.email.authenticate', function (_, _ref95) {
-      var _ref95$arg = _ref95.arg,
-        otp = _ref95$arg.otp,
-        emailAddress = _ref95$arg.emailAddress,
-        organizationId = _ref95$arg.organizationId,
-        sessionDurationMinutes = _ref95$arg.sessionDurationMinutes;
+  var _useMutate6 = useMutate('stytch.otps.email.authenticate', function (_, _ref96) {
+      var _ref96$arg = _ref96.arg,
+        otp = _ref96$arg.otp,
+        emailAddress = _ref96$arg.emailAddress,
+        organizationId = _ref96$arg.organizationId,
+        sessionDurationMinutes = _ref96$arg.sessionDurationMinutes;
       return stytchClient.otps.email.authenticate({
         code: otp,
         email_address: emailAddress,
@@ -4335,9 +4339,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
     size: "header"
   }, "Set up Multi-Factor Authentication"), /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "column"
-  }, displayOptions.map(function (_ref96) {
-    var option = _ref96.option,
-      label = _ref96.label;
+  }, displayOptions.map(function (_ref97) {
+    var option = _ref97.option,
+      label = _ref97.label;
     return /*#__PURE__*/extractErrorMessage.wn.createElement(MenuButton, {
       key: option,
       onClick: function onClick() {
@@ -4362,10 +4366,10 @@ var inboxLinks = function inboxLinks(emailDomain) {
 var Link = extractErrorMessage.He.a(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-var EmailProviderLink = function EmailProviderLink(_ref97) {
-  var label = _ref97.label,
-    href = _ref97.href,
-    Icon = _ref97.Icon;
+var EmailProviderLink = function EmailProviderLink(_ref98) {
+  var label = _ref98.label,
+    href = _ref98.href,
+    Icon = _ref98.Icon;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     gap: 4
   }, Icon, /*#__PURE__*/extractErrorMessage.wn.createElement(Link, {
@@ -4374,10 +4378,10 @@ var EmailProviderLink = function EmailProviderLink(_ref97) {
     rel: "noopener noreferrer"
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, null, "Open in ", label)));
 };
-var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref98) {
-  var emailDomain = _ref98.emailDomain,
-    reset = _ref98.reset,
-    email = _ref98.email;
+var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref99) {
+  var emailDomain = _ref99.emailDomain,
+    reset = _ref99.reset,
+    email = _ref99.email;
   var _inboxLinks = inboxLinks(emailDomain),
     GMAIL = _inboxLinks.GMAIL,
     OUTLOOK = _inboxLinks.OUTLOOK;
@@ -4432,8 +4436,8 @@ var useEmailDomain = function useEmailDomain() {
     emailDomains = _extractErrorMessage$36[0],
     setEmailDomains = _extractErrorMessage$36[1];
   extractErrorMessage.p(function () {
-    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref99) {
-      var emailDomains = _ref99.emailDomains;
+    internal.readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref100) {
+      var emailDomains = _ref100.emailDomains;
       setEmailDomains(emailDomains);
     });
   }, [stytch]);
@@ -4470,8 +4474,8 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
 var Block = extractErrorMessage.He.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n  height: 4px;\n  width: 25%;\n  background-color: ", ";\n"])), function (props) {
   return props.$bgColor;
 });
-var PasswordStrengthCheck = function PasswordStrengthCheck(_ref100) {
-  var score = _ref100.score;
+var PasswordStrengthCheck = function PasswordStrengthCheck(_ref101) {
+  var score = _ref101.score;
   var blocks = [];
   switch (score) {
     case 0:
@@ -4639,13 +4643,13 @@ var PasswordResetForm = function PasswordResetForm() {
     return internal.debounce(function (password) {
       return stytchClient.passwords.strengthCheck({
         password: password
-      }).then(function (_ref101) {
-        var score = _ref101.score,
-          valid_password = _ref101.valid_password,
-          zxcvbn_feedback = _ref101.zxcvbn_feedback,
-          luds_feedback = _ref101.luds_feedback,
-          strength_policy = _ref101.strength_policy,
-          breached_password = _ref101.breached_password;
+      }).then(function (_ref102) {
+        var score = _ref102.score,
+          valid_password = _ref102.valid_password,
+          zxcvbn_feedback = _ref102.zxcvbn_feedback,
+          luds_feedback = _ref102.luds_feedback,
+          strength_policy = _ref102.strength_policy,
+          breached_password = _ref102.breached_password;
         setStrengthPolicy(strength_policy);
         setInvalidPassword(!valid_password);
         if (strength_policy === 'zxcvbn') {
@@ -5162,12 +5166,12 @@ var Z = function Z(e, t) {
       }, [o]),
       a = extractErrorMessage.T(function (r, c) {
         var _g$filter;
-        var _ref103 = c || {},
-          _ref103$reverseOrder = _ref103.reverseOrder,
-          i = _ref103$reverseOrder === void 0 ? !1 : _ref103$reverseOrder,
-          _ref103$gutter = _ref103.gutter,
-          d = _ref103$gutter === void 0 ? 8 : _ref103$gutter,
-          p = _ref103.defaultPosition,
+        var _ref104 = c || {},
+          _ref104$reverseOrder = _ref104.reverseOrder,
+          i = _ref104$reverseOrder === void 0 ? !1 : _ref104$reverseOrder,
+          _ref104$gutter = _ref104.gutter,
+          d = _ref104$gutter === void 0 ? 8 : _ref104$gutter,
+          p = _ref104.defaultPosition,
           g = t.filter(function (m) {
             return (m.position || p) === (r.position || p) && m.height;
           }),
@@ -5218,8 +5222,8 @@ var ue = j("div")(_templateObject52 || (_templateObject52 = _taggedTemplateLiter
   le = j("div")(_templateObject53 || (_templateObject53 = _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(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\nfrom {\n  transform: scale(0.6);\n  opacity: 0.4;\n}\nto {\n  transform: scale(1);\n  opacity: 1;\n}"]))),
   fe = j("div")(_templateObject55 || (_templateObject55 = _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(_ref104) {
-    var e = _ref104.toast;
+  M = function M(_ref105) {
+    var e = _ref105.toast;
     var t = e.icon,
       o = e.type,
       s = e.iconTheme;
@@ -5237,19 +5241,19 @@ var ye = function ye(e) {
   Se = j("div")(_templateObject57 || (_templateObject57 = _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,
-      _ref105 = b() ? [he, xe] : [ye(s), ge(s)],
-      _ref106 = _slicedToArray(_ref105, 2),
-      a = _ref106[0],
-      r = _ref106[1];
+      _ref106 = b() ? [he, xe] : [ye(s), ge(s)],
+      _ref107 = _slicedToArray(_ref106, 2),
+      a = _ref107[0],
+      r = _ref107[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 = extractErrorMessage.w(function (_ref107) {
-    var e = _ref107.toast,
-      t = _ref107.position,
-      o = _ref107.style,
-      s = _ref107.children;
+  F = extractErrorMessage.w(function (_ref108) {
+    var e = _ref108.toast,
+      t = _ref108.position,
+      o = _ref108.style,
+      s = _ref108.children;
     var a = e.height ? Ae(e.position || t || "top-center", e.visible) : {
         opacity: 0
       },
@@ -5266,12 +5270,12 @@ var ye = function ye(e) {
     }) : extractErrorMessage.y(extractErrorMessage.g, null, r, c));
   });
 m(extractErrorMessage.y);
-var Ee = function Ee(_ref108) {
-    var e = _ref108.id,
-      t = _ref108.className,
-      o = _ref108.style,
-      s = _ref108.onHeightUpdate,
-      a = _ref108.children;
+var Ee = function Ee(_ref109) {
+    var e = _ref109.id,
+      t = _ref109.className,
+      o = _ref109.style,
+      s = _ref109.onHeightUpdate,
+      a = _ref109.children;
     var r = extractErrorMessage.T(function (c) {
       if (c) {
         var _i2 = function _i2() {
@@ -5314,15 +5318,15 @@ var Ee = function Ee(_ref108) {
   },
   ve = u$1(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  z-index: 9999;\n  > * {\n    pointer-events: auto;\n  }\n"]))),
   O = 16,
-  Ie = function Ie(_ref109) {
-    var e = _ref109.reverseOrder,
-      _ref109$position = _ref109.position,
-      t = _ref109$position === void 0 ? "top-center" : _ref109$position,
-      o = _ref109.toastOptions,
-      s = _ref109.gutter,
-      a = _ref109.children,
-      r = _ref109.containerStyle,
-      c = _ref109.containerClassName;
+  Ie = function Ie(_ref110) {
+    var e = _ref110.reverseOrder,
+      _ref110$position = _ref110.position,
+      t = _ref110$position === void 0 ? "top-center" : _ref110$position,
+      o = _ref110.toastOptions,
+      s = _ref110.gutter,
+      a = _ref110.children,
+      r = _ref110.containerStyle,
+      c = _ref110.containerClassName;
     var _D = D(o),
       i = _D.toasts,
       d = _D.handlers;
@@ -5465,8 +5469,8 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
             setErrorMessage('');
             setIsSubmitting(true);
             if (organization) {
-              internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref110) {
-                var member = _ref110.member;
+              internal.readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref111) {
+                var member = _ref111.member;
                 var _a, _b, _c, _d;
                 if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
                   handleNonMemberReset();
@@ -5579,12 +5583,12 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
     _extractErrorMessage$64 = _slicedToArray(_extractErrorMessage$63, 2),
     recoveryCode = _extractErrorMessage$64[0],
     setRecoveryCode = _extractErrorMessage$64[1];
-  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref111) {
-      var _ref111$arg = _ref111.arg,
-        recoveryCode = _ref111$arg.recoveryCode,
-        memberId = _ref111$arg.memberId,
-        organizationId = _ref111$arg.organizationId,
-        sessionDurationMinutes = _ref111$arg.sessionDurationMinutes;
+  var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref112) {
+      var _ref112$arg = _ref112.arg,
+        recoveryCode = _ref112$arg.recoveryCode,
+        memberId = _ref112$arg.memberId,
+        organizationId = _ref112$arg.organizationId,
+        sessionDurationMinutes = _ref112$arg.sessionDurationMinutes;
       return stytchClient.recoveryCodes.recover({
         recovery_code: recoveryCode,
         member_id: memberId,
@@ -5740,9 +5744,9 @@ var Select = extractErrorMessage.He.select(_templateObject61 || (_templateObject
 }, function (props) {
   return props.theme.typography.fontFamily;
 });
-var CountrySelector = function CountrySelector(_ref112) {
-  var country = _ref112.country,
-    setCountry = _ref112.setCountry;
+var CountrySelector = function CountrySelector(_ref113) {
+  var country = _ref113.country,
+    setCountry = _ref113.setCountry;
   var countryFormatter = new Intl.DisplayNames(['en'], {
     type: 'region'
   });
@@ -5753,20 +5757,20 @@ var CountrySelector = function CountrySelector(_ref112) {
     onChange: function onChange(e) {
       setCountry(e.target.value);
     }
-  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref113) {
-    var _ref114 = _slicedToArray(_ref113, 2),
-      countryCode = _ref114[0],
-      countryNumber = _ref114[1];
+  }, Object.entries(internal.COUNTRIES_LIST).map(function (_ref114) {
+    var _ref115 = _slicedToArray(_ref114, 2),
+      countryCode = _ref115[0],
+      countryNumber = _ref115[1];
     return /*#__PURE__*/extractErrorMessage.wn.createElement("option", {
       key: countryCode,
       value: countryCode
     }, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
   }));
 };
-var formatNumber = function formatNumber(_ref115) {
-  var parsePhoneNumber = _ref115.parsePhoneNumber,
-    phoneNumber = _ref115.phoneNumber,
-    country = _ref115.country;
+var formatNumber = function formatNumber(_ref116) {
+  var parsePhoneNumber = _ref116.parsePhoneNumber,
+    phoneNumber = _ref116.phoneNumber,
+    country = _ref116.country;
   return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
     var parsedPhoneNumber;
     return _regeneratorRuntime().wrap(function _callee10$(_context10) {
@@ -5799,10 +5803,10 @@ var formatNumber = function formatNumber(_ref115) {
     }, _callee10, null, [[0, 9]]);
   }));
 };
-var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode(_ref116) {
-  var parsePhoneNumber = _ref116.parsePhoneNumber,
-    phoneNumber = _ref116.phoneNumber,
-    country = _ref116.country;
+var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode(_ref117) {
+  var parsePhoneNumber = _ref117.parsePhoneNumber,
+    phoneNumber = _ref117.phoneNumber,
+    country = _ref117.country;
   return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
     var code, fallbackNumber, fallback, parsedPhoneNumber;
     return _regeneratorRuntime().wrap(function _callee11$(_context11) {
@@ -5842,13 +5846,13 @@ var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode
   }));
 };
 var PhoneStyledInput = extractErrorMessage.He(Input)(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  min-width: 100px;\n"])));
-var PhoneInput = function PhoneInput(_ref117) {
-  var phone = _ref117.phone,
-    setPhone = _ref117.setPhone,
-    country = _ref117.country,
-    setCountry = _ref117.setCountry,
-    parsePhoneNumber = _ref117.parsePhoneNumber,
-    hasPasskeys = _ref117.hasPasskeys;
+var PhoneInput = function PhoneInput(_ref118) {
+  var phone = _ref118.phone,
+    setPhone = _ref118.setPhone,
+    country = _ref118.country,
+    setCountry = _ref118.setCountry,
+    parsePhoneNumber = _ref118.parsePhoneNumber,
+    hasPasskeys = _ref118.hasPasskeys;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
     direction: "row",
     wrap: "nowrap",
@@ -5914,8 +5918,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_internal$StytchSDKEr) {
   }
   return _createClass(InvalidPhoneNumberError);
 }(internal.StytchSDKError);
-var findErrorTypeFrom = function findErrorTypeFrom(_ref118) {
-  var error = _ref118.error;
+var findErrorTypeFrom = function findErrorTypeFrom(_ref119) {
+  var error = _ref119.error;
   var errorType = extractErrorType(error);
   return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
 };
@@ -5955,8 +5959,8 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
       regionCode: countryCode
     });
   };
-  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref119) {
-      var parsedNumber = _ref119.arg.parsedNumber;
+  var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref120) {
+      var parsedNumber = _ref120.arg.parsedNumber;
       return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
         return _regeneratorRuntime().wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -6079,10 +6083,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 (_, _ref120) {
-      var _ref120$arg = _ref120.arg,
-        memberId = _ref120$arg.memberId,
-        organizationId = _ref120$arg.organizationId;
+  var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref121) {
+      var _ref121$arg = _ref121.arg,
+        memberId = _ref121$arg.memberId,
+        organizationId = _ref121$arg.organizationId;
       dispatch({
         type: 'sms_otp/send'
       });
@@ -6111,12 +6115,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
     sendSms = _useMutate9.trigger,
     isSending = _useMutate9.isMutating,
     sendError = _useMutate9.error;
-  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref121) {
-      var _ref121$arg = _ref121.arg,
-        otp = _ref121$arg.otp,
-        memberId = _ref121$arg.memberId,
-        organizationId = _ref121$arg.organizationId,
-        sessionDurationMinutes = _ref121$arg.sessionDurationMinutes;
+  var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref122) {
+      var _ref122$arg = _ref122.arg,
+        otp = _ref122$arg.otp,
+        memberId = _ref122$arg.memberId,
+        organizationId = _ref122$arg.organizationId,
+        sessionDurationMinutes = _ref122$arg.sessionDurationMinutes;
       return stytchClient.otps.sms.authenticate({
         code: otp,
         member_id: memberId,
@@ -6251,8 +6255,8 @@ var useSsoDiscoveryConnection = function useSsoDiscoveryConnection() {
   var stytch = useStytch();
   var _internal$readB2BInte5 = internal.readB2BInternals(stytch),
     networkClient = _internal$readB2BInte5.networkClient;
-  return useMutate('internal.stytch.sso.discovery.connection', function (_key, _ref122) {
-    var emailAddress = _ref122.arg.emailAddress;
+  return useMutate('internal.stytch.sso.discovery.connection', function (_key, _ref123) {
+    var emailAddress = _ref123.arg.emailAddress;
     return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
       return _regeneratorRuntime().wrap(function _callee17$(_context17) {
         while (1) switch (_context17.prev = _context17.next) {
@@ -6441,8 +6445,8 @@ var SSODiscoveryFallback = function SSODiscoveryFallback() {
   var stytchClient = useStytch();
   var _useConfig5 = useConfig(),
     ssoOptions = _useConfig5.ssoOptions;
-  var _useMutate11 = useMutate('stytch.organization.getBySlug', function (_, _ref123) {
-      var slug = _ref123.arg.slug;
+  var _useMutate11 = useMutate('stytch.organization.getBySlug', function (_, _ref124) {
+      var slug = _ref124.arg.slug;
       return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
         return _regeneratorRuntime().wrap(function _callee20$(_context20) {
           while (1) switch (_context20.prev = _context20.next) {
@@ -6666,10 +6670,10 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
   var _state$mfa$primaryInf4 = state.mfa.primaryInfo,
     memberId = _state$mfa$primaryInf4.memberId,
     organizationId = _state$mfa$primaryInf4.organizationId;
-  var _useMutate12 = useMutate('stytch.totp.create', function (_, _ref124) {
-      var _ref124$arg = _ref124.arg,
-        memberId = _ref124$arg.memberId,
-        organizationId = _ref124$arg.organizationId;
+  var _useMutate12 = useMutate('stytch.totp.create', function (_, _ref125) {
+      var _ref125$arg = _ref125.arg,
+        memberId = _ref125$arg.memberId,
+        organizationId = _ref125$arg.organizationId;
       dispatch({
         type: 'totp/create'
       });
@@ -6735,11 +6739,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
     onClick: handleContinue
   }, "Continue"))) : ( /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null)));
 };
-var TOTPEntry = function TOTPEntry(_ref125) {
-  var helperContent = _ref125.helperContent,
-    isSubmitting = _ref125.isSubmitting,
-    onSubmit = _ref125.onSubmit,
-    errorMessage = _ref125.errorMessage;
+var TOTPEntry = function TOTPEntry(_ref126) {
+  var helperContent = _ref126.helperContent,
+    isSubmitting = _ref126.isSubmitting,
+    onSubmit = _ref126.onSubmit,
+    errorMessage = _ref126.errorMessage;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OTPEntry, {
     header: "Enter verification code",
     instruction: "Enter the 6-digit code from your authenticator app.",
@@ -6763,12 +6767,12 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
     memberId = _state$mfa$primaryInf5.memberId,
     organizationId = _state$mfa$primaryInf5.organizationId,
     organizationMfaOptionsSupported = _state$mfa$primaryInf5.organizationMfaOptionsSupported;
-  var _useMutate13 = useMutate('stytch.totp.authenticate', function (_, _ref126) {
-      var _ref126$arg = _ref126.arg,
-        memberId = _ref126$arg.memberId,
-        organizationId = _ref126$arg.organizationId,
-        otp = _ref126$arg.otp,
-        sessionDurationMinutes = _ref126$arg.sessionDurationMinutes;
+  var _useMutate13 = useMutate('stytch.totp.authenticate', function (_, _ref127) {
+      var _ref127$arg = _ref127.arg,
+        memberId = _ref127$arg.memberId,
+        organizationId = _ref127$arg.organizationId,
+        otp = _ref127$arg.otp,
+        sessionDurationMinutes = _ref127$arg.sessionDurationMinutes;
       return stytchClient.totp.authenticate({
         code: otp,
         member_id: memberId,
@@ -6901,25 +6905,21 @@ var Snackbar = function Snackbar() {
     }
   });
 };
-var OuterContainer = extractErrorMessage.He.div(_templateObject68 || (_templateObject68 = _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 (_ref127) {
-  var theme = _ref127.theme;
-  return theme.container.width;
-}, function (_ref128) {
+var OuterContainer = extractErrorMessage.He.div(_templateObject68 || (_templateObject68 = _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 (_ref128) {
   var theme = _ref128.theme;
-  return theme.typography.fontFamily;
+  return theme.container.width;
 }, function (_ref129) {
   var theme = _ref129.theme;
-  return theme.container.backgroundColor;
+  return theme.typography.fontFamily;
 }, function (_ref130) {
   var theme = _ref130.theme;
-  return theme.container.border;
+  return theme.container.backgroundColor;
 }, function (_ref131) {
   var theme = _ref131.theme;
-  return theme.container.borderRadius;
+  return theme.container.border;
 }, function (_ref132) {
-  var theme = _ref132.theme,
-    displayWatermark = _ref132.displayWatermark;
-  return displayWatermark ? '0' : theme.container.borderRadius;
+  var theme = _ref132.theme;
+  return theme.container.borderRadius;
 }, function (_ref133) {
   var theme = _ref133.theme,
     displayWatermark = _ref133.displayWatermark;
@@ -6927,37 +6927,41 @@ var OuterContainer = extractErrorMessage.He.div(_templateObject68 || (_templateO
 }, function (_ref134) {
   var theme = _ref134.theme,
     displayWatermark = _ref134.displayWatermark;
+  return displayWatermark ? '0' : theme.container.borderRadius;
+}, function (_ref135) {
+  var theme = _ref135.theme,
+    displayWatermark = _ref135.displayWatermark;
   return displayWatermark ? 'none' : theme.container.border;
 });
 var ChildrenContainer = extractErrorMessage.He.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = extractErrorMessage.He.div(_templateObject70 || (_templateObject70 = _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 (_ref135) {
-  var theme = _ref135.theme;
-  return theme.container.width;
-}, function (_ref136) {
+var WatermarkContainer = extractErrorMessage.He.div(_templateObject70 || (_templateObject70 = _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 (_ref136) {
   var theme = _ref136.theme;
-  return theme.container.backgroundColor;
+  return theme.container.width;
 }, function (_ref137) {
   var theme = _ref137.theme;
-  return theme.container.border;
+  return theme.container.backgroundColor;
 }, function (_ref138) {
   var theme = _ref138.theme;
-  return theme.container.borderRadius;
+  return theme.container.border;
 }, function (_ref139) {
   var theme = _ref139.theme;
   return theme.container.borderRadius;
+}, function (_ref140) {
+  var theme = _ref140.theme;
+  return theme.container.borderRadius;
 });
 var InnerContainer = extractErrorMessage.He.div(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.5;\n"])));
 var Image = extractErrorMessage.He.img(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n  width: 150px;\n"])));
 var POWERED_BY_STYTCH_IMG_URL = 'https://public-assets.stytch.com/powered_by_stytch_logo_dark.svg';
-var LoadingContainer = function LoadingContainer(_ref140) {
-  var children = _ref140.children;
+var LoadingContainer = function LoadingContainer(_ref141) {
+  var children = _ref141.children;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(OuterContainer, {
     displayWatermark: false
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(ChildrenContainer, null, children));
 };
-var MainContainer = function MainContainer(_ref141) {
-  var children = _ref141.children,
-    displayWatermark = _ref141.displayWatermark;
+var MainContainer = function MainContainer(_ref142) {
+  var children = _ref142.children,
+    displayWatermark = _ref142.displayWatermark;
   return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, /*#__PURE__*/extractErrorMessage.wn.createElement(OuterContainer, {
     displayWatermark: displayWatermark
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(ChildrenContainer, null, children, /*#__PURE__*/extractErrorMessage.wn.createElement(Snackbar, null))), displayWatermark && ( /*#__PURE__*/extractErrorMessage.wn.createElement(WatermarkContainer, null, /*#__PURE__*/extractErrorMessage.wn.createElement(InnerContainer, null, /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
@@ -7023,10 +7027,10 @@ var createBuiltinScopeDescriptions = function createBuiltinScopeDescriptions(sco
   }
   return descriptions;
 };
-var createProfileScopeDescription = function createProfileScopeDescription(_ref142) {
-  var containsProfile = _ref142.containsProfile,
-    containsEmail = _ref142.containsEmail,
-    containsPhoneNumber = _ref142.containsPhoneNumber;
+var createProfileScopeDescription = function createProfileScopeDescription(_ref143) {
+  var containsProfile = _ref143.containsProfile,
+    containsEmail = _ref143.containsEmail,
+    containsPhoneNumber = _ref143.containsPhoneNumber;
   var details = [];
   if (containsProfile) {
     details.push('Your name, profile picture, and language preferences');
@@ -7070,55 +7074,93 @@ var createCustomScopeDescriptions = function createCustomScopeDescriptions(scope
   }
   return descriptions;
 };
-var fallbackConsentManifestGenerator = function fallbackConsentManifestGenerator(_ref143) {
-  var scopes = _ref143.scopes,
-    clientName = _ref143.clientName,
-    rbacPolicy = _ref143.rbacPolicy;
+var fallbackConsentManifestGenerator = function fallbackConsentManifestGenerator(_ref144) {
+  var scopes = _ref144.scopes,
+    clientName = _ref144.clientName,
+    rbacPolicy = _ref144.rbacPolicy;
   return [{
     header: "".concat(clientName, " is requesting to:"),
     items: createBuiltinScopeDescriptions(scopes).concat(createCustomScopeDescriptions(scopes, rbacPolicy))
   }];
 };
-var parseOAuthAuthorizeParams = function parseOAuthAuthorizeParams(searchParams) {
-  var params = new URLSearchParams(searchParams);
-  var parsedParams = {
+var parseOAuthAuthorizeParams = function parseOAuthAuthorizeParams(params) {
+  var authorizeParams = {
     client_id: '',
     redirect_uri: '',
     response_type: '',
     scope: ''
   };
-  var missingField = function missingField(field) {
-    return {
-      error: "Required parameter is missing: ".concat(field, ". Please reach out to the application developer."),
-      params: parsedParams
-    };
-  };
   var requiredFields = ['client_id', 'redirect_uri', 'response_type', 'scope'];
   for (var _i3 = 0, _requiredFields = requiredFields; _i3 < _requiredFields.length; _i3++) {
     var field = _requiredFields[_i3];
     var value = params.get(field);
     if (!value) {
-      return missingField(field);
+      return {
+        error: "Required parameter is missing: ".concat(field, ". Please reach out to the application developer."),
+        result: authorizeParams
+      };
     }
-    parsedParams[field] = value;
+    authorizeParams[field] = value;
   }
   var optionalFields = ['code_challenge', 'state', 'nonce'];
   for (var _i4 = 0, _optionalFields = optionalFields; _i4 < _optionalFields.length; _i4++) {
     var _field = _optionalFields[_i4];
     var _value = params.get(_field);
-    if (!_value) {
-      continue;
+    if (_value) {
+      authorizeParams[_field] = _value;
     }
-    parsedParams[_field] = _value;
   }
   return {
     error: null,
-    params: parsedParams
+    result: authorizeParams
   };
 };
-var initialState = function initialState(_ref144) {
-  var error = _ref144.error,
-    params = _ref144.params;
+var parseOAuthLogoutParams = function parseOAuthLogoutParams(params) {
+  var logoutParams = {
+    client_id: '',
+    post_logout_redirect_uri: ''
+  };
+  var requiredFields = ['client_id', 'post_logout_redirect_uri'];
+  for (var _i5 = 0, _requiredFields2 = requiredFields; _i5 < _requiredFields2.length; _i5++) {
+    var field = _requiredFields2[_i5];
+    var value = params.get(field);
+    if (!value) {
+      return {
+        error: "Required parameter is missing: ".concat(field, ". Please reach out to the application developer."),
+        result: logoutParams
+      };
+    }
+    logoutParams[field] = value;
+  }
+  logoutParams.id_token_hint = params.get('id_token_hint') || undefined;
+  logoutParams.state = params.get('state') || undefined;
+  return {
+    error: null,
+    result: logoutParams
+  };
+};
+var parseIDPParams = function parseIDPParams(searchParams) {
+  var params = new URLSearchParams(searchParams);
+  if (params.has('post_logout_redirect_uri')) {
+    var logoutResult = parseOAuthLogoutParams(params);
+    return {
+      error: logoutResult.error,
+      flow: {
+        type: 'Logout',
+        params: logoutResult.result
+      }
+    };
+  }
+  var authorizeResult = parseOAuthAuthorizeParams(params);
+  return {
+    error: authorizeResult.error,
+    flow: {
+      type: 'Authorize',
+      params: authorizeResult.result
+    }
+  };
+};
+var initialState$1 = function initialState$1(error, params) {
   return {
     loading: !error,
     preflight: !!error,
@@ -7170,17 +7212,16 @@ var idpStateReducer = function idpStateReducer(state, action) {
   }
 };
 var useIDPState = function useIDPState(_ref145) {
-  var oauthAuthorizeStart = _ref145.oauthAuthorizeStart,
+  var initialError = _ref145.initialError,
+    initialParams = _ref145.initialParams,
+    oauthAuthorizeStart = _ref145.oauthAuthorizeStart,
     oauthAuthorizeSubmit = _ref145.oauthAuthorizeSubmit,
     onError = _ref145.onError,
     onEvent = _ref145.onEvent;
-  var _extractErrorMessage$79 = extractErrorMessage.h(parseOAuthAuthorizeParams(window.location.search)),
-    _extractErrorMessage$80 = _slicedToArray(_extractErrorMessage$79, 1),
-    parseResult = _extractErrorMessage$80[0];
-  var _extractErrorMessage$81 = extractErrorMessage.s(idpStateReducer, initialState(parseResult)),
-    _extractErrorMessage$82 = _slicedToArray(_extractErrorMessage$81, 2),
-    state = _extractErrorMessage$82[0],
-    dispatch = _extractErrorMessage$82[1];
+  var _extractErrorMessage$79 = extractErrorMessage.s(idpStateReducer, initialState$1(initialError, initialParams)),
+    _extractErrorMessage$80 = _slicedToArray(_extractErrorMessage$79, 2),
+    state = _extractErrorMessage$80[0],
+    dispatch = _extractErrorMessage$80[1];
   var onErrorRef = extractErrorMessage._(onError);
   extractErrorMessage.p(function () {
     onErrorRef.current = onError;
@@ -7190,10 +7231,9 @@ var useIDPState = function useIDPState(_ref145) {
     onEventRef.current = onEvent;
   }, [onEvent]);
   extractErrorMessage.p(function () {
-    var errorMessage = parseResult.error;
-    if (!errorMessage) return;
-    onErrorRef.current(new internal.IDPOAuthFlowMissingParamError(errorMessage));
-  }, [parseResult.error]);
+    if (!initialError) return;
+    onErrorRef.current(new internal.IDPOAuthFlowMissingParamError(initialError));
+  }, [initialError]);
   var submitInternal = extractErrorMessage.T(function (_ref146) {
     var consent_required = _ref146.consent_required,
       consent_granted = _ref146.consent_granted;
@@ -7205,7 +7245,7 @@ var useIDPState = function useIDPState(_ref145) {
               type: 'START_SUBMIT'
             });
             _context24.next = 3;
-            return oauthAuthorizeSubmit(Object.assign(Object.assign({}, parseResult.params), {
+            return oauthAuthorizeSubmit(Object.assign(Object.assign({}, initialParams), {
               consent_granted: consent_granted
             }));
           case 3:
@@ -7232,7 +7272,7 @@ var useIDPState = function useIDPState(_ref145) {
         }
       }, _callee24);
     }));
-  }, [dispatch, oauthAuthorizeSubmit, parseResult.params]);
+  }, [dispatch, oauthAuthorizeSubmit, initialParams]);
   var submit = extractErrorMessage.T(function (_ref147) {
     var consent_granted = _ref147.consent_granted;
     return submitInternal({
@@ -7252,18 +7292,18 @@ var useIDPState = function useIDPState(_ref145) {
             onEventRef.current({
               type: internal.StytchEventType.OAuthAuthorizeFlowStart,
               data: {
-                client_id: parseResult.params['client_id'],
-                redirect_uri: parseResult.params['redirect_uri'],
-                scope: parseResult.params['scope']
+                client_id: initialParams['client_id'],
+                redirect_uri: initialParams['redirect_uri'],
+                scope: initialParams['scope']
               }
             });
             _context25.prev = 2;
             _context25.next = 5;
             return oauthAuthorizeStart({
-              client_id: parseResult.params['client_id'],
-              redirect_uri: parseResult.params['redirect_uri'],
-              response_type: parseResult.params['response_type'],
-              scope: parseResult.params['scope']
+              client_id: initialParams['client_id'],
+              redirect_uri: initialParams['redirect_uri'],
+              response_type: initialParams['response_type'],
+              scope: initialParams['scope']
             });
           case 5:
             startResponse = _context25.sent;
@@ -7304,7 +7344,7 @@ var useIDPState = function useIDPState(_ref145) {
         }
       }, _callee25, null, [[2, 8]]);
     }));
-  }, [oauthAuthorizeStart, parseResult, submitInternal]);
+  }, [oauthAuthorizeStart, initialParams, submitInternal]);
   extractErrorMessage.p(function () {
     if (state.preflight) {
       return;
@@ -7488,7 +7528,203 @@ var UngrantableScopes = function UngrantableScopes(_ref158) {
     }, "\u2022\xA0", desc));
   })));
 };
-var IDPConsentScreenImpl = function IDPConsentScreenImpl() {
+var initialState = function initialState(error) {
+  return {
+    loading: !error,
+    preflight: !!error,
+    error: error,
+    denied: false,
+    consent_required: false,
+    redirect_uri: ''
+  };
+};
+var logoutStateReducer = function logoutStateReducer(state, action) {
+  switch (action.type) {
+    case 'START_PREFLIGHT':
+      return Object.assign(Object.assign({}, state), {
+        preflight: true,
+        loading: true
+      });
+    case 'PREFLIGHT_ERROR':
+      return Object.assign(Object.assign({}, state), {
+        preflight: true,
+        loading: false,
+        error: action.error
+      });
+    case 'COMPLETE_PREFLIGHT':
+      return Object.assign(Object.assign({}, state), {
+        loading: false,
+        consent_required: action.consent_required,
+        redirect_uri: action.redirect_uri
+      });
+    case 'CONSENT_DENIED':
+      return Object.assign(Object.assign({}, state), {
+        denied: true
+      });
+    default:
+      return state;
+  }
+};
+var useLogoutState = function useLogoutState(_ref159) {
+  var initialError = _ref159.initialError,
+    initialParams = _ref159.initialParams,
+    oauthLogoutStart = _ref159.oauthLogoutStart,
+    revokeSession = _ref159.revokeSession,
+    onError = _ref159.onError;
+  var _extractErrorMessage$81 = extractErrorMessage.s(logoutStateReducer, initialState(initialError)),
+    _extractErrorMessage$82 = _slicedToArray(_extractErrorMessage$81, 2),
+    state = _extractErrorMessage$82[0],
+    dispatch = _extractErrorMessage$82[1];
+  var onErrorRef = extractErrorMessage._(onError);
+  extractErrorMessage.p(function () {
+    onErrorRef.current = onError;
+  }, [onError]);
+  extractErrorMessage.p(function () {
+    if (!initialError) return;
+    onErrorRef.current(new internal.IDPOAuthFlowMissingParamError(initialError));
+  }, [initialError]);
+  var submitInternal = extractErrorMessage.T(function (redirectURI) {
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
+      return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+        while (1) switch (_context26.prev = _context26.next) {
+          case 0:
+            _context26.next = 2;
+            return revokeSession();
+          case 2:
+            window.location.href = redirectURI;
+          case 3:
+          case "end":
+            return _context26.stop();
+        }
+      }, _callee26);
+    }));
+  }, [revokeSession]);
+  var logoutPreflight = extractErrorMessage.T(function () {
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+      var startResponse, message;
+      return _regeneratorRuntime().wrap(function _callee27$(_context27) {
+        while (1) switch (_context27.prev = _context27.next) {
+          case 0:
+            dispatch({
+              type: 'START_PREFLIGHT'
+            });
+            _context27.prev = 1;
+            _context27.next = 4;
+            return oauthLogoutStart(initialParams);
+          case 4:
+            startResponse = _context27.sent;
+            _context27.next = 13;
+            break;
+          case 7:
+            _context27.prev = 7;
+            _context27.t0 = _context27["catch"](1);
+            message = _context27.t0.error_message;
+            dispatch({
+              type: 'PREFLIGHT_ERROR',
+              error: message
+            });
+            onErrorRef.current(_context27.t0);
+            return _context27.abrupt("return");
+          case 13:
+            if (!startResponse.consent_required) {
+              _context27.next = 18;
+              break;
+            }
+            dispatch({
+              type: 'COMPLETE_PREFLIGHT',
+              consent_required: startResponse.consent_required,
+              redirect_uri: startResponse.redirect_uri
+            });
+            return _context27.abrupt("return");
+          case 18:
+            submitInternal(startResponse.redirect_uri);
+          case 19:
+          case "end":
+            return _context27.stop();
+        }
+      }, _callee27, null, [[1, 7]]);
+    }));
+  }, [initialParams, oauthLogoutStart, submitInternal]);
+  extractErrorMessage.p(function () {
+    if (state.preflight) {
+      return;
+    }
+    logoutPreflight();
+  }, [logoutPreflight, state.preflight]);
+  var submit = extractErrorMessage.T(function (_ref160) {
+    var consent_granted = _ref160.consent_granted;
+    return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
+      return _regeneratorRuntime().wrap(function _callee28$(_context28) {
+        while (1) switch (_context28.prev = _context28.next) {
+          case 0:
+            if (!consent_granted) {
+              _context28.next = 4;
+              break;
+            }
+            return _context28.abrupt("return", submitInternal(state.redirect_uri));
+          case 4:
+            dispatch({
+              type: 'CONSENT_DENIED'
+            });
+          case 5:
+          case "end":
+            return _context28.stop();
+        }
+      }, _callee28);
+    }));
+  }, [submitInternal, state]);
+  return {
+    state: state,
+    submit: submit
+  };
+};
+var IDPLogout = function IDPLogout(_ref161) {
+  var state = _ref161.state,
+    submit = _ref161.submit,
+    bootstrap = _ref161.bootstrap,
+    bootstrapNotLoaded = _ref161.bootstrapNotLoaded;
+  var loading = state.loading,
+    error = state.error,
+    denied = state.denied;
+  if (loading || bootstrapNotLoaded) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(LoadingScreen, null);
+  }
+  if (error) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorDisplay, {
+      text: error
+    });
+  }
+  if (denied) {
+    return /*#__PURE__*/extractErrorMessage.wn.createElement(Confirmation, {
+      text: "You have not been logged out. You may close this page."
+    });
+  }
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(Flex, {
+    direction: "column",
+    gap: 24
+  }, /*#__PURE__*/extractErrorMessage.wn.createElement(Text, {
+    size: "header",
+    align: "center"
+  }, "Log out?"), /*#__PURE__*/extractErrorMessage.wn.createElement("div", null, "Are you sure you want to log out of your ", bootstrap.projectName, " account?"), /*#__PURE__*/extractErrorMessage.wn.createElement("div", null, /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
+    type: "button",
+    onClick: function onClick() {
+      return submit({
+        consent_granted: true
+      });
+    }
+  }, "Yes"), /*#__PURE__*/extractErrorMessage.wn.createElement(Button, {
+    type: "button",
+    onClick: function onClick() {
+      return submit({
+        consent_granted: false
+      });
+    },
+    variant: "text"
+  }, "No")));
+};
+var IDPConsentScreenImpl = function IDPConsentScreenImpl(_ref162) {
+  var initialError = _ref162.initialError,
+    initialParams = _ref162.initialParams;
   var stytchClient = useStytch();
   var onError = useErrorCallback();
   var onEvent = useEventCallback();
@@ -7497,6 +7733,8 @@ var IDPConsentScreenImpl = function IDPConsentScreenImpl() {
   var bootstrap = useBootstrap();
   var customConsentManifestGenerator = useConsentManifestGenerator();
   var idpConsentState = useIDPState({
+    initialError: initialError,
+    initialParams: initialParams,
     oauthAuthorizeStart: oauthAuthorizeStart,
     oauthAuthorizeSubmit: oauthAuthorizeSubmit,
     onError: onError,
@@ -7548,11 +7786,44 @@ var IDPConsentScreenImpl = function IDPConsentScreenImpl() {
     clientName: clientName
   }));
 };
+var IDPLogoutScreenImpl = function IDPLogoutScreenImpl(_ref163) {
+  var initialError = _ref163.initialError,
+    initialParams = _ref163.initialParams;
+  var stytchClient = useStytch();
+  var onError = useErrorCallback();
+  var oauthLogoutStart = internal.readB2BInternals(stytchClient).idp.oauthLogoutStart;
+  var revokeSession = function revokeSession() {
+    return stytchClient.session.revoke({
+      forceClear: true
+    });
+  };
+  var bootstrap = useBootstrap();
+  var idpLogoutState = useLogoutState({
+    initialError: initialError,
+    initialParams: initialParams,
+    oauthLogoutStart: oauthLogoutStart,
+    revokeSession: revokeSession,
+    onError: onError
+  });
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(IDPLogout, Object.assign({}, idpLogoutState, {
+    bootstrap: bootstrap,
+    bootstrapNotLoaded: false
+  }));
+};
 var IDPConsentScreen = function IDPConsentScreen() {
-  return /*#__PURE__*/extractErrorMessage.wn.createElement(EnsureMemberIsLoggedIn, null, /*#__PURE__*/extractErrorMessage.wn.createElement(IDPConsentScreenImpl, null));
+  var _extractErrorMessage$83 = extractErrorMessage.h(parseIDPParams(window.location.search)),
+    _extractErrorMessage$84 = _slicedToArray(_extractErrorMessage$83, 1),
+    parseResult = _extractErrorMessage$84[0];
+  return /*#__PURE__*/extractErrorMessage.wn.createElement(extractErrorMessage.wn.Fragment, null, parseResult.flow.type === 'Authorize' && ( /*#__PURE__*/extractErrorMessage.wn.createElement(EnsureMemberIsLoggedIn, null, /*#__PURE__*/extractErrorMessage.wn.createElement(IDPConsentScreenImpl, {
+    initialError: parseResult.error,
+    initialParams: parseResult.flow.params
+  }))), parseResult.flow.type === 'Logout' && ( /*#__PURE__*/extractErrorMessage.wn.createElement(IDPLogoutScreenImpl, {
+    initialError: parseResult.error,
+    initialParams: parseResult.flow.params
+  })));
 };
-var EnsureMemberIsLoggedIn = function EnsureMemberIsLoggedIn(_ref159) {
-  var children = _ref159.children;
+var EnsureMemberIsLoggedIn = function EnsureMemberIsLoggedIn(_ref164) {
+  var children = _ref164.children;
   var member = useStytchMember();
   var onError = useErrorCallback();
   var onErrorRef = extractErrorMessage._(onError);
@@ -7593,8 +7864,8 @@ var AppContainer$1 = function AppContainer$1() {
     dispatch = _useGlobalReducer82[1];
   var stytchClient = useStytch();
   var config = useConfig();
-  var _extractErrorMessage$83 = extractErrorMessage.Ze(),
-    displayWatermark = _extractErrorMessage$83.displayWatermark;
+  var _extractErrorMessage$85 = extractErrorMessage.Ze(),
+    displayWatermark = _extractErrorMessage$85.displayWatermark;
   var isOnlyFloatingOneTap = useIsOnlyFloatingOneTap();
   var currentScreen = state.screen;
   var ScreenComponentMap = (_ScreenComponentMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.Main, /*#__PURE__*/extractErrorMessage.wn.createElement(MainScreen, null)), AppScreens$1.EmailConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailConfirmation, null)), AppScreens$1.LoggedIn, /*#__PURE__*/extractErrorMessage.wn.createElement(ConfirmationScreen, null)), AppScreens$1.Discovery, /*#__PURE__*/extractErrorMessage.wn.createElement(Discovery, null)), AppScreens$1.Error, /*#__PURE__*/extractErrorMessage.wn.createElement(ErrorScreen, null)), AppScreens$1.PasswordEmailForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsEmailForm, null)), AppScreens$1.PasswordAuthenticate, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsAuthenticate, null)), AppScreens$1.PasswordResetForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetForm, null)), AppScreens$1.PasswordResetVerifyConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordResetConfirmation, null)), AppScreens$1.PasswordForgotForm, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordsForgotForm, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.PasswordSetNewConfirmation, /*#__PURE__*/extractErrorMessage.wn.createElement(PasswordSetNew, null)), AppScreens$1.MFAEnrollmentSelection, /*#__PURE__*/extractErrorMessage.wn.createElement(MFAEnrollmentSelectionScreen, null)), AppScreens$1.SMSOTPEnrollment, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEnrollScreen, null)), AppScreens$1.SMSOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(SMSOTPEntryScreen, null)), AppScreens$1.RecoveryCodeEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeEntryScreen, null)), AppScreens$1.RecoveryCodeSave, /*#__PURE__*/extractErrorMessage.wn.createElement(RecoveryCodeSaveScreen, null)), AppScreens$1.TOTPEnrollmentQRCode, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollQRScreen, null)), AppScreens$1.TOTPEnrollmentManual, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEnrollManualScreen, null)), AppScreens$1.TOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(TOTPEntryScreen, null)), AppScreens$1.EmailMethodSelection, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailMethodSelectionScreen, null)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ScreenComponentMap, AppScreens$1.EmailOTPEntry, /*#__PURE__*/extractErrorMessage.wn.createElement(EmailOTPEntryScreen, null)), AppScreens$1.SSODiscoveryEmail, /*#__PURE__*/extractErrorMessage.wn.createElement(SSODiscoveryEmail, null)), AppScreens$1.SSODiscoveryFallback, /*#__PURE__*/extractErrorMessage.wn.createElement(SSODiscoveryFallback, null)), AppScreens$1.SSODiscoveryMenu, /*#__PURE__*/extractErrorMessage.wn.createElement(SSODiscoveryMenu, null)), AppScreens$1.IDPConsent, /*#__PURE__*/extractErrorMessage.wn.createElement(IDPConsentScreen, null)));
@@ -7620,8 +7891,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate14 = useMutate("stytch.magicLinks.authenticate", function (_, _ref160) {
-      var token = _ref160.arg.token;
+  var _useMutate14 = useMutate("stytch.magicLinks.authenticate", function (_, _ref165) {
+      var token = _ref165.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -7632,8 +7903,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate14.trigger,
     isMagicLinkLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.impersonation.authenticate", function (_, _ref161) {
-      var token = _ref161.arg.token;
+  var _useMutate15 = useMutate("stytch.impersonation.authenticate", function (_, _ref166) {
+      var token = _ref166.arg.token;
       return stytchClient.impersonation.authenticate({
         impersonation_token: token
       });
@@ -7643,8 +7914,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchImpersonationAuthenticate = _useMutate15.trigger,
     isImpersonationLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.oauth.authenticate", function (_, _ref162) {
-      var token = _ref162.arg.token;
+  var _useMutate16 = useMutate("stytch.oauth.authenticate", function (_, _ref167) {
+      var token = _ref167.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -7655,8 +7926,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate16.trigger,
     isOAuthLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref163) {
-      var token = _ref163.arg.token;
+  var _useMutate17 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref168) {
+      var token = _ref168.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -7666,8 +7937,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate17.trigger,
     isDiscoveryOAuthLoading = _useMutate17.isMutating;
-  var _useMutate18 = useMutate("stytch.sso.authenticate", function (_, _ref164) {
-      var token = _ref164.arg.token;
+  var _useMutate18 = useMutate("stytch.sso.authenticate", function (_, _ref169) {
+      var token = _ref169.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -7678,8 +7949,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate18.trigger,
     isSSOLoading = _useMutate18.isMutating;
-  var _useMutate19 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref165) {
-      var token = _ref165.arg.token;
+  var _useMutate19 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref170) {
+      var token = _ref170.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -7775,19 +8046,19 @@ var AppContainer$1 = function AppContainer$1() {
     displayWatermark: displayWatermark
   }, ScreenComponentMap[currentScreen]);
 };
-var AppContainer = function AppContainer(_ref166) {
-  var client = _ref166.client,
-    styles = _ref166.styles,
-    callbacks = _ref166.callbacks,
-    config = _ref166.config;
-  var _extractErrorMessage$84 = extractErrorMessage.h(function () {
+var AppContainer = function AppContainer(_ref171) {
+  var client = _ref171.client,
+    styles = _ref171.styles,
+    callbacks = _ref171.callbacks,
+    config = _ref171.config;
+  var _extractErrorMessage$86 = extractErrorMessage.h(function () {
       var _internal$readB2BInte6 = internal.readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _internal$readB2BInte6.displayWatermark;
       return displayWatermark;
     }),
-    _extractErrorMessage$85 = _slicedToArray(_extractErrorMessage$84, 2),
-    displayWatermark = _extractErrorMessage$85[0],
-    setDisplayWatermark = _extractErrorMessage$85[1];
+    _extractErrorMessage$87 = _slicedToArray(_extractErrorMessage$86, 2),
+    displayWatermark = _extractErrorMessage$87[0],
+    setDisplayWatermark = _extractErrorMessage$87[1];
   extractErrorMessage.p(function () {
     internal.readB2BInternals(client).networkClient.logEvent({
       name: 'render_b2b_login_screen',
@@ -7795,8 +8066,8 @@ var AppContainer = function AppContainer(_ref166) {
         options: config
       }
     });
-    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref167) {
-      var displayWatermark = _ref167.displayWatermark;
+    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref172) {
+      var displayWatermark = _ref172.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -7826,11 +8097,11 @@ var AppContainer = function AppContainer(_ref166) {
     theme: theme
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(AppContainer$1, null)));
 };
-var B2BIDPContainer = function B2BIDPContainer(_ref168) {
-  var client = _ref168.client,
-    styles = _ref168.styles,
-    callbacks = _ref168.callbacks,
-    getIDPConsentManifest = _ref168.getIDPConsentManifest;
+var B2BIDPContainer = function B2BIDPContainer(_ref173) {
+  var client = _ref173.client,
+    styles = _ref173.styles,
+    callbacks = _ref173.callbacks,
+    getIDPConsentManifest = _ref173.getIDPConsentManifest;
   var initialState = Object.assign(Object.assign({}, DEFAULT_STATE), {
     screen: AppScreens$1.IDPConsent
   });
@@ -7865,11 +8136,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref169) {
-      var elementId = _ref169.elementId,
-        styles = _ref169.styles,
-        callbacks = _ref169.callbacks,
-        config = _ref169.config;
+    value: function mount(_ref174) {
+      var elementId = _ref174.elementId,
+        styles = _ref174.styles,
+        callbacks = _ref174.callbacks,
+        config = _ref174.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {
@@ -7896,11 +8167,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
     }
   }, {
     key: "mountIdentityProvider",
-    value: function mountIdentityProvider(_ref170) {
-      var elementId = _ref170.elementId,
-        styles = _ref170.styles,
-        callbacks = _ref170.callbacks,
-        getIDPConsentManifest = _ref170.getIDPConsentManifest;
+    value: function mountIdentityProvider(_ref175) {
+      var elementId = _ref175.elementId,
+        styles = _ref175.styles,
+        callbacks = _ref175.callbacks,
+        getIDPConsentManifest = _ref175.getIDPConsentManifest;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {