@stytch/vanilla-js 4.7.7 → 4.8.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @stytch/vanilla-js
 
+## 4.8.0
+
+### Minor Changes
+
+- b007d98: Enable FedCM for use with Google One Tap by default. For users using supported browsers (including Google Chrome and other Chromium-based browsers), Google One Tap will now use [FedCM to provide a sign in experience using native browser prompts](https://developers.google.com/identity/gsi/web/guides/fedcm-migration).
+
+  Due to changes in Google's One Tap SDK, this affects One Tap using both floating and embedded positioning. Notably, users of Chrome and other Chromium-based browsers will no longer see a embedded One Tap UI by default. Google will begin to remove support for this UI later this year. We recommend adopting the new default behavior, but we have added new position options if you require different behavior:
+
+  - `floating` remains the default option and uses Google's One Tap SDK's default behavior. It uses FedCM (native browser UI) where available, or renders a floating UI in the top right corner otherwise.
+  - `floatingOrEmbedded` uses FedCM where available, or renders an embedded UI in the existing SDK login form otherwise. This is the new default behavior of the `embedded` position, which has been deprecated and renamed for clarity.
+  - `embeddedOnly` renders the embedded UI in the existing SDK login form if FedCM is not available, or not at all otherwise. This option is not recommended for new applications. For applications that used `embedded` positioning and do not want to show floating or native browser UI, this option may be useful.
+  - `forceLegacyEmbedded` retains the legacy behavior by disabling FedCM support even where it is available. This option is not recommended and will stop being honored by Google in the future, at which time you will need to select a different option.
+
+  The `embedded` position will still be recognized and treated as `floatingOrEmbedded`, but we recommend updating your configuration to use the new name or a different option.
+
+### Patch Changes
+
+- Updated dependencies [b007d98]
+  - @stytch/core@2.12.0
+
+## 4.7.8
+
+### Patch Changes
+
+- 565ec50: Fix an issue where a B2B member enrolled in MFA with an unverified phone number was prompted to re-enter a phone number instead of the OTP that was sent to verify their number
+
 ## 4.7.7
 
 ### Patch Changes

package/dist/b2b/index.esm.js

@@ -146,7 +146,7 @@ var p, h, m, f, g, _, A;
 }(h || (h = {})), function (e) {
   e.Vessel = "Vessel", e.Phantom = "Phantom", e.Metamask = "Metamask", e.Coinbase = "Coinbase", e.Binance = "Binance", e.GenericEthereumWallet = "Other Ethereum Wallet", e.GenericSolanaWallet = "Other Solana Wallet";
 }(m || (m = {})), function (e) {
-  e.embedded = "embedded", e.floating = "floating";
+  e.embedded = "embedded", e.floating = "floating", e.embeddedOnly = "embeddedOnly", e.floatingOrEmbedded = "floatingOrEmbedded", e.forceLegacyEmbedded = "forceLegacyEmbedded";
 }(f || (f = {})), function (e) {
   e.SMS = "sms", e.WhatsApp = "whatsapp", e.Email = "email";
 }(g || (g = {})), function (e) {
@@ -4130,7 +4130,7 @@ var wt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.7"
+          version: "4.8.0"
         }
       });
     }
