@stytch/vanilla-js 4.16.0 → 4.16.2

package/dist/adminPortal/utils/makeUseStorage.d.ts

@@ -1 +1 @@
-export declare const makeUseStorage: (storage: Storage) => <T>(defaultValue: T, key: string) => readonly [T, (value: T) => void];
+export declare const makeUseStorage: (storage: Storage | undefined) => <T>(defaultValue: T, key: string) => readonly [T, (value: T) => void];

package/dist/b2b/index.esm.js

@@ -5626,18 +5626,21 @@ var MainContainer = He.div(_templateObject54 || (_templateObject54 = _taggedTemp
   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  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref108) {
+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 (_ref108) {
   var theme = _ref108.theme;
   return theme.container.width;
 }, function (_ref109) {
   var theme = _ref109.theme;
-  return theme.container.border;
+  return theme.container.backgroundColor;
 }, function (_ref110) {
   var theme = _ref110.theme;
-  return theme.container.borderRadius;
+  return theme.container.border;
 }, function (_ref111) {
   var theme = _ref111.theme;
   return theme.container.borderRadius;
+}, function (_ref112) {
+  var theme = _ref112.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"])));
@@ -5686,8 +5689,8 @@ var AppContainer$1 = function AppContainer$1() {
       screen: AppScreens$1.Discovery
     });
   };
-  var onError = function onError(_ref112) {
-    var errorType = _ref112.errorType;
+  var onError = function onError(_ref113) {
+    var errorType = _ref113.errorType;
     return function () {
       clearStytchSearchParams();
       dispatch({
@@ -5696,8 +5699,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref113) {
-      var token = _ref113.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref114) {
+      var token = _ref114.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5710,8 +5713,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref114) {
-      var token = _ref114.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref115) {
+      var token = _ref115.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5724,8 +5727,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref115) {
-      var token = _ref115.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref116) {
+      var token = _ref116.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -5737,8 +5740,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref116) {
-      var token = _ref116.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref117) {
+      var token = _ref117.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5751,8 +5754,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref117) {
-      var token = _ref117.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref118) {
+      var token = _ref118.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -5849,10 +5852,11 @@ var AppContainer$1 = function AppContainer$1() {
     displayWatermark: displayWatermark
   }, /*#__PURE__*/wn.createElement(ChildrenContainer, null, ScreenComponentMap[currentScreen], /*#__PURE__*/wn.createElement(Snackbar, null))), displayWatermark && ( /*#__PURE__*/wn.createElement(WatermarkContainer, null, /*#__PURE__*/wn.createElement(InnerContainer, null, /*#__PURE__*/wn.createElement("a", {
     style: {
-      height: 16,
+      height: 32,
       display: 'flex',
       alignItems: 'center',
-      padding: '8px 0px'
+      padding: '8px 0px',
+      boxSizing: 'border-box'
     },
     href: "https://stytch.com/",
     target: "_blank",
@@ -5862,11 +5866,11 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref118) {
-  var client = _ref118.client,
-    styles = _ref118.styles,
-    callbacks = _ref118.callbacks,
-    config = _ref118.config;
+var AppContainer = function AppContainer(_ref119) {
+  var client = _ref119.client,
+    styles = _ref119.styles,
+    callbacks = _ref119.callbacks,
+    config = _ref119.config;
   var _h$57 = h$1(function () {
       var _readB2BInternals$boo3 = readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _readB2BInternals$boo3.displayWatermark;
@@ -5882,8 +5886,8 @@ var AppContainer = function AppContainer(_ref118) {
         options: config
       }
     });
-    readB2BInternals(client).bootstrap.getAsync().then(function (_ref119) {
-      var displayWatermark = _ref119.displayWatermark;
+    readB2BInternals(client).bootstrap.getAsync().then(function (_ref120) {
+      var displayWatermark = _ref120.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -5920,11 +5924,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_StytchB2BHeadlessCli) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref120) {
-      var elementId = _ref120.elementId,
-        styles = _ref120.styles,
-        callbacks = _ref120.callbacks,
-        config = _ref120.config;
+    value: function mount(_ref121) {
+      var elementId = _ref121.elementId,
+        styles = _ref121.styles,
+        callbacks = _ref121.callbacks,
+        config = _ref121.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {

package/dist/b2b/index.headless.esm.js

@@ -423,7 +423,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
   }]);
   return ClientsideServicesProvider;
 }();
-var version = "4.16.0";
+var version = "4.16.2";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, baseURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.headless.js

@@ -424,7 +424,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
   }]);
   return ClientsideServicesProvider;
 }();
-var version = "4.16.0";
+var version = "4.16.2";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, baseURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.js

@@ -5627,18 +5627,21 @@ var MainContainer = extractErrorMessage.He.div(_templateObject54 || (_templateOb
   return displayWatermark ? 'none' : theme.container.border;
 });
 var ChildrenContainer = extractErrorMessage.He.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n  padding: 24px 32px;\n"])));
-var WatermarkContainer = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref108) {
+var WatermarkContainer = extractErrorMessage.He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n  background-color: ", ";\n  border: ", ";\n  border-top: none;\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  overflow: hidden;\n"])), function (_ref108) {
   var theme = _ref108.theme;
   return theme.container.width;
 }, function (_ref109) {
   var theme = _ref109.theme;
-  return theme.container.border;
+  return theme.container.backgroundColor;
 }, function (_ref110) {
   var theme = _ref110.theme;
-  return theme.container.borderRadius;
+  return theme.container.border;
 }, function (_ref111) {
   var theme = _ref111.theme;
   return theme.container.borderRadius;
+}, function (_ref112) {
+  var theme = _ref112.theme;
+  return theme.container.borderRadius;
 });
 var InnerContainer = extractErrorMessage.He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n  background-color: #19303d;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0.5;\n"])));
 var Image = extractErrorMessage.He.img(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n  width: 150px;\n"])));
@@ -5687,8 +5690,8 @@ var AppContainer$1 = function AppContainer$1() {
       screen: AppScreens$1.Discovery
     });
   };
-  var onError = function onError(_ref112) {
-    var errorType = _ref112.errorType;
+  var onError = function onError(_ref113) {
+    var errorType = _ref113.errorType;
     return function () {
       clearStytchSearchParams();
       dispatch({
@@ -5697,8 +5700,8 @@ var AppContainer$1 = function AppContainer$1() {
       });
     };
   };
-  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref113) {
-      var token = _ref113.arg.token;
+  var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref114) {
+      var token = _ref114.arg.token;
       return stytchClient.magicLinks.authenticate({
         magic_links_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5711,8 +5714,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchMagicLinkAuthenticate = _useMutate13.trigger,
     isMagicLinkLoading = _useMutate13.isMutating;
-  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref114) {
-      var token = _ref114.arg.token;
+  var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref115) {
+      var token = _ref115.arg.token;
       return stytchClient.oauth.authenticate({
         oauth_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5725,8 +5728,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthAuthenticate = _useMutate14.trigger,
     isOAuthLoading = _useMutate14.isMutating;
-  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref115) {
-      var token = _ref115.arg.token;
+  var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref116) {
+      var token = _ref116.arg.token;
       return stytchClient.oauth.discovery.authenticate({
         discovery_oauth_token: token
       });
@@ -5738,8 +5741,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
     isDiscoveryOAuthLoading = _useMutate15.isMutating;
-  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref116) {
-      var token = _ref116.arg.token;
+  var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref117) {
+      var token = _ref117.arg.token;
       return stytchClient.sso.authenticate({
         sso_token: token,
         session_duration_minutes: config.sessionOptions.sessionDurationMinutes
@@ -5752,8 +5755,8 @@ var AppContainer$1 = function AppContainer$1() {
     }),
     stytchSSOAuthenticate = _useMutate16.trigger,
     isSSOLoading = _useMutate16.isMutating;
-  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref117) {
-      var token = _ref117.arg.token;
+  var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref118) {
+      var token = _ref118.arg.token;
       return stytchClient.magicLinks.discovery.authenticate({
         discovery_magic_links_token: token
       });
@@ -5850,10 +5853,11 @@ var AppContainer$1 = function AppContainer$1() {
     displayWatermark: displayWatermark
   }, /*#__PURE__*/extractErrorMessage.wn.createElement(ChildrenContainer, null, ScreenComponentMap[currentScreen], /*#__PURE__*/extractErrorMessage.wn.createElement(Snackbar, null))), displayWatermark && ( /*#__PURE__*/extractErrorMessage.wn.createElement(WatermarkContainer, null, /*#__PURE__*/extractErrorMessage.wn.createElement(InnerContainer, null, /*#__PURE__*/extractErrorMessage.wn.createElement("a", {
     style: {
-      height: 16,
+      height: 32,
       display: 'flex',
       alignItems: 'center',
-      padding: '8px 0px'
+      padding: '8px 0px',
+      boxSizing: 'border-box'
     },
     href: "https://stytch.com/",
     target: "_blank",
@@ -5863,11 +5867,11 @@ var AppContainer$1 = function AppContainer$1() {
     src: POWERED_BY_STYTCH_IMG_URL
   }))))));
 };
-var AppContainer = function AppContainer(_ref118) {
-  var client = _ref118.client,
-    styles = _ref118.styles,
-    callbacks = _ref118.callbacks,
-    config = _ref118.config;
+var AppContainer = function AppContainer(_ref119) {
+  var client = _ref119.client,
+    styles = _ref119.styles,
+    callbacks = _ref119.callbacks,
+    config = _ref119.config;
   var _extractErrorMessage$68 = extractErrorMessage.h(function () {
       var _internal$readB2BInte5 = internal.readB2BInternals(client).bootstrap.getSync(),
         displayWatermark = _internal$readB2BInte5.displayWatermark;
@@ -5883,8 +5887,8 @@ var AppContainer = function AppContainer(_ref118) {
         options: config
       }
     });
-    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref119) {
-      var displayWatermark = _ref119.displayWatermark;
+    internal.readB2BInternals(client).bootstrap.getAsync().then(function (_ref120) {
+      var displayWatermark = _ref120.displayWatermark;
       setDisplayWatermark(displayWatermark);
     });
   }, [client]);
@@ -5921,11 +5925,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_b2b_index_headless$S) {
   }
   _createClass(StytchB2BUIClient, [{
     key: "mount",
-    value: function mount(_ref120) {
-      var elementId = _ref120.elementId,
-        styles = _ref120.styles,
-        callbacks = _ref120.callbacks,
-        config = _ref120.config;
+    value: function mount(_ref121) {
+      var elementId = _ref121.elementId,
+        styles = _ref121.styles,
+        callbacks = _ref121.callbacks,
+        config = _ref121.config;
       var _a;
       var targetParentDomNode = document.querySelector(elementId);
       if (!targetParentDomNode) {