@stytch/vanilla-js 4.1.0 → 4.1.1

package/dist/index.js

@@ -3746,7 +3746,7 @@ var It = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.1.0"
+          version: "4.1.1"
         }
       });
     }
@@ -4309,7 +4309,7 @@ var Vt = /*#__PURE__*/function () {
       removeItem: function removeItem(e) {
         return sessionStorage.removeItem(Zt(_this7.publicToken, e));
       }
-    }, this.publicToken = e, this.state = null, this.subscriptions = {}, (null == t ? void 0 : t.cookieOptions) ? (Re("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) ? (Re("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(Zt(this.publicToken));
     if (!n) return;
     var r;
@@ -4435,6 +4435,15 @@ var Vt = /*#__PURE__*/function () {
     value: function removeItem(e) {
       return localStorage.removeItem(Zt(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) {
@@ -4494,13 +4503,13 @@ var Kt = Symbol["for"]("__stytch_DataLayer"),
   });
 var Xt = /*#__PURE__*/function () {
   function Xt(e, t) {
-    var _this9 = this;
+    var _this10 = this;
     _classCallCheck(this, Xt);
     this._publicToken = e, this._datalayer = t, this._listen = function (e) {
-      if (e.key !== Zt(_this9._publicToken)) return;
-      if (null === e.newValue || "null" === e.newValue) return void _this9.destroyState();
+      if (e.key !== Zt(_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;
@@ -4537,7 +4546,9 @@ var Xt = /*#__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, Jt(t, n) || Yt(this._datalayer.subscriptions, n);
+      this._datalayer.state = n;
+      var r = e.state ? Object.keys(e.state) : [];
+      !this._datalayer.markStateKeysUpdated(r) && Jt(t, n) || Yt(this._datalayer.subscriptions, n);
     }
   }, {
     key: "updateStateAndTokens",
@@ -4549,7 +4560,11 @@ var Xt = /*#__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, Jt(t, n) || (Yt(this._datalayer.subscriptions, n), this._datalayer.syncToLocalStorage());
+      this._datalayer.state = n;
+      var r = e ? Object.keys(e) : [],
+        o = this._datalayer.markStateKeysUpdated(r),
+        i = !Jt(t, n);
+      (o || i) && (Yt(this._datalayer.subscriptions, n), i && this._datalayer.syncToLocalStorage());
     }
   }, {
     key: "updateTokens",
@@ -4595,20 +4610,20 @@ var $t = /*#__PURE__*/function (_Xt) {
   _inherits($t, _Xt);
   var _super3 = _createSuper($t);
   function $t() {
-    var _this10;
+    var _this11;
     _classCallCheck(this, $t);
-    _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($t);
 }(Xt);
@@ -4619,7 +4634,7 @@ var en = Symbol["for"]("stytch__internal_b2c"),
     return t[en];
   };
 var nn = /*#__PURE__*/_createClass(function nn(e, t) {
-  var _this11 = this;
+  var _this12 = this;
   _classCallCheck(this, nn);
   var n;
   Ne("StytchHeadlessClient"), "string" != typeof (n = e) ? Be("Public token is malformed. Expected a string, got ".concat(te(n), ".").concat(De)) : "" === n ? Be('Public token is malformed. Expected "public-token-...", got an empty string.'.concat(De)) : n.startsWith("public-token-") || Be('Public token is malformed. Expected "public-token-...", got '.concat(n, ".").concat(De));
@@ -4642,8 +4657,8 @@ var nn = /*#__PURE__*/_createClass(function nn(e, t) {
   this._networkClient = new It(e, this._dataLayer, o.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 St(e, this._networkClient, this._dataLayer),
@@ -7006,12 +7021,12 @@ function us(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",
@@ -7057,10 +7072,10 @@ function us(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",
@@ -14742,13 +14757,13 @@ exports.BiometricsFailedError = Q, exports.BiometricsUnavailableError = k, expor
   _inherits(_class, _nn);
   var _super6 = _createSuper(_class);
   function _class() {
-    var _this14;
+    var _this15;
     _classCallCheck(this, _class);
     for (var _len7 = arguments.length, e = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
       e[_key7] = arguments[_key7];
     }
-    Ne("StytchUIClient"), _this14 = _super6.call.apply(_super6, [this].concat(e));
-    return _this14;
+    Ne("StytchUIClient"), _this15 = _super6.call.apply(_super6, [this].concat(e));
+    return _this15;
   }
   _createClass(_class, [{
     key: "mountLogin",

package/package.json

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