@@ -7245,43 +7245,42 @@ var Ha = function Ha() {
                   _l2 = function _l2(e) {
                     return 0 === _c2.organizationMfaOptionsSupported.length || _c2.organizationMfaOptionsSupported.includes(e);
                   },
-                  _u2 = null !== (r = function () {
+                  _u2 = function _u2() {
                     var e = $a(t.response.member.default_mfa_method);
                     if (e && _l2(e) && _c2.enrolledMfaMethods.includes(e)) return e;
-                  }()) && void 0 !== r ? r : _c2.enrolledMfaMethods.find(_l2);
-                if (_u2) {
-                  var _n3 = Object.assign(Object.assign({}, Na), {
+                  },
+                  _d2 = "sms_otp" === (null === (r = t.response.mfa_required) || void 0 === r ? void 0 : r.secondary_auth_initiated),
+                  _p2 = _d2 ? b.smsOtp : null !== (o = _u2()) && void 0 !== o ? o : _c2.enrolledMfaMethods.find(_l2);
+                if (_p2) {
+                  var _t2 = Object.assign(Object.assign({}, Na), {
                     primaryInfo: _c2
                   });
-                  switch (_u2) {
+                  switch (_p2) {
                     case b.smsOtp:
-                      {
-                        var _r2 = "sms_otp" === (null === (o = t.response.mfa_required) || void 0 === o ? void 0 : o.secondary_auth_initiated);
-                        return Object.assign(Object.assign({}, e), {
-                          mfa: Object.assign(Object.assign({}, _n3), {
-                            smsOtp: Object.assign(Object.assign({}, Na.smsOtp), {
-                              codeExpiration: _r2 ? Ha() : null
-                            })
-                          }),
-                          screen: qa.SMSOTPEntry
-                        });
-                      }
+                      return Object.assign(Object.assign({}, e), {
+                        mfa: Object.assign(Object.assign({}, _t2), {
+                          smsOtp: Object.assign(Object.assign({}, Na.smsOtp), {
+                            codeExpiration: _d2 ? Ha() : null
+                          })
+                        }),
+                        screen: qa.SMSOTPEntry
+                      });
                     case b.totp:
                       return Object.assign(Object.assign({}, e), {
-                        mfa: _n3,
+                        mfa: _t2,
                         screen: qa.TOTPEntry
                       });
                   }
                 }
-                var _d2 = Qa({
+                var _h = Qa({
                     allMethods: Ka,
                     orgSupportedMethods: _c2.organizationMfaOptionsSupported,
                     uiIncludedMethods: t.includedMfaMethods
                   }),
-                  _p2 = function _p2() {
-                    if (1 === _d2.size) {
-                      if (_d2.has(b.totp)) return qa.TOTPEnrollmentQRCode;
-                      if (_d2.has(b.smsOtp)) return qa.SMSOTPEnrollment;
+                  _m = function _m() {
+                    if (1 === _h.size) {
+                      if (_h.has(b.totp)) return qa.TOTPEnrollmentQRCode;
+                      if (_h.has(b.smsOtp)) return qa.SMSOTPEnrollment;
                     }
                     return qa.MFAEnrollmentSelection;
                   };
@@ -7290,14 +7289,14 @@ var Ha = function Ha() {
                     primaryInfo: _c2,
                     isEnrolling: !0
                   }),
-                  screen: _p2()
+                  screen: _m()
                 });
               }
             case "mfa/start_enrollment":
               {
-                var _n4 = t.method === b.smsOtp ? qa.SMSOTPEnrollment : qa.TOTPEnrollmentQRCode;
+                var _n3 = t.method === b.smsOtp ? qa.SMSOTPEnrollment : qa.TOTPEnrollmentQRCode;
                 return Object.assign(Object.assign({}, e), {
-                  screen: _n4
+                  screen: _n3
                 });
               }
             case "sms_otp/authenticate_success":
@@ -7411,16 +7410,16 @@ var Ha = function Ha() {
             case "totp/show_code":
               {
                 if (!e.mfa.isEnrolling || !e.mfa.totp.enrollment) return e;
-                var _n5 = null !== (y = null !== (v = t.method) && void 0 !== v ? v : e.mfa.totp.enrollment.method) && void 0 !== y ? y : "qr";
+                var _n4 = null !== (y = null !== (v = t.method) && void 0 !== v ? v : e.mfa.totp.enrollment.method) && void 0 !== y ? y : "qr";
                 return Object.assign(Object.assign({}, e), {
                   mfa: Object.assign(Object.assign({}, e.mfa), {
                     totp: Object.assign(Object.assign({}, e.mfa.totp), {
                       enrollment: Object.assign(Object.assign({}, e.mfa.totp.enrollment), {
-                        method: _n5
+                        method: _n4
                       })
                     })
                   }),
-                  screen: "manual" === _n5 ? qa.TOTPEnrollmentManual : qa.TOTPEnrollmentQRCode
+                  screen: "manual" === _n4 ? qa.TOTPEnrollmentManual : qa.TOTPEnrollmentQRCode
                 });
               }
             default:
@@ -8145,7 +8144,7 @@ var ps,
   ws = function ws(e) {
     if ("object" == _typeof(e)) {
       var t = "";
-      for (var _n6 in e) t += _n6 + ws(e[_n6]);
+      for (var _n5 in e) t += _n5 + ws(e[_n5]);
       return t;
     }
     return e;
@@ -8159,14 +8158,14 @@ var ps,
         return "go" + n;
       }(i));
     if (!bs[a]) {
-      var _t2 = i !== e ? e : function (e) {
+      var _t3 = i !== e ? e : function (e) {
         var t,
           n,
           r = [{}];
         for (; t = _s.exec(e.replace(As, ""));) t[4] ? r.shift() : t[3] ? (n = t[3].replace(vs, " ").trim(), r.unshift(r[0][n] = r[0][n] || {})) : r[0][t[1]] = t[2].replace(vs, " ").trim();
         return r[0];
       }(e);
-      bs[a] = ys(o ? _defineProperty({}, "@keyframes " + a, _t2) : _t2, n ? "" : "." + a);
+      bs[a] = ys(o ? _defineProperty({}, "@keyframes " + a, _t3) : _t3, n ? "" : "." + a);
     }
     var s = n && bs.g ? bs.g : null;
     return n && (bs.g = bs[a]), function (e, t, n, r) {
@@ -8178,8 +8177,8 @@ var ps,
       var i = t[o];
       if (i && i.call) {
         var _e4 = i(n),
-          _t3 = _e4 && _e4.props && _e4.props.className || /^go/.test(_e4) && _e4;
-        i = _t3 ? "." + _t3 : _e4 && "object" == _typeof(_e4) ? _e4.props ? "" : ys(_e4, "") : !1 === _e4 ? "" : _e4;
+          _t4 = _e4 && _e4.props && _e4.props.className || /^go/.test(_e4) && _e4;
+        i = _t4 ? "." + _t4 : _e4 && "object" == _typeof(_e4) ? _e4.props ? "" : ys(_e4, "") : !1 === _e4 ? "" : _e4;
       }
       return e + r + (null == i ? "" : i);
     }, "");
@@ -9063,8 +9062,8 @@ var pl = function pl(e) {
     }
     if (n == nl) {
       o = "#";
-      var _t4 = nl.keys(e).sort();
-      for (; !rl(i = _t4.pop());) rl(e[i]) || (o += i + ":" + pl(e[i]) + ",");
+      var _t5 = nl.keys(e).sort();
+      for (; !rl(i = _t5.pop());) rl(e[i]) || (o += i + ":" + pl(e[i]) + ",");
       ul.set(e, o);
     }
   }
@@ -9132,7 +9131,7 @@ function Il() {
     e[_key] = arguments[_key];
   }
   return vt(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-    var t, n, r, o, i, a, s, c, l, u, _e5, _r3, _o3, _n7, _o4, d;
+    var t, n, r, o, i, a, s, c, l, u, _e5, _r2, _o3, _n6, _o4, d;
     return _regeneratorRuntime().wrap(function _callee8$(_context8) {
       while (1) switch (_context8.prev = _context8.next) {
         case 0:
@@ -9243,12 +9242,12 @@ function Il() {
             _context8.next = 10;
             break;
           }
-          _e5 = n, _r3 = [], _o3 = t.keys();
-          for (_n7 = _o3.next(); !_n7.done; _n7 = _o3.next()) {
-            _o4 = _n7.value;
-            !/^\$(inf|sub)\$/.test(_o4) && _e5(t.get(_o4)._k) && _r3.push(_o4);
+          _e5 = n, _r2 = [], _o3 = t.keys();
+          for (_n6 = _o3.next(); !_n6.done; _n6 = _o3.next()) {
+            _o4 = _n6.value;
+            !/^\$(inf|sub)\$/.test(_o4) && _e5(t.get(_o4)._k) && _r2.push(_o4);
           }
-          return _context8.abrupt("return", Promise.all(_r3.map(d)));
+          return _context8.abrupt("return", Promise.all(_r2.map(d)));
         case 10:
           return _context8.abrupt("return", d(n));
         case 11:
@@ -9259,12 +9258,12 @@ function Il() {
   }));
 }
 var Ml = function Ml(e, t) {
-    for (var _n8 in e) e[_n8][0] && e[_n8][0](t);
+    for (var _n7 in e) e[_n7][0] && e[_n7][0](t);
   },
   _ref8 = function (e, t) {
     if (!Yc.has(e)) {
-      var _n9 = il(_l, t),
-        _r4 = {},
+      var _n8 = il(_l, t),
+        _r3 = {},
         _o5 = Il.bind(tl, e);
       var _i4 = el;
       var _a3 = {},
@@ -9293,11 +9292,11 @@ var Ml = function Ml(e, t) {
           }
         },
         _l3 = function _l3() {
-          if (!Yc.has(e) && (Yc.set(e, [_r4, {}, {}, {}, _o5, _c3, _s3]), !vl)) {
-            var _t5 = _n9.initFocus(setTimeout.bind(tl, Ml.bind(tl, _r4, 0))),
-              _o6 = _n9.initReconnect(setTimeout.bind(tl, Ml.bind(tl, _r4, 1)));
+          if (!Yc.has(e) && (Yc.set(e, [_r3, {}, {}, {}, _o5, _c3, _s3]), !vl)) {
+            var _t6 = _n8.initFocus(setTimeout.bind(tl, Ml.bind(tl, _r3, 0))),
+              _o6 = _n8.initReconnect(setTimeout.bind(tl, Ml.bind(tl, _r3, 1)));
             _i4 = function _i4() {
-              _t5 && _t5(), _o6 && _o6(), Yc["delete"](e);
+              _t6 && _t6(), _o6 && _o6(), Yc["delete"](e);
             };
           }
         };
@@ -9404,8 +9403,8 @@ var $l,
       T = rl(a) ? n.fallback[g] : a,
       I = function I(e, t) {
         var n = !0;
-        for (var _r5 in P) {
-          var _i5 = _r5;
+        for (var _r4 in P) {
+          var _i5 = _r4;
           "data" === _i5 ? o(t[_i5], e[_i5]) || rl(e[_i5]) && o(t[_i5], N) || (n = !1) : t[_i5] !== e[_i5] && (n = !1);
         }
         return n;
@@ -9449,7 +9448,7 @@ var $l,
       H = rl(B.isLoading) ? Q : B.isLoading,
       K = Yn(function (e) {
         return vt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-          var t, r, i, a, s, c, l, u, d, p, w, _f$g, _e7, _s4, _t6, _n10;
+          var t, r, i, a, s, c, l, u, d, p, w, _f$g, _e7, _s4, _t7, _n9;
           return _regeneratorRuntime().wrap(function _callee9$(_context9) {
             while (1) switch (_context9.prev = _context9.next) {
               case 0:
@@ -9507,8 +9506,8 @@ var $l,
                 _context9.prev = 23;
                 _context9.t0 = _context9["catch"](6);
                 p();
-                _t6 = k(), _n10 = _t6.shouldRetryOnError;
-                _t6.isPaused() || (u.error = _context9.t0, c && l() && (_t6.onError(_context9.t0, g, _t6), (!0 === _n10 || ol(_n10) && _n10(_context9.t0)) && E() && _t6.onErrorRetry(_context9.t0, g, _t6, function (e) {
+                _t7 = k(), _n9 = _t7.shouldRetryOnError;
+                _t7.isPaused() || (u.error = _context9.t0, c && l() && (_t7.onError(_context9.t0, g, _t7), (!0 === _n9 || ol(_n9) && _n9(_context9.t0)) && E() && _t7.onErrorRetry(_context9.t0, g, _t7, function (e) {
                   var t = h[g];
                   t && t[0] && t[0](Tl, e);
                 }, {
@@ -9545,8 +9544,8 @@ var $l,
       }(g, h, function (n) {
         var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         if (n == xl) {
-          var _n11 = Date.now();
-          k().revalidateOnFocus && _n11 > t && E() && (t = _n11 + k().focusThrottleInterval, e());
+          var _n10 = Date.now();
+          k().revalidateOnFocus && _n10 > t && E() && (t = _n10 + k().focusThrottleInterval, e());
         } else if (n == Ol) k().revalidateOnReconnect && E() && e();else {
           if (n == Pl) return K();
           if (n == Tl) return K(r);
@@ -9601,11 +9600,11 @@ var $l,
       i = function (e, t) {
         var n = il(e, t);
         if (t) {
-          var _r6 = e.use,
+          var _r5 = e.use,
             _o7 = e.fallback,
             _i6 = t.use,
             _a4 = t.fallback;
-          _r6 && _i6 && (n.use = _r6.concat(_i6)), _o7 && _a4 && (n.fallback = il(_o7, _a4));
+          _r5 && _i6 && (n.use = _r5.concat(_i6)), _o7 && _a4 && (n.fallback = il(_o7, _a4));
         }
         return n;
       }(t, o);
@@ -9651,9 +9650,9 @@ var Kl = function (e, t) {
           i = Yn(function (e) {
             var i = !1;
             var a = r.current;
-            for (var _t7 in e) {
-              var _n12 = _t7;
-              a[_n12] !== e[_n12] && (a[_n12] = e[_n12], o.current[_n12] && (i = !0));
+            for (var _t8 in e) {
+              var _n11 = _t8;
+              a[_n11] !== e[_n11] && (a[_n11] = e[_n11], o.current[_n11] && (i = !0));
             }
             i && !n.current && (Al ? t({}) : lo.startTransition(function () {
               return t({});
@@ -9676,7 +9675,7 @@ var Kl = function (e, t) {
       d = c.current,
       p = Yn(function (e, t) {
         return vt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-          var _El5, _El6, n, c, l, d, _t8;
+          var _El5, _El6, n, c, l, d, _t9;
           return _regeneratorRuntime().wrap(function _callee10$(_context10) {
             while (1) switch (_context10.prev = _context10.next) {
               case 0:
@@ -9708,12 +9707,12 @@ var Kl = function (e, t) {
                   throwOnError: !0
                 }));
               case 10:
-                _t8 = _context10.sent;
+                _t9 = _context10.sent;
                 return _context10.abrupt("return", (s.current <= d && (u({
-                  data: _t8,
+                  data: _t9,
                   isMutating: !1,
                   error: void 0
-                }), null == l.onSuccess || l.onSuccess(_t8, n, l)), _t8));
+                }), null == l.onSuccess || l.onSuccess(_t9, n, l)), _t9));
               case 14:
                 _context10.prev = 14;
                 _context10.t0 = _context10["catch"](7);
@@ -10811,9 +10810,9 @@ var Uu = za(Dc)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral
           return null !== e;
         });
       if (n) {
-        var _n13 = e.indexOf(v.passwords),
+        var _n12 = e.indexOf(v.passwords),
           _o8 = e.indexOf(v.emailMagicLinks),
-          _i7 = Math.min(_n13, _o8),
+          _i7 = Math.min(_n12, _o8),
           _a5 = t === y.Organization ? Nu.PasswordEMLCombined : Nu.MagicLinkEmailDiscoveryForm;
         r.splice(_i7, 0, _a5);
       }
@@ -12555,12 +12554,12 @@ var $d = function $d() {
       o = n <= 0;
     Vn(function () {
       if (!o) {
-        var _t9 = function _t9() {
+        var _t10 = function _t10() {
             return r(lp(e));
           },
-          _n14 = setInterval(_t9, 1e3);
-        return _t9(), function () {
-          return clearInterval(_n14);
+          _n13 = setInterval(_t10, 1e3);
+        return _t10(), function () {
+          return clearInterval(_n13);
         };
       }
     }, [o, e]);
@@ -12696,7 +12695,11 @@ var $d = function $d() {
         return !i && c.includes(b.totp) && (0 === p.length || p.includes(b.totp));
       }, [c, i, p]),
       w = A ? "Invalid passcode, please try again." : void 0,
-      k = i;
+      k = Jn(function () {
+        return i || 0 === c.length || p.length > 0 && !c.some(function (e) {
+          return p.includes(e);
+        });
+      }, [c, i, p]);
     return lo.createElement(Dc, {
       direction: "column",
       gap: 24
@@ -13217,7 +13220,7 @@ var mp = za.button(_templateObject44 || (_templateObject44 = _taggedTemplateLite
     return null;
   } : function (e) {
     if (e.config.enableShadowDOM) {
-      var _t10 = function (e, t) {
+      var _t11 = function (e, t) {
         var n = customElements.get(t);
         if (n) return n;
         var r = /*#__PURE__*/function (_HTMLElement) {
@@ -13243,8 +13246,8 @@ var mp = za.button(_templateObject44 || (_templateObject44 = _taggedTemplateLite
           }, {
             key: "renderOneTap",
             value: function renderOneTap(e) {
-              var t, n, _r7;
-              var o = null === (_r7 = null === (n = null === (t = null == e ? void 0 : e.config) || void 0 === t ? void 0 : t.oauthOptions) || void 0 === n ? void 0 : n.providers) || void 0 === _r7 ? void 0 : _r7.find(function (e) {
+              var t, n, _r6;
+              var o = null === (_r6 = null === (n = null === (t = null == e ? void 0 : e.config) || void 0 === t ? void 0 : t.oauthOptions) || void 0 === n ? void 0 : n.providers) || void 0 === _r6 ? void 0 : _r6.find(function (e) {
                   return e.type === h.Google && e.one_tap;
                 }),
                 i = this.innerHTML.includes(Fa);
@@ -13264,10 +13267,10 @@ var mp = za.button(_templateObject44 || (_templateObject44 = _taggedTemplateLite
         }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
         return customElements.define(t, r), r;
       }(Op, Pp);
-      return new _t10(e);
+      return new _t11(e);
     }
     {
-      var _t11 = function (e, t) {
+      var _t12 = function (e, t) {
         var n = customElements.get(t);
         if (n) return n;
         var r = /*#__PURE__*/function (_HTMLElement2) {
@@ -13302,7 +13305,7 @@ var mp = za.button(_templateObject44 || (_templateObject44 = _taggedTemplateLite
         }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
         return customElements.define(t, r), r;
       }(Op, Pp);
-      return new _t11(e);
+      return new _t12(e);
     }
   });
 var Op, Pp;

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

@@ -140,7 +140,7 @@ var h, p, f, _, m, v, b;
 }(p || (p = {})), function (e) {
   e.Vessel = "Vessel", e.Phantom = "Phantom", e.Metamask = "Metamask", e.Coinbase = "Coinbase", e.Binance = "Binance", e.GenericEthereumWallet = "Other Ethereum Wallet", e.GenericSolanaWallet = "Other Solana Wallet";
 }(f || (f = {})), function (e) {
-  e.embedded = "embedded", e.floating = "floating";
+  e.embedded = "embedded", e.floating = "floating", e.embeddedOnly = "embeddedOnly", e.floatingOrEmbedded = "floatingOrEmbedded", e.forceLegacyEmbedded = "forceLegacyEmbedded";
 }(_ || (_ = {})), function (e) {
   e.SMS = "sms", e.WhatsApp = "whatsapp", e.Email = "email";
 }(m || (m = {})), function (e) {
@@ -4006,7 +4006,7 @@ var yt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.7"
+          version: "4.8.0"
         }
       });
     }