@stytch/vanilla-js 4.1.0 → 4.1.1

package/dist/index.esm.js

@@ -3814,7 +3814,7 @@ var Qt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.1.0"
+          version: "4.1.1"
         }
       });
     }
@@ -4377,7 +4377,7 @@ var nn = /*#__PURE__*/function () {
       removeItem: function removeItem(e) {
         return sessionStorage.removeItem(tn(_this7.publicToken, e));
       }
-    }, this.publicToken = e, this.state = null, this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (Ke("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
+    }, this.publicToken = e, this.state = null, this.stateKeysUpdated = new Set(), this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (Ke("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
     var n = localStorage.getItem(tn(this.publicToken));
     if (!n) return;
     var r;
@@ -4503,6 +4503,15 @@ var nn = /*#__PURE__*/function () {
     value: function removeItem(e) {
       return localStorage.removeItem(tn(this.publicToken, e));
     }
+  }, {
+    key: "markStateKeysUpdated",
+    value: function markStateKeysUpdated(e) {
+      var _this9 = this;
+      var t = this.stateKeysUpdated.size;
+      return e.forEach(function (e) {
+        return _this9.stateKeysUpdated.add(e);
+      }), t !== this.stateKeysUpdated.size;
+    }
   }], [{
     key: "generateCookieOpts",
     value: function generateCookieOpts(_ref7) {
@@ -4562,13 +4571,13 @@ var on = Symbol["for"]("__stytch_DataLayer"),
   });
 var ln = /*#__PURE__*/function () {
   function ln(e, t) {
-    var _this9 = this;
+    var _this10 = this;
     _classCallCheck(this, ln);
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
-      if (e.key !== tn(_this9._publicToken)) return;
-      if (null === e.newValue || "null" === e.newValue) return void _this9.destroyState();
+      if (e.key !== tn(_this10._publicToken)) return;
+      if (null === e.newValue || "null" === e.newValue) return void _this10.destroyState();
       var t = JSON.parse(e.newValue);
-      _this9.updateState(t);
+      _this10.updateState(t);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       n = _this$_datalayer$read.session_token;
@@ -4605,7 +4614,9 @@ var ln = /*#__PURE__*/function () {
     value: function _updateStateAndTokensInternal(e) {
       var t = this._datalayer.state,
         n = null === e.state ? null : Object.assign(Object.assign({}, this._datalayer.state), e.state);
-      this._datalayer.state = n, cn(t, n) || sn(this._datalayer.subscriptions, n);
+      this._datalayer.state = n;
+      var r = e.state ? Object.keys(e.state) : [];
+      !this._datalayer.markStateKeysUpdated(r) && cn(t, n) || sn(this._datalayer.subscriptions, n);
     }
   }, {
     key: "updateStateAndTokens",
@@ -4617,7 +4628,11 @@ var ln = /*#__PURE__*/function () {
     value: function updateState(e) {
       var t = this._datalayer.state,
         n = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
-      this._datalayer.state = n, cn(t, n) || (sn(this._datalayer.subscriptions, n), this._datalayer.syncToLocalStorage());
+      this._datalayer.state = n;
+      var r = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(r),
+        o = !cn(t, n);
+      (i || o) && (sn(this._datalayer.subscriptions, n), o && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",
@@ -4663,20 +4678,20 @@ var un = /*#__PURE__*/function (_ln) {
   _inherits(un, _ln);
   var _super3 = _createSuper(un);
   function un() {
-    var _this10;
+    var _this11;
     _classCallCheck(this, un);
-    _this10 = _super3.apply(this, arguments), _this10.updateUser = function (e) {
-      return _this10.updateState({
+    _this11 = _super3.apply(this, arguments), _this11.updateUser = function (e) {
+      return _this11.updateState({
         user: e
       });
-    }, _this10.getUser = function () {
+    }, _this11.getUser = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
-    }, _this10.getSession = function () {
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
+    }, _this11.getSession = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
     };
-    return _this10;
+    return _this11;
   }
   return _createClass(un);
 }(ln);
@@ -4687,7 +4702,7 @@ var dn = Symbol["for"]("stytch__internal_b2c"),
     return t[dn];
   };
 var hn = /*#__PURE__*/_createClass(function hn(e, t) {
-  var _this11 = this;
+  var _this12 = this;
   _classCallCheck(this, hn);
   var n;
   Ge("StytchHeadlessClient"), "string" != typeof (n = e) ? Ze("Public token is malformed. Expected a string, got ".concat(de(n), ".").concat(Ve)) : "" === n ? Ze('Public token is malformed. Expected "public-token-...", got an empty string.'.concat(Ve)) : n.startsWith("public-token-") || Ze('Public token is malformed. Expected "public-token-...", got '.concat(n, ".").concat(Ve));
@@ -4710,8 +4725,8 @@ var hn = /*#__PURE__*/_createClass(function hn(e, t) {
   this._networkClient = new Qt(e, this._dataLayer, i.endpoints.sdkBackendURL, function () {
     var e, t, n, r;
     return {
-      stytch_user_id: null === (t = null === (e = _this11._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
-      stytch_session_id: null === (r = null === (n = _this11._dataLayer.state) || void 0 === n ? void 0 : n.session) || void 0 === r ? void 0 : r.session_id
+      stytch_user_id: null === (t = null === (e = _this12._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
+      stytch_session_id: null === (r = null === (n = _this12._dataLayer.state) || void 0 === n ? void 0 : n.session) || void 0 === r ? void 0 : r.session_id
     };
   });
   var a = new Dt(e, this._networkClient, this._dataLayer),
@@ -7074,12 +7089,12 @@ function _s(e, t) {
           _inherits(r, _HTMLElement);
           var _super4 = _createSuper(r);
           function r(e) {
-            var _this12;
+            var _this13;
             _classCallCheck(this, r);
-            _this12 = _super4.call(this), _this12.props = e, _this12.rootRef = _this12.attachShadow({
+            _this13 = _super4.call(this), _this13.props = e, _this13.rootRef = _this13.attachShadow({
               mode: "open"
             });
-            return _this12;
+            return _this13;
           }
           _createClass(r, [{
             key: "connectedCallback",
@@ -7125,10 +7140,10 @@ function _s(e, t) {
           _inherits(r, _HTMLElement2);
           var _super5 = _createSuper(r);
           function r(e) {
-            var _this13;
+            var _this14;
             _classCallCheck(this, r);
-            _this13 = _super5.call(this), _this13.props = e, _this13.rootRef = document.createElement("div"), _this13.append(_this13.rootRef);
-            return _this13;
+            _this14 = _super5.call(this), _this14.props = e, _this14.rootRef = document.createElement("div"), _this14.append(_this14.rootRef);
+            return _this14;
           }
           _createClass(r, [{
             key: "connectedCallback",
@@ -14810,13 +14825,13 @@ var _f = /*#__PURE__*/function (_hn) {
   _inherits(_f, _hn);
   var _super6 = _createSuper(_f);
   function _f() {
-    var _this14;
+    var _this15;
     _classCallCheck(this, _f);
     for (var _len7 = arguments.length, e = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
       e[_key7] = arguments[_key7];
     }
-    Ge("StytchUIClient"), _this14 = _super6.call.apply(_super6, [this].concat(e));
-    return _this14;
+    Ge("StytchUIClient"), _this15 = _super6.call.apply(_super6, [this].concat(e));
+    return _this15;
   }
   _createClass(_f, [{
     key: "mountLogin",

package/dist/index.headless.esm.js

@@ -3796,7 +3796,7 @@ var Nt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.1.0"
+          version: "4.1.1"
         }
       });
     }
@@ -4326,7 +4326,7 @@ var Jt = /*#__PURE__*/function () {
       removeItem: function removeItem(e) {
         return sessionStorage.removeItem(Vt(_this7.publicToken, e));
       }
-    }, this.publicToken = e, this.state = null, this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (ze("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
+    }, this.publicToken = e, this.state = null, this.stateKeysUpdated = new Set(), this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (ze("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
     var r = localStorage.getItem(Vt(this.publicToken));
     if (!r) return;
     var n;
@@ -4452,6 +4452,15 @@ var Jt = /*#__PURE__*/function () {
     value: function removeItem(e) {
       return localStorage.removeItem(Vt(this.publicToken, e));
     }
+  }, {
+    key: "markStateKeysUpdated",
+    value: function markStateKeysUpdated(e) {
+      var _this9 = this;
+      var t = this.stateKeysUpdated.size;
+      return e.forEach(function (e) {
+        return _this9.stateKeysUpdated.add(e);
+      }), t !== this.stateKeysUpdated.size;
+    }
   }], [{
     key: "generateCookieOpts",
     value: function generateCookieOpts(_ref7) {
@@ -4511,13 +4520,13 @@ var Xt = Symbol["for"]("__stytch_DataLayer"),
   });
 var tr = /*#__PURE__*/function () {
   function tr(e, t) {
-    var _this9 = this;
+    var _this10 = this;
     _classCallCheck(this, tr);
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
-      if (e.key !== Vt(_this9._publicToken)) return;
-      if (null === e.newValue || "null" === e.newValue) return void _this9.destroyState();
+      if (e.key !== Vt(_this10._publicToken)) return;
+      if (null === e.newValue || "null" === e.newValue) return void _this10.destroyState();
       var t = JSON.parse(e.newValue);
-      _this9.updateState(t);
+      _this10.updateState(t);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4554,7 +4563,9 @@ var tr = /*#__PURE__*/function () {
     value: function _updateStateAndTokensInternal(e) {
       var t = this._datalayer.state,
         r = null === e.state ? null : Object.assign(Object.assign({}, this._datalayer.state), e.state);
-      this._datalayer.state = r, er(t, r) || Qt(this._datalayer.subscriptions, r);
+      this._datalayer.state = r;
+      var n = e.state ? Object.keys(e.state) : [];
+      !this._datalayer.markStateKeysUpdated(n) && er(t, r) || Qt(this._datalayer.subscriptions, r);
     }
   }, {
     key: "updateStateAndTokens",
@@ -4566,7 +4577,11 @@ var tr = /*#__PURE__*/function () {
     value: function updateState(e) {
       var t = this._datalayer.state,
         r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
-      this._datalayer.state = r, er(t, r) || (Qt(this._datalayer.subscriptions, r), this._datalayer.syncToLocalStorage());
+      this._datalayer.state = r;
+      var n = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(n),
+        s = !er(t, r);
+      (i || s) && (Qt(this._datalayer.subscriptions, r), s && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",
@@ -4612,26 +4627,26 @@ var rr = /*#__PURE__*/function (_tr) {
   _inherits(rr, _tr);
   var _super3 = _createSuper(rr);
   function rr() {
-    var _this10;
+    var _this11;
     _classCallCheck(this, rr);
-    _this10 = _super3.apply(this, arguments), _this10.updateUser = function (e) {
-      return _this10.updateState({
+    _this11 = _super3.apply(this, arguments), _this11.updateUser = function (e) {
+      return _this11.updateState({
         user: e
       });
-    }, _this10.getUser = function () {
+    }, _this11.getUser = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
-    }, _this10.getSession = function () {
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
+    }, _this11.getSession = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
     };
-    return _this10;
+    return _this11;
   }
   return _createClass(rr);
 }(tr);
 var nr = Symbol["for"]("stytch__internal_b2c");
 var ir = /*#__PURE__*/_createClass(function ir(e, t) {
-  var _this11 = this;
+  var _this12 = this;
   _classCallCheck(this, ir);
   var r;
   !function (e) {
@@ -4655,8 +4670,8 @@ var ir = /*#__PURE__*/_createClass(function ir(e, t) {
   this._networkClient = new Nt(e, this._dataLayer, i.endpoints.sdkBackendURL, function () {
     var e, t, r, n;
     return {
-      stytch_user_id: null === (t = null === (e = _this11._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
-      stytch_session_id: null === (n = null === (r = _this11._dataLayer.state) || void 0 === r ? void 0 : r.session) || void 0 === n ? void 0 : n.session_id
+      stytch_user_id: null === (t = null === (e = _this12._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
+      stytch_session_id: null === (n = null === (r = _this12._dataLayer.state) || void 0 === r ? void 0 : r.session) || void 0 === n ? void 0 : n.session_id
     };
   });
   var v = new Ft(e, this._networkClient, this._dataLayer),

package/dist/index.headless.js

@@ -317,7 +317,7 @@ var y,
     }
     return r(o);
   }(),
-  N = function (e) {
+  U = function (e) {
     i(o, E);
     var t = s(o);
     function o() {
@@ -325,7 +325,7 @@ var y,
     }
     return r(o);
   }(),
-  U = function (e) {
+  N = function (e) {
     i(o, E);
     var t = s(o);
     function o() {
@@ -1179,7 +1179,7 @@ function Be(e, t) {
 function Me(e, t) {
   return new Promise(function (r, n) {
     var i = function (e) {
-      var t = Ne(e);
+      var t = Ue(e);
       if (t[0]) return t[0];
     }(e);
     if (i && "true" === i.dataset.loaded) try {
@@ -1203,10 +1203,10 @@ function Me(e, t) {
     });
   });
 }
-var Ne = function Ne(e) {
+var Ue = function Ue(e) {
   return document.querySelectorAll('script[src="'.concat(e, '"]'));
 };
-var Ue,
+var Ne,
   Ke = ["[Stytch]"],
   qe = function qe() {
     for (var e, t = arguments.length, r = new Array(t), n = 0; n < t; n++) r[n] = arguments[n];
@@ -1590,7 +1590,7 @@ var Ue,
   }();
 !function (e) {
   e.LoginOrCreateEML = "login_or_create_eml", e.LoginOrCreateOTP = "login_or_create_otp", e.ResetPassword = "reset_password";
-}(Ue || (Ue = {}));
+}(Ne || (Ne = {}));
 var Ze = pe(function e(t, r) {
     var n = this;
     fe(this, e), this._networkClient = t, this._subscriptionService = r, this.get = function () {
@@ -3714,7 +3714,7 @@ var Mt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.1.0"
+          version: "4.1.1"
         }
       });
     }
@@ -3828,12 +3828,12 @@ var Mt = /*#__PURE__*/function () {
   }]);
   return Mt;
 }();
-var Nt = /*#__PURE__*/function () {
-  function Nt(e, t, r) {
-    _classCallCheck(this, Nt);
+var Ut = /*#__PURE__*/function () {
+  function Ut(e, t, r) {
+    _classCallCheck(this, Ut);
     this._googleClient = e, this._publicToken = t, this._clientId = r;
   }
-  _createClass(Nt, [{
+  _createClass(Ut, [{
     key: "cancel",
     value: function cancel() {
       this._googleClient.cancel();
@@ -3885,12 +3885,12 @@ var Nt = /*#__PURE__*/function () {
       });
     }
   }]);
-  return Nt;
+  return Ut;
 }();
-var Ut = /*#__PURE__*/function () {
-  function Ut(e, t) {
+var Nt = /*#__PURE__*/function () {
+  function Nt(e, t) {
     var _this6 = this;
-    _classCallCheck(this, Ut);
+    _classCallCheck(this, Nt);
     this._publicToken = e, this.clientsideServices = t, this.createOnSuccessHandler = function (_ref5) {
       var e = _ref5.loginRedirectUrl,
         t = _ref5.signupRedirectUrl,
@@ -3923,7 +3923,7 @@ var Ut = /*#__PURE__*/function () {
       window.location.href = e;
     };
   }
-  _createClass(Ut, [{
+  _createClass(Nt, [{
     key: "createOneTapClient",
     value: function createOneTapClient() {
       return Ft(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
@@ -3957,7 +3957,7 @@ var Ut = /*#__PURE__*/function () {
               });
             case 12:
               _context8.t1 = !0;
-              _context8.t2 = Nt;
+              _context8.t2 = Ut;
               _context8.next = 16;
               return Be(Se, function () {
                 return window.google.accounts.id;
@@ -4028,10 +4028,10 @@ var Ut = /*#__PURE__*/function () {
   }, {
     key: "WillGoogleOneTapShowEmbedded",
     value: function WillGoogleOneTapShowEmbedded() {
-      return !Ut.WillGoogleOneTapShowBannerForUA(navigator.userAgent);
+      return !Nt.WillGoogleOneTapShowBannerForUA(navigator.userAgent);
     }
   }]);
-  return Ut;
+  return Nt;
 }();
 function Kt(e) {
   var t = e.toString(16);
@@ -4244,7 +4244,7 @@ var Vt = /*#__PURE__*/function () {
       removeItem: function removeItem(e) {
         return sessionStorage.removeItem(Yt(_this7.publicToken, e));
       }
-    }, this.publicToken = e, this.state = null, this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (He("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
+    }, this.publicToken = e, this.state = null, this.stateKeysUpdated = new Set(), this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (He("SubscriptionDataLayer").isOptionalString("cookieOptions.opaqueTokenCookieName", t.cookieOptions.opaqueTokenCookieName).isOptionalString("cookieOptions.jwtCookieName", t.cookieOptions.jwtCookieName).isOptionalString("cookieOptions.istCookieName", t.cookieOptions.istCookieName).isOptionalString("cookieOptions.path", t.cookieOptions.path).isOptionalString("cookieOptions.domain", t.cookieOptions.domain), this._jwtCookieName = t.cookieOptions.jwtCookieName || null, this._opaqueTokenCookieName = t.cookieOptions.opaqueTokenCookieName || null, this._cookiePath = t.cookieOptions.path || null, this._domain = t.cookieOptions.domain || null, this._cookieAvailableToSubdomains = t.cookieOptions.availableToSubdomains || !1, this._istCookieName = t.cookieOptions.istCookieName || null) : (this._opaqueTokenCookieName = null, this._jwtCookieName = null, this._cookiePath = null, this._domain = null, this._cookieAvailableToSubdomains = !1, this._istCookieName = null);
     var r = localStorage.getItem(Yt(this.publicToken));
     if (!r) return;
     var n;
@@ -4370,6 +4370,15 @@ var Vt = /*#__PURE__*/function () {
     value: function removeItem(e) {
       return localStorage.removeItem(Yt(this.publicToken, e));
     }
+  }, {
+    key: "markStateKeysUpdated",
+    value: function markStateKeysUpdated(e) {
+      var _this9 = this;
+      var t = this.stateKeysUpdated.size;
+      return e.forEach(function (e) {
+        return _this9.stateKeysUpdated.add(e);
+      }), t !== this.stateKeysUpdated.size;
+    }
   }], [{
     key: "generateCookieOpts",
     value: function generateCookieOpts(_ref7) {
@@ -4429,13 +4438,13 @@ var $t = Symbol["for"]("__stytch_DataLayer"),
   });
 var er = /*#__PURE__*/function () {
   function er(e, t) {
-    var _this9 = this;
+    var _this10 = this;
     _classCallCheck(this, er);
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
-      if (e.key !== Yt(_this9._publicToken)) return;
-      if (null === e.newValue || "null" === e.newValue) return void _this9.destroyState();
+      if (e.key !== Yt(_this10._publicToken)) return;
+      if (null === e.newValue || "null" === e.newValue) return void _this10.destroyState();
       var t = JSON.parse(e.newValue);
-      _this9.updateState(t);
+      _this10.updateState(t);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4472,7 +4481,9 @@ var er = /*#__PURE__*/function () {
     value: function _updateStateAndTokensInternal(e) {
       var t = this._datalayer.state,
         r = null === e.state ? null : Object.assign(Object.assign({}, this._datalayer.state), e.state);
-      this._datalayer.state = r, Qt(t, r) || Zt(this._datalayer.subscriptions, r);
+      this._datalayer.state = r;
+      var n = e.state ? Object.keys(e.state) : [];
+      !this._datalayer.markStateKeysUpdated(n) && Qt(t, r) || Zt(this._datalayer.subscriptions, r);
     }
   }, {
     key: "updateStateAndTokens",
@@ -4484,7 +4495,11 @@ var er = /*#__PURE__*/function () {
     value: function updateState(e) {
       var t = this._datalayer.state,
         r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
-      this._datalayer.state = r, Qt(t, r) || (Zt(this._datalayer.subscriptions, r), this._datalayer.syncToLocalStorage());
+      this._datalayer.state = r;
+      var n = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(n),
+        s = !Qt(t, r);
+      (i || s) && (Zt(this._datalayer.subscriptions, r), s && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",
@@ -4530,27 +4545,27 @@ var tr = /*#__PURE__*/function (_er) {
   _inherits(tr, _er);
   var _super3 = _createSuper(tr);
   function tr() {
-    var _this10;
+    var _this11;
     _classCallCheck(this, tr);
-    _this10 = _super3.apply(this, arguments), _this10.updateUser = function (e) {
-      return _this10.updateState({
+    _this11 = _super3.apply(this, arguments), _this11.updateUser = function (e) {
+      return _this11.updateState({
         user: e
       });
-    }, _this10.getUser = function () {
+    }, _this11.getUser = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
-    }, _this10.getSession = function () {
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.user) && void 0 !== t ? t : null;
+    }, _this11.getSession = function () {
       var e, t;
-      return null !== (t = null === (e = _this10.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
+      return null !== (t = null === (e = _this11.getState()) || void 0 === e ? void 0 : e.session) && void 0 !== t ? t : null;
     };
-    return _this10;
+    return _this11;
   }
   return _createClass(tr);
 }(er);
 var rr = Symbol["for"]("stytch__internal_b2c");
-exports.BiometricsFailedError = X, exports.BiometricsUnavailableError = F, exports.ChallengeSigningFailedError = z, exports.DeviceCredentialsNotAllowedError = U, exports.FailedCodeChallengeError = V, exports.FailedToDecryptDataError = $, exports.InternalError = R, exports.InvalidAuthorizationCredentialError = G, exports.InvalidCredentialTypeError = te, exports.InvalidRedirectSchemeError = Q, exports.InvalidStartUrlError = Z, exports.JSONDataNotConvertibleToStringError = ne, exports.KeyInvalidatedError = j, exports.KeystoreUnavailableError = L, exports.MissingAttestationObjectError = re, exports.MissingAuthorizationCredentialIDTokenError = W, exports.MissingGoogleClientIDError = K, exports.MissingPKCEError = q, exports.MissingPublicKeyError = H, exports.MissingUrlError = ee, exports.NoBiometricsEnrolledError = B, exports.NoBiometricsRegistrationError = I, exports.NoCurrentSessionError = D, exports.PasskeysInvalidEncoding = se, exports.PasskeysUnsupportedError = J, exports.RandomNumberGenerationFailed = ie, exports.SDKAPIUnreachableError = k, exports.SDKNotConfiguredError = Y, exports.StytchAPIError = T, exports.StytchAPISchemaError = A, exports.StytchAPIUnreachableError = O, exports.StytchError = C, exports.StytchHeadlessClient = /*#__PURE__*/function () {
+exports.BiometricsFailedError = X, exports.BiometricsUnavailableError = F, exports.ChallengeSigningFailedError = z, exports.DeviceCredentialsNotAllowedError = N, exports.FailedCodeChallengeError = V, exports.FailedToDecryptDataError = $, exports.InternalError = R, exports.InvalidAuthorizationCredentialError = G, exports.InvalidCredentialTypeError = te, exports.InvalidRedirectSchemeError = Q, exports.InvalidStartUrlError = Z, exports.JSONDataNotConvertibleToStringError = ne, exports.KeyInvalidatedError = j, exports.KeystoreUnavailableError = L, exports.MissingAttestationObjectError = re, exports.MissingAuthorizationCredentialIDTokenError = W, exports.MissingGoogleClientIDError = K, exports.MissingPKCEError = q, exports.MissingPublicKeyError = H, exports.MissingUrlError = ee, exports.NoBiometricsEnrolledError = B, exports.NoBiometricsRegistrationError = I, exports.NoCurrentSessionError = D, exports.PasskeysInvalidEncoding = se, exports.PasskeysUnsupportedError = J, exports.RandomNumberGenerationFailed = ie, exports.SDKAPIUnreachableError = k, exports.SDKNotConfiguredError = Y, exports.StytchAPIError = T, exports.StytchAPISchemaError = A, exports.StytchAPIUnreachableError = O, exports.StytchError = C, exports.StytchHeadlessClient = /*#__PURE__*/function () {
   function _class(e, t) {
-    var _this11 = this;
+    var _this12 = this;
     _classCallCheck(this, _class);
     var r;
     !function (e) {
@@ -4574,15 +4589,15 @@ exports.BiometricsFailedError = X, exports.BiometricsUnavailableError = F, expor
     this._networkClient = new Mt(e, this._dataLayer, i.endpoints.sdkBackendURL, function () {
       var e, t, r, n;
       return {
-        stytch_user_id: null === (t = null === (e = _this11._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
-        stytch_session_id: null === (n = null === (r = _this11._dataLayer.state) || void 0 === r ? void 0 : r.session) || void 0 === n ? void 0 : n.session_id
+        stytch_user_id: null === (t = null === (e = _this12._dataLayer.state) || void 0 === e ? void 0 : e.user) || void 0 === t ? void 0 : t.user_id,
+        stytch_session_id: null === (n = null === (r = _this12._dataLayer.state) || void 0 === r ? void 0 : r.session) || void 0 === n ? void 0 : n.session_id
       };
     });
     var m = new It(e, this._networkClient, this._dataLayer),
       y = new jt(m.getAsync()),
       g = new Ve(e, i.endpoints.dfpBackendURL, m.getAsync(), y.executeRecaptcha),
       b = new Lt(i.endpoints.clientsideServicesIframeURL),
-      k = new Ut(e, b),
+      k = new Nt(e, b),
       w = new Wt(this._networkClient);
     var S, x;
     this.user = new Ze(this._networkClient, this._subscriptionService), this.session = new Qe(this._networkClient, this._subscriptionService), this.magicLinks = new tt(this._networkClient, this._subscriptionService, new qt(this._dataLayer, "magic_links"), v, m.getAsync(), g), this.otps = new rt(this._networkClient, this._subscriptionService, y.executeRecaptcha, g), this.oauth = new Bt(this._networkClient, this._subscriptionService, new qt(this._dataLayer, "oauth"), m.getAsync(), {
@@ -4608,7 +4623,7 @@ exports.BiometricsFailedError = X, exports.BiometricsUnavailableError = F, expor
     }, Object.assign(S, _defineProperty({}, rr, x));
   }
   return _createClass(_class);
-}(), exports.StytchSDKAPIError = x, exports.StytchSDKError = E, exports.StytchSDKSchemaError = S, exports.StytchSDKUsageError = w, exports.UNRECOVERABLE_ERROR_TYPES = P, exports.UserCancellationError = M, exports.UserLockedOutError = N, exports.errorToStytchError = function (e) {
+}(), exports.StytchSDKAPIError = x, exports.StytchSDKError = E, exports.StytchSDKSchemaError = S, exports.StytchSDKUsageError = w, exports.UNRECOVERABLE_ERROR_TYPES = P, exports.UserCancellationError = M, exports.UserLockedOutError = U, exports.errorToStytchError = function (e) {
   switch (e.message) {
     case "internal_error":
       return new R(e.message);
@@ -4629,11 +4644,11 @@ exports.BiometricsFailedError = X, exports.BiometricsUnavailableError = F, expor
     case "keystore_unavailable":
       return new L();
     case "device_credentials_not_allowed":
-      return new U();
+      return new N();
     case "user_cancellation":
       return new M();
     case "user_locked_out":
-      return new N();
+      return new U();
     case "google_onetap_missing_id_token":
     case "oauth_apple_missing_id_token":
     case "missing_authorization_credential_id_token":