@suprsend/web-sdk 4.1.0 → 4.1.1

package/dist/es/index.js

@@ -5,7 +5,7 @@ import K from "mitt";
 import x from "jwt-decode";
 import { createStore as B } from "zustand/vanilla";
 import { io as Q } from "socket.io-client";
-var p = /* @__PURE__ */ ((a) => (a.OPT_IN = "opt_in", a.OPT_OUT = "opt_out", a))(p || {}), D = /* @__PURE__ */ ((a) => (a.ALL = "all", a.REQUIRED = "required", a))(D || {}), d = /* @__PURE__ */ ((a) => (a.VALIDATION_ERROR = "VALIDATION_ERROR", a.NETWORK_ERROR = "NETWORK_ERROR", a.UNKNOWN_ERROR = "UNKNOWN_ERROR", a.PERMISSION_DENIED = "PERMISSION_DENIED", a.UNSUPPORTED_ACTION = "UNSUPPORTED_ACTION", a.NOT_FOUND = "NOT_FOUND", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.SUCCESS = "success", a.ERROR = "error", a))(n || {}), _ = /* @__PURE__ */ ((a) => (a.INITIAL = "INITIAL", a.LOADING = "LOADING", a.SUCCESS = "SUCCESS", a.ERROR = "ERROR", a.FETCHING_MORE = "FETCHING_MORE", a))(_ || {});
+var p = /* @__PURE__ */ ((a) => (a.OPT_IN = "opt_in", a.OPT_OUT = "opt_out", a))(p || {}), C = /* @__PURE__ */ ((a) => (a.ALL = "all", a.REQUIRED = "required", a))(C || {}), d = /* @__PURE__ */ ((a) => (a.VALIDATION_ERROR = "VALIDATION_ERROR", a.NETWORK_ERROR = "NETWORK_ERROR", a.UNKNOWN_ERROR = "UNKNOWN_ERROR", a.PERMISSION_DENIED = "PERMISSION_DENIED", a.UNSUPPORTED_ACTION = "UNSUPPORTED_ACTION", a.NOT_FOUND = "NOT_FOUND", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.SUCCESS = "success", a.ERROR = "error", a))(n || {}), _ = /* @__PURE__ */ ((a) => (a.INITIAL = "INITIAL", a.LOADING = "LOADING", a.SUCCESS = "SUCCESS", a.ERROR = "ERROR", a.FETCHING_MORE = "FETCHING_MORE", a))(_ || {});
 function N() {
   let a = (/* @__PURE__ */ new Date()).getTime();
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
@@ -89,33 +89,36 @@ class U {
   requestApiInstance(e) {
     switch (e.type) {
       case "get":
-        return this.get(e.url);
+        return this.get(e.url, e.signal);
       case "post":
-        return this.post(e.url, (e == null ? void 0 : e.payload) || {});
+        return this.post(e.url, (e == null ? void 0 : e.payload) || {}, e.signal);
       case "patch":
-        return this.patch(e.url, (e == null ? void 0 : e.payload) || {});
+        return this.patch(e.url, (e == null ? void 0 : e.payload) || {}, e.signal);
       default:
-        return this.get(e.url);
+        return this.get(e.url, e.signal);
     }
   }
-  get(e) {
+  get(e, t) {
     return fetch(e, {
       method: "GET",
-      headers: this.getHeaders()
+      headers: this.getHeaders(),
+      signal: t
     });
   }
-  post(e, t) {
+  post(e, t, s) {
     return fetch(e, {
       method: "POST",
       body: JSON.stringify(t),
-      headers: this.getHeaders()
+      headers: this.getHeaders(),
+      signal: s
     });
   }
-  patch(e, t) {
+  patch(e, t, s) {
     return fetch(e, {
       method: "PATCH",
       body: JSON.stringify(t),
-      headers: this.getHeaders()
+      headers: this.getHeaders(),
+      signal: s
     });
   }
   async request(e) {
@@ -280,7 +283,7 @@ class q {
    * Used to update user's category level preference.
    */
   async updateCategoryPreference(e, t, s) {
-    var h, S, v, T, y;
+    var h, S, b, T, g;
     if (!e || ![p.OPT_IN, p.OPT_OUT].includes(
       t
     ))
@@ -303,13 +306,13 @@ class q {
       });
     let r = null, i = !1;
     for (const R of this.data.sections) {
-      let g = !1;
+      let y = !1;
       if (R.subcategories) {
         for (const O of R.subcategories)
           if (O.category === e)
             if (r = O, O.is_editable) {
               if (O.preference !== t) {
-                O.preference = t, i = !0, g = !0;
+                O.preference = t, i = !0, y = !0;
                 break;
               }
             } else
@@ -318,7 +321,7 @@ class q {
                 errorType: d.VALIDATION_ERROR,
                 errorMessage: "Category preference is not editable"
               });
-        if (g) break;
+        if (y) break;
       }
     }
     if (!r)
@@ -348,10 +351,10 @@ class q {
       l,
       r,
       {
-        tenant_id: (s == null ? void 0 : s.tenantId) || ((v = this.preferenceArgs) == null ? void 0 : v.tenantId),
+        tenant_id: (s == null ? void 0 : s.tenantId) || ((b = this.preferenceArgs) == null ? void 0 : b.tenantId),
         show_opt_out_channels: u,
         tags: (s == null ? void 0 : s.tags) || ((T = this.preferenceArgs) == null ? void 0 : T.tags),
-        locale: (s == null ? void 0 : s.locale) || ((y = this.preferenceArgs) == null ? void 0 : y.locale)
+        locale: (s == null ? void 0 : s.locale) || ((g = this.preferenceArgs) == null ? void 0 : g.locale)
       }
     ), o({
       status: n.SUCCESS,
@@ -362,7 +365,7 @@ class q {
    * Used to update user's category level channel preference.
    */
   async updateChannelPreferenceInCategory(e, t, s, r) {
-    var T, y, R, g, O;
+    var T, g, R, y, O;
     if (!e || !s)
       return o({
         status: n.ERROR,
@@ -391,7 +394,7 @@ class q {
       });
     let i = null, c = null, u = !1;
     for (const m of this.data.sections) {
-      let b = !1;
+      let v = !1;
       if (m.subcategories) {
         for (const E of m.subcategories) {
           if (E.category === s) {
@@ -400,7 +403,7 @@ class q {
               if (w.channel === e)
                 if (c = w, w.is_editable) {
                   if (w.preference !== t) {
-                    w.preference = t, t === p.OPT_IN && (E.preference = p.OPT_IN), u = !0, b = !0;
+                    w.preference = t, t === p.OPT_IN && (E.preference = p.OPT_IN), u = !0, v = !0;
                     break;
                   }
                 } else
@@ -410,9 +413,9 @@ class q {
                     errorMessage: "Channel preference is not editable"
                   });
           }
-          if (b) break;
+          if (v) break;
         }
-        if (b) break;
+        if (v) break;
       }
     }
     if (!i)
@@ -437,20 +440,20 @@ class q {
       m.preference === p.OPT_OUT && l.push(m.channel);
     });
     let h = !0;
-    typeof (r == null ? void 0 : r.showOptOutChannels) == "boolean" ? h = r == null ? void 0 : r.showOptOutChannels : typeof ((y = this.preferenceArgs) == null ? void 0 : y.showOptOutChannels) == "boolean" && (h = this.preferenceArgs.showOptOutChannels);
-    const v = {
+    typeof (r == null ? void 0 : r.showOptOutChannels) == "boolean" ? h = r == null ? void 0 : r.showOptOutChannels : typeof ((g = this.preferenceArgs) == null ? void 0 : g.showOptOutChannels) == "boolean" && (h = this.preferenceArgs.showOptOutChannels);
+    const b = {
       preference: h && i.preference === p.OPT_OUT && t === p.OPT_IN ? p.OPT_IN : i.preference,
       opt_out_channels: l
     };
     return this.debouncedUpdateCategoryPreferences(
       s,
       s,
-      v,
+      b,
       i,
       {
         tenant_id: (r == null ? void 0 : r.tenantId) || ((R = this.preferenceArgs) == null ? void 0 : R.tenantId),
         show_opt_out_channels: h,
-        tags: (r == null ? void 0 : r.tags) || ((g = this.preferenceArgs) == null ? void 0 : g.tags),
+        tags: (r == null ? void 0 : r.tags) || ((y = this.preferenceArgs) == null ? void 0 : y.tags),
         locale: (r == null ? void 0 : r.locale) || ((O = this.preferenceArgs) == null ? void 0 : O.locale)
       }
     ), o({
@@ -463,8 +466,8 @@ class q {
    */
   async updateOverallChannelPreference(e, t) {
     if (!e || ![
-      D.ALL,
-      D.REQUIRED
+      C.ALL,
+      C.REQUIRED
     ].includes(t))
       return o({
         status: n.ERROR,
@@ -484,7 +487,7 @@ class q {
         errorMessage: "Channel preferences doesn't exist"
       });
     let s = null, r = !1;
-    const i = t === D.REQUIRED;
+    const i = t === C.REQUIRED;
     for (const c of this.data.channel_preferences)
       if (c.channel === e && (s = c, c.is_restricted !== i)) {
         c.is_restricted = i, r = !0;
@@ -961,7 +964,7 @@ class te {
     return !!await this.getPushSubscription();
   }
 }
-const W = 20, se = "default", re = 100, C = {
+const W = 20, se = "default", re = 100, D = {
   storeId: "$suprsend_default_store",
   label: ""
 }, ie = {
@@ -974,7 +977,7 @@ const W = 20, se = "default", re = 100, C = {
   }
 }, P = {
   notifications: [],
-  store: C,
+  store: D,
   pageInfo: {
     total: 0,
     pageSize: W,
@@ -1012,6 +1015,7 @@ class ae {
     f(this, "store");
     f(this, "socket");
     f(this, "expiryTimerId");
+    f(this, "fetchAbortController");
     f(this, "emitter", K());
     this.config = e, this.setOptions(t), this.store = this.createFeedStore();
   }
@@ -1052,7 +1056,7 @@ class ae {
       var e;
       return {
         ...P,
-        store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || C
+        store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || D
       };
     });
   }
@@ -1160,12 +1164,12 @@ class ae {
     }), this.emitter.emit("feed.store_update", this.data);
   }
   notificationBelongToStore(e, t) {
-    var g, O, m, b;
-    const s = !!e.read_on, r = e.archived, i = e.tags, c = e.n_category, u = (g = t == null ? void 0 : t.query) == null ? void 0 : g.read, l = (O = t == null ? void 0 : t.query) == null ? void 0 : O.archived, h = (m = t == null ? void 0 : t.query) == null ? void 0 : m.tags, S = (b = t == null ? void 0 : t.query) == null ? void 0 : b.categories, v = u == null || s === u, T = !!r == !!l;
-    let y = !1, R = !1;
+    var y, O, m, v;
+    const s = !!e.read_on, r = e.archived, i = e.tags, c = e.n_category, u = (y = t == null ? void 0 : t.query) == null ? void 0 : y.read, l = (O = t == null ? void 0 : t.query) == null ? void 0 : O.archived, h = (m = t == null ? void 0 : t.query) == null ? void 0 : m.tags, S = (v = t == null ? void 0 : t.query) == null ? void 0 : v.categories, b = u == null || s === u, T = !!r == !!l;
+    let g = !1, R = !1;
     return Array.isArray(h) && h.length > 0 ? h.forEach((E) => {
-      i != null && i.includes(E) && (y = !0);
-    }) : y = !0, Array.isArray(S) && S.length > 0 ? S.includes(c) && (R = !0) : R = !0, v && y && R && T;
+      i != null && i.includes(E) && (g = !0);
+    }) : g = !0, Array.isArray(S) && S.length > 0 ? S.includes(c) && (R = !0) : R = !0, b && g && R && T;
   }
   orderNotificationsBasedOnPinFlag(e, t) {
     if (e.is_pinned)
@@ -1233,7 +1237,7 @@ class ae {
     const s = (r = this.feedOptions.stores) == null ? void 0 : r.find(
       (i) => i.storeId === e
     );
-    return s ? (this.store.setState({
+    return s ? (this.fetchAbortController && (this.fetchAbortController.abort(), this.fetchAbortController = void 0), this.store.setState({
       ...P,
       store: s,
       meta: t.meta
@@ -1284,27 +1288,30 @@ class ae {
       distinct_id: this.config.distinctId,
       tenant_id: this.feedOptions.tenantId,
       page_size: s,
-      store: t.store.storeId !== C.storeId ? this.storeQueryParamObj(t.store) : null
+      store: t.store.storeId !== D.storeId ? this.storeQueryParamObj(t.store) : null
     };
     if (t.notifications.length > 0) {
-      const u = t.notifications[t.notifications.length - 1];
+      const l = t.notifications[t.notifications.length - 1];
       r.search_after = [
-        u.is_pinned,
-        u.created_on
+        l.is_pinned,
+        l.created_on
       ];
     } else
       r.search_after = [];
-    const i = this.getUrl("notifications", r), c = await this.config.client().request({ type: "get", url: i });
-    return c.status === n.ERROR ? (this.store.setState({ apiStatus: _.ERROR }), this.emitter.emit("feed.store_update", this.data), c) : (this.store.setState({
-      apiStatus: _.SUCCESS,
-      notifications: t.isFirstFetch ? c.body.results : [...t.notifications, ...c.body.results],
-      pageInfo: {
-        ...t.pageInfo,
-        total: c.body.meta.total_count,
-        hasMore: c.body.meta.has_more
-      },
-      isFirstFetch: !1
-    }), this.emitter.emit("feed.store_update", this.data), this.startExpiryTimer(), c);
+    const i = this.getUrl("notifications", r), c = new AbortController();
+    this.fetchAbortController = c;
+    const u = await this.config.client().request({ type: "get", url: i, signal: c.signal });
+    if (!c.signal.aborted)
+      return u.status === n.ERROR ? (this.store.setState({ apiStatus: _.ERROR }), this.emitter.emit("feed.store_update", this.data), u) : (this.store.setState({
+        apiStatus: _.SUCCESS,
+        notifications: t.isFirstFetch ? u.body.results : [...t.notifications, ...u.body.results],
+        pageInfo: {
+          ...t.pageInfo,
+          total: u.body.meta.total_count,
+          hasMore: u.body.meta.has_more
+        },
+        isFirstFetch: !1
+      }), this.emitter.emit("feed.store_update", this.data), this.startExpiryTimer(), u);
   }
   // TODO: support other stores
   async fetchNextPage() {
@@ -1431,7 +1438,7 @@ class ae {
     var e;
     this.store.setState({
       ...P,
-      store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || C
+      store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || D
     }), this.emitter.emit("feed.store_update", this.data), this.expiryTimerId && (clearInterval(this.expiryTimerId), this.expiryTimerId = void 0);
   }
   remove() {
@@ -1567,7 +1574,7 @@ class pe {
 }
 export {
   _ as ApiResponseStatus,
-  D as ChannelLevelPreferenceOptions,
+  C as ChannelLevelPreferenceOptions,
   d as ERROR_TYPE,
   ae as Feed,
   p as PreferenceOptions,