@stytch/vanilla-js 4.7.4 → 4.7.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stytch/vanilla-js
 
+## 4.7.5
+
+### Patch Changes
+
+- 7bce4c1: Fix race condition that could lead to high CPU usage with multiple tabs open
+
 ## 4.7.4
 
 ### Patch Changes

package/dist/b2b/index.esm.js

@@ -4125,7 +4125,7 @@ var wt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4615,7 +4615,7 @@ var Ft = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Pt(_this7._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this7.updateState(t);
+      _this7.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       n = _this$_datalayer$read.session_token;
@@ -4669,13 +4669,14 @@ var Ft = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var r = e ? Object.keys(e) : [],
-        o = this._datalayer.markStateKeysUpdated(r),
-        i = !zt(t, n);
-      (o || i) && (Lt(this._datalayer.subscriptions, n), i && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var n = this._datalayer.state,
+        r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = r;
+      var o = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(o),
+        a = !zt(n, r);
+      (i || a) && (Lt(this._datalayer.subscriptions, r), a && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

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

@@ -4001,7 +4001,7 @@ var yt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4490,7 +4490,7 @@ var Mt = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Ot(_this7._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this7.updateState(t);
+      _this7.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4544,13 +4544,14 @@ var Mt = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var n = e ? Object.keys(e) : [],
-        i = this._datalayer.markStateKeysUpdated(n),
-        o = !Lt(t, r);
-      (i || o) && (Ft(this._datalayer.subscriptions, r), o && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var r = this._datalayer.state,
+        n = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = n;
+      var i = e ? Object.keys(e) : [],
+        o = this._datalayer.markStateKeysUpdated(i),
+        s = !Lt(r, n);
+      (o || s) && (Ft(this._datalayer.subscriptions, n), s && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/b2b/index.headless.js

@@ -3912,7 +3912,7 @@ var yt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4401,7 +4401,7 @@ var Ft = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Ct(_this7._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this7.updateState(t);
+      _this7.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4455,13 +4455,14 @@ var Ft = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var n = e ? Object.keys(e) : [],
-        i = this._datalayer.markStateKeysUpdated(n),
-        o = !Mt(t, r);
-      (i || o) && (Bt(this._datalayer.subscriptions, r), o && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var r = this._datalayer.state,
+        n = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = n;
+      var i = e ? Object.keys(e) : [],
+        o = this._datalayer.markStateKeysUpdated(i),
+        s = !Mt(r, n);
+      (o || s) && (Bt(this._datalayer.subscriptions, n), s && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/b2b/index.js

@@ -4036,7 +4036,7 @@ var bt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4526,7 +4526,7 @@ var zt = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Ot(_this7._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this7.updateState(t);
+      _this7.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       n = _this$_datalayer$read.session_token;
@@ -4580,13 +4580,14 @@ var zt = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var r = e ? Object.keys(e) : [],
-        o = this._datalayer.markStateKeysUpdated(r),
-        i = !Lt(t, n);
-      (o || i) && (Dt(this._datalayer.subscriptions, n), i && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var n = this._datalayer.state,
+        r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = r;
+      var o = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(o),
+        s = !Lt(n, r);
+      (i || s) && (Dt(this._datalayer.subscriptions, r), s && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/index.esm.js

@@ -3927,7 +3927,7 @@ var qt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4655,7 +4655,7 @@ var yn = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== cn(_this10._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this10.updateState(t);
+      _this10.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       n = _this$_datalayer$read.session_token;
@@ -4709,13 +4709,14 @@ var yn = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var r = e ? Object.keys(e) : [],
-        o = this._datalayer.markStateKeysUpdated(r),
-        i = !An(t, n);
-      (o || i) && (gn(this._datalayer.subscriptions, n), i && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var n = this._datalayer.state,
+        r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = r;
+      var o = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(o),
+        a = !An(n, r);
+      (i || a) && (gn(this._datalayer.subscriptions, r), a && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/index.headless.esm.js

@@ -3786,7 +3786,7 @@ var Ht = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4481,7 +4481,7 @@ var cr = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Zt(_this10._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this10.updateState(t);
+      _this10.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4535,13 +4535,14 @@ var cr = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var n = e ? Object.keys(e) : [],
-        i = this._datalayer.markStateKeysUpdated(n),
-        s = !ar(t, r);
-      (i || s) && (or(this._datalayer.subscriptions, r), s && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var r = this._datalayer.state,
+        n = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = n;
+      var i = e ? Object.keys(e) : [],
+        s = this._datalayer.markStateKeysUpdated(i),
+        o = !ar(r, n);
+      (s || o) && (or(this._datalayer.subscriptions, n), o && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/index.headless.js

@@ -3697,7 +3697,7 @@ var Wt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4392,7 +4392,7 @@ var ar = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== Xt(_this10._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this10.updateState(t);
+      _this10.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       r = _this$_datalayer$read.session_token;
@@ -4446,13 +4446,14 @@ var ar = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var n = e ? Object.keys(e) : [],
-        i = this._datalayer.markStateKeysUpdated(n),
-        s = !or(t, r);
-      (i || s) && (sr(this._datalayer.subscriptions, r), s && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var r = this._datalayer.state,
+        n = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = n;
+      var i = e ? Object.keys(e) : [],
+        s = this._datalayer.markStateKeysUpdated(i),
+        o = !or(r, n);
+      (s || o) && (sr(this._datalayer.subscriptions, n), o && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/dist/index.js

@@ -3838,7 +3838,7 @@ var Kt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.7.4"
+          version: "4.7.5"
         }
       });
     }
@@ -4566,7 +4566,7 @@ var An = /*#__PURE__*/function () {
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
       if (e.key !== sn(_this10._publicToken)) return;
       var t = null === e.newValue || "null" === e.newValue ? null : JSON.parse(e.newValue);
-      _this10.updateState(t);
+      _this10.updateState(t, !0);
     }, window.addEventListener("storage", this._listen);
     var _this$_datalayer$read = this._datalayer.readSessionCookie(),
       n = _this$_datalayer$read.session_token;
@@ -4620,13 +4620,14 @@ var An = /*#__PURE__*/function () {
   }, {
     key: "updateState",
     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;
-      var r = e ? Object.keys(e) : [],
-        o = this._datalayer.markStateKeysUpdated(r),
-        i = !gn(t, n);
-      (o || i) && (mn(this._datalayer.subscriptions, n), i && this._datalayer.syncToLocalStorage());
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      var n = this._datalayer.state,
+        r = null === e ? null : Object.assign(Object.assign({}, this._datalayer.state), e);
+      this._datalayer.state = r;
+      var o = e ? Object.keys(e) : [],
+        i = this._datalayer.markStateKeysUpdated(o),
+        a = !gn(n, r);
+      (i || a) && (mn(this._datalayer.subscriptions, r), a && !t && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/vanilla-js",
-  "version": "4.7.4",
+  "version": "4.7.5",
   "description": "Stytch's official Javascript Client Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",