@stytch/vanilla-js 5.23.4 → 5.24.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @stytch/vanilla-js
 
+## 5.24.0
+
+### Minor Changes
+
+- 2696b2e: Add `cancel_on_tap_outside` option to control whether Google One Tap prompt is automatically dismissed when user taps outside
+
+### Patch Changes
+
+- Updated dependencies [2696b2e]
+  - @stytch/core@2.50.0
+
+## 5.23.5
+
+### Patch Changes
+
+- 0518cd6: Add `created_at` and `updated_at` fields to the `Member` object type definition
+- Updated dependencies [0518cd6]
+  - @stytch/core@2.49.3
+
 ## 5.23.4
 
 ### Patch Changes

package/dist/b2b/index.esm.js

@@ -1198,12 +1198,14 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
   var oneTap = false;
   var customScopes = [];
   var providerParams = {};
+  var cancelOnTapOutside = undefined;
   if (typeof provider === 'string') {
     providerType = provider;
   } else {
     providerType = provider.type;
     if (provider.type === B2BOAuthProviders.Google && 'one_tap' in provider) {
       oneTap = provider.one_tap;
+      cancelOnTapOutside = provider.cancel_on_tap_outside;
     }
     customScopes = provider.customScopes || [];
     providerParams = provider.providerParams || {};
@@ -1213,7 +1215,8 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
     type: oauthProvider,
     one_tap: oneTap,
     customScopes: customScopes,
-    providerParams: providerParams
+    providerParams: providerParams,
+    cancel_on_tap_outside: cancelOnTapOutside
   };
 };
 var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BProducts.oauth, undefined), B2BProducts.sso, 'sso'), B2BProducts.emailMagicLinks, 'magic_link'), B2BProducts.emailOtp, 'email_otp'), B2BProducts.passwords, 'password');
@@ -2873,7 +2876,8 @@ He.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  he
 });
 var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
   var customScopes = _ref63.customScopes,
-    providerParams = _ref63.providerParams;
+    providerParams = _ref63.providerParams,
+    cancelOnTapOutside = _ref63.cancelOnTapOutside;
   var _a, _b, _c, _d, _e, _f;
   var stytch = useStytch();
   var config = useConfig();
@@ -2948,7 +2952,8 @@ var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
               callback: oneTapCallback,
               style: {
                 position: OneTapPositions.floating
-              }
+              },
+              cancelOnTapOutside: cancelOnTapOutside
             });
           case 13:
             renderResult = _context6.sent;
@@ -2975,7 +2980,7 @@ var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
         }
       }, _callee6);
     }));
-  }, [stytch, isUnmounted, state.flowState.organization, (_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.signupRedirectURL, (_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.loginRedirectURL, (_c = config.oauthOptions) === null || _c === void 0 ? void 0 : _c.discoveryRedirectURL, dispatch]);
+  }, [stytch, isUnmounted, state.flowState.organization, (_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.signupRedirectURL, (_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.loginRedirectURL, (_c = config.oauthOptions) === null || _c === void 0 ? void 0 : _c.discoveryRedirectURL, dispatch, cancelOnTapOutside]);
   p$1(function () {
     var client;
     attemptToLoadOneTap().then(function ($client) {
@@ -3086,7 +3091,9 @@ var OAuthButtons = function OAuthButtons() {
     if (oauthProvider.one_tap) {
       return /*#__PURE__*/y(B2BGoogleOneTap, Object.assign({
         key: "oauth-".concat(oauthProvider.type)
-      }, providerProps));
+      }, providerProps, {
+        cancelOnTapOutside: oauthProvider.cancel_on_tap_outside
+      }));
     }
     return /*#__PURE__*/y(OAuthB2BButton, Object.assign({
       key: "oauth-".concat(oauthProvider.type),

package/dist/b2b/index.headless.d.ts

@@ -12,6 +12,11 @@ type B2BGoogleOneTapDiscoveryOAuthOptions = {
      * If you have not set a default discovery redirect URL, an error is returned.
      */
     discovery_redirect_url?: string;
+    /**
+     * Controls whether clicking outside the One Tap prompt dismisses the prompt.
+     * Defaults to true.
+     */
+    cancel_on_tap_outside?: boolean;
 };
 type B2BGoogleOneTapOAuthOptions = {
     /**
@@ -32,6 +37,11 @@ type B2BGoogleOneTapOAuthOptions = {
      * If you have not set a default signup redirect URL, an error is returned.
      */
     signup_redirect_url?: string;
+    /**
+     * Controls whether clicking outside the One Tap prompt dismisses the prompt.
+     * Defaults to true.
+     */
+    cancel_on_tap_outside?: boolean;
 };
 interface IB2BGoogleOneTapOAuthProvider {
     discovery: {

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

@@ -216,7 +216,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
     }
   }]);
 }();
-var version = "5.23.4";
+var version = "5.24.0";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);
@@ -1129,7 +1129,8 @@ var HeadlessB2BOAuthClient = /*#__PURE__*/function (_HeadlessB2BOAuthClie) {
                 style: {
                   position: OneTapPositions.floating
                 },
-                callback: onSuccessCallback
+                callback: onSuccessCallback,
+                cancelOnTapOutside: options.cancel_on_tap_outside
               }));
             case 8:
             case "end":
@@ -1171,7 +1172,8 @@ var HeadlessB2BOAuthClient = /*#__PURE__*/function (_HeadlessB2BOAuthClie) {
                 style: {
                   position: OneTapPositions.floating
                 },
-                callback: onSuccessCallback
+                callback: onSuccessCallback,
+                cancelOnTapOutside: options.cancel_on_tap_outside
               }));
             case 10:
             case "end":
@@ -1221,7 +1223,9 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
     value: function render(_ref13) {
       var callback = _ref13.callback,
         onOneTapCancelled = _ref13.onOneTapCancelled,
-        style = _ref13.style;
+        style = _ref13.style,
+        _ref13$cancelOnTapOut = _ref13.cancelOnTapOutside,
+        cancelOnTapOutside = _ref13$cancelOnTapOut === void 0 ? true : _ref13$cancelOnTapOut;
       return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
         var _this9 = this;
         var embeddedMode, shouldRenderEmbeddedOneTap, config;
@@ -1236,7 +1240,8 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
                 auto_select: false,
                 context: 'use',
                 itp_support: true,
-                use_fedcm_for_prompt: embeddedMode !== 'force'
+                use_fedcm_for_prompt: embeddedMode !== 'force',
+                cancel_on_tap_outside: cancelOnTapOutside
               };
               if (shouldRenderEmbeddedOneTap) {
                 config.prompt_parent_id = 'google-parent-prompt';

package/dist/b2b/index.headless.js

@@ -217,7 +217,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
     }
   }]);
 }();
-var version = "5.23.4";
+var version = "5.24.0";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);
@@ -1130,7 +1130,8 @@ var HeadlessB2BOAuthClient = /*#__PURE__*/function (_internal$HeadlessB2B) {
                 style: {
                   position: internal.OneTapPositions.floating
                 },
-                callback: onSuccessCallback
+                callback: onSuccessCallback,
+                cancelOnTapOutside: options.cancel_on_tap_outside
               }));
             case 8:
             case "end":
@@ -1172,7 +1173,8 @@ var HeadlessB2BOAuthClient = /*#__PURE__*/function (_internal$HeadlessB2B) {
                 style: {
                   position: internal.OneTapPositions.floating
                 },
-                callback: onSuccessCallback
+                callback: onSuccessCallback,
+                cancelOnTapOutside: options.cancel_on_tap_outside
               }));
             case 10:
             case "end":
@@ -1222,7 +1224,9 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
     value: function render(_ref13) {
       var callback = _ref13.callback,
         onOneTapCancelled = _ref13.onOneTapCancelled,
-        style = _ref13.style;
+        style = _ref13.style,
+        _ref13$cancelOnTapOut = _ref13.cancelOnTapOutside,
+        cancelOnTapOutside = _ref13$cancelOnTapOut === void 0 ? true : _ref13$cancelOnTapOut;
       return internal.__awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
         var _this9 = this;
         var embeddedMode, shouldRenderEmbeddedOneTap, config;
@@ -1237,7 +1241,8 @@ var GoogleOneTapClient = /*#__PURE__*/function () {
                 auto_select: false,
                 context: 'use',
                 itp_support: true,
-                use_fedcm_for_prompt: embeddedMode !== 'force'
+                use_fedcm_for_prompt: embeddedMode !== 'force',
+                cancel_on_tap_outside: cancelOnTapOutside
               };
               if (shouldRenderEmbeddedOneTap) {
                 config.prompt_parent_id = 'google-parent-prompt';

package/dist/b2b/index.js

@@ -1199,12 +1199,14 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
   var oneTap = false;
   var customScopes = [];
   var providerParams = {};
+  var cancelOnTapOutside = undefined;
   if (typeof provider === 'string') {
     providerType = provider;
   } else {
     providerType = provider.type;
     if (provider.type === internal.B2BOAuthProviders.Google && 'one_tap' in provider) {
       oneTap = provider.one_tap;
+      cancelOnTapOutside = provider.cancel_on_tap_outside;
     }
     customScopes = provider.customScopes || [];
     providerParams = provider.providerParams || {};
@@ -1214,7 +1216,8 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
     type: oauthProvider,
     one_tap: oneTap,
     customScopes: customScopes,
-    providerParams: providerParams
+    providerParams: providerParams,
+    cancel_on_tap_outside: cancelOnTapOutside
   };
 };
 var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, internal.B2BProducts.oauth, undefined), internal.B2BProducts.sso, 'sso'), internal.B2BProducts.emailMagicLinks, 'magic_link'), internal.B2BProducts.emailOtp, 'email_otp'), internal.B2BProducts.passwords, 'password');
@@ -2874,7 +2877,8 @@ extractErrorMessage.He.div(_templateObject22 || (_templateObject22 = _taggedTemp
 });
 var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
   var customScopes = _ref63.customScopes,
-    providerParams = _ref63.providerParams;
+    providerParams = _ref63.providerParams,
+    cancelOnTapOutside = _ref63.cancelOnTapOutside;
   var _a, _b, _c, _d, _e, _f;
   var stytch = useStytch();
   var config = useConfig();
@@ -2949,7 +2953,8 @@ var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
               callback: oneTapCallback,
               style: {
                 position: internal.OneTapPositions.floating
-              }
+              },
+              cancelOnTapOutside: cancelOnTapOutside
             });
           case 13:
             renderResult = _context6.sent;
@@ -2976,7 +2981,7 @@ var B2BGoogleOneTap = function B2BGoogleOneTap(_ref63) {
         }
       }, _callee6);
     }));
-  }, [stytch, isUnmounted, state.flowState.organization, (_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.signupRedirectURL, (_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.loginRedirectURL, (_c = config.oauthOptions) === null || _c === void 0 ? void 0 : _c.discoveryRedirectURL, dispatch]);
+  }, [stytch, isUnmounted, state.flowState.organization, (_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.signupRedirectURL, (_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.loginRedirectURL, (_c = config.oauthOptions) === null || _c === void 0 ? void 0 : _c.discoveryRedirectURL, dispatch, cancelOnTapOutside]);
   extractErrorMessage.p(function () {
     var client;
     attemptToLoadOneTap().then(function ($client) {
@@ -3087,7 +3092,9 @@ var OAuthButtons = function OAuthButtons() {
     if (oauthProvider.one_tap) {
       return /*#__PURE__*/extractErrorMessage.y(B2BGoogleOneTap, Object.assign({
         key: "oauth-".concat(oauthProvider.type)
-      }, providerProps));
+      }, providerProps, {
+        cancelOnTapOutside: oauthProvider.cancel_on_tap_outside
+      }));
     }
     return /*#__PURE__*/extractErrorMessage.y(OAuthB2BButton, Object.assign({
       key: "oauth-".concat(oauthProvider.type),