@suprsend/web-sdk 3.0.2 → 3.1.0

package/dist/es/index.js

@@ -1,12 +1,12 @@
 var K = Object.defineProperty;
 var W = (a, e, t) => e in a ? K(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var f = (a, e, t) => W(a, typeof e != "symbol" ? e + "" : e, t);
-import L from "mitt";
-import V from "jwt-decode";
+import V from "mitt";
+import x from "jwt-decode";
 import { createStore as z } from "zustand/vanilla";
 import { io as B } from "socket.io-client";
-var p = /* @__PURE__ */ ((a) => (a.OPT_IN = "opt_in", a.OPT_OUT = "opt_out", a))(p || {}), b = /* @__PURE__ */ ((a) => (a.ALL = "all", a.REQUIRED = "required", a))(b || {}), 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 A() {
+var p = /* @__PURE__ */ ((a) => (a.OPT_IN = "opt_in", a.OPT_OUT = "opt_out", a))(p || {}), w = /* @__PURE__ */ ((a) => (a.ALL = "all", a.REQUIRED = "required", a))(w || {}), 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 C() {
   let a = (/* @__PURE__ */ new Date()).getTime();
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
     /[xy]/g,
@@ -16,7 +16,7 @@ function A() {
     }
   );
 }
-function N() {
+function U() {
   return Math.round(Date.now());
 }
 function I(a) {
@@ -37,7 +37,7 @@ function G(a, e) {
     t = setTimeout(() => r(a(...s)), e);
   }));
 }
-function U(a, e) {
+function k(a, e) {
   const t = {};
   return (...s) => {
     const [r] = s, i = s.slice(1);
@@ -51,14 +51,14 @@ function o(a) {
     message: a.errorMessage
   }), e;
 }
-function E() {
+function A() {
   return typeof window < "u";
 }
-function x(a, e) {
-  E() && (typeof e == "object" && (e = JSON.stringify(e)), localStorage.setItem(a, e));
+function $(a, e) {
+  A() && (typeof e == "object" && (e = JSON.stringify(e)), localStorage.setItem(a, e));
 }
-function $(a) {
-  if (!E()) return;
+function j(a) {
+  if (!A()) return;
   const e = localStorage.getItem(a);
   if (e)
     try {
@@ -67,7 +67,7 @@ function $(a) {
       return e;
     }
 }
-class D {
+class N {
   constructor(e) {
     f(this, "config");
     this.config = e;
@@ -120,7 +120,7 @@ class D {
         errorMessage: "User isn't authenticated. Call identify method before performing any action"
       });
     if ((t = this.config.authenticateOptions) != null && t.refreshUserToken && this.config.userToken) {
-      const i = V(this.config.userToken), c = (i.exp || 0) * 1e3, u = Date.now();
+      const i = x(this.config.userToken), c = (i.exp || 0) * 1e3, u = Date.now();
       if (c <= u)
         try {
           const h = await this.config.authenticateOptions.refreshUserToken(
@@ -162,10 +162,10 @@ class J {
     f(this, "debouncedUpdateCategoryPreferences");
     f(this, "debouncedUpdateChannelPreferences");
     f(this, "debounceTime", 1e3);
-    this.config = e, this.debouncedUpdateCategoryPreferences = U(
+    this.config = e, this.debouncedUpdateCategoryPreferences = k(
       this._updateCategoryPreferences.bind(this),
       this.debounceTime
-    ), this.debouncedUpdateChannelPreferences = U(
+    ), this.debouncedUpdateChannelPreferences = k(
       this._updateChannelPreferences.bind(this),
       this.debounceTime
     );
@@ -173,7 +173,7 @@ class J {
   validateQueryParams(e = {}) {
     const t = {};
     for (const s in e)
-      e[s] && (t[s] = String(e[s]));
+      e[s] && (typeof e[s] == "object" ? t[s] = JSON.stringify(e[s]) : t[s] = String(e[s]));
     return t;
   }
   set data(e) {
@@ -194,11 +194,13 @@ class J {
   async getPreferences(e) {
     const t = {
       tenant_id: e == null ? void 0 : e.tenantId,
-      show_opt_out_channels: (e == null ? void 0 : e.showOptOutChannels) !== !1
+      show_opt_out_channels: (e == null ? void 0 : e.showOptOutChannels) !== !1,
+      tags: e == null ? void 0 : e.tags
     };
     this.preferenceArgs = {
       tenantId: t == null ? void 0 : t.tenant_id,
-      showOptOutChannels: t == null ? void 0 : t.show_opt_out_channels
+      showOptOutChannels: t == null ? void 0 : t.show_opt_out_channels,
+      tags: t == null ? void 0 : t.tags
     };
     const s = this.getUrl("full_preference", t), r = await this.config.client().request({ type: "get", url: s });
     return r.error || (this.data = r.body), r;
@@ -211,7 +213,8 @@ class J {
       tenant_id: e == null ? void 0 : e.tenantId,
       show_opt_out_channels: (e == null ? void 0 : e.showOptOutChannels) !== !1,
       limit: e == null ? void 0 : e.limit,
-      offset: e == null ? void 0 : e.offset
+      offset: e == null ? void 0 : e.offset,
+      tags: e == null ? void 0 : e.tags
     }, s = this.getUrl("category", t);
     return await this.config.client().request({ type: "get", url: s });
   }
@@ -266,7 +269,7 @@ class J {
    * Used to update user's category level preference.
    */
   async updateCategoryPreference(e, t, s) {
-    var h;
+    var h, T, b, S;
     if (!e || ![p.OPT_IN, p.OPT_OUT].includes(
       t
     ))
@@ -289,13 +292,13 @@ class J {
       });
     let r = null, i = !1;
     for (const R of this.data.sections) {
-      let S = !1;
+      let O = !1;
       if (R.subcategories) {
         for (const g of R.subcategories)
           if (g.category === e)
             if (r = g, g.is_editable) {
               if (g.preference !== t) {
-                g.preference = t, i = !0, S = !0;
+                g.preference = t, i = !0, O = !0;
                 break;
               }
             } else
@@ -304,7 +307,7 @@ class J {
                 errorType: d.VALIDATION_ERROR,
                 errorMessage: "Category preference is not editable"
               });
-        if (S) break;
+        if (O) break;
       }
     }
     if (!r)
@@ -322,7 +325,9 @@ class J {
     (h = r == null ? void 0 : r.channels) == null || h.forEach((R) => {
       R.preference === p.OPT_OUT && c.push(R.channel);
     });
-    const u = (s == null ? void 0 : s.showOptOutChannels) !== !1, l = {
+    let u = !0;
+    typeof (s == null ? void 0 : s.showOptOutChannels) == "boolean" ? u = s == null ? void 0 : s.showOptOutChannels : typeof ((T = this.preferenceArgs) == null ? void 0 : T.showOptOutChannels) == "boolean" && (u = this.preferenceArgs.showOptOutChannels);
+    const l = {
       preference: r.preference,
       opt_out_channels: u && t === p.OPT_IN ? null : c
     };
@@ -331,7 +336,11 @@ class J {
       e,
       l,
       r,
-      { tenant_id: s == null ? void 0 : s.tenantId, show_opt_out_channels: u }
+      {
+        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) || ((S = this.preferenceArgs) == null ? void 0 : S.tags)
+      }
     ), o({
       status: n.SUCCESS,
       body: this.data
@@ -341,7 +350,7 @@ class J {
    * Used to update user's category level channel preference.
    */
   async updateChannelPreferenceInCategory(e, t, s, r) {
-    var g;
+    var S, R, O, g;
     if (!e || !s)
       return o({
         status: n.ERROR,
@@ -370,16 +379,16 @@ class J {
       });
     let i = null, c = null, u = !1;
     for (const m of this.data.sections) {
-      let T = !1;
+      let v = !1;
       if (m.subcategories) {
-        for (const O of m.subcategories) {
-          if (O.category === s) {
-            if (i = O, !O.channels) continue;
-            for (const y of O.channels)
-              if (y.channel === e)
-                if (c = y, y.is_editable) {
-                  if (y.preference !== t) {
-                    y.preference = t, t === p.OPT_IN && (O.preference = p.OPT_IN), u = !0, T = !0;
+        for (const y of m.subcategories) {
+          if (y.category === s) {
+            if (i = y, !y.channels) continue;
+            for (const E of y.channels)
+              if (E.channel === e)
+                if (c = E, E.is_editable) {
+                  if (E.preference !== t) {
+                    E.preference = t, t === p.OPT_IN && (y.preference = p.OPT_IN), u = !0, v = !0;
                     break;
                   }
                 } else
@@ -389,9 +398,9 @@ class J {
                     errorMessage: "Channel preference is not editable"
                   });
           }
-          if (T) break;
+          if (v) break;
         }
-        if (T) break;
+        if (v) break;
       }
     }
     if (!i)
@@ -412,19 +421,25 @@ class J {
         body: this.data
       });
     const l = [];
-    (g = i == null ? void 0 : i.channels) == null || g.forEach((m) => {
+    (S = i == null ? void 0 : i.channels) == null || S.forEach((m) => {
       m.preference === p.OPT_OUT && l.push(m.channel);
     });
-    const h = (r == null ? void 0 : r.showOptOutChannels) !== !1, S = {
+    let h = !0;
+    typeof (r == null ? void 0 : r.showOptOutChannels) == "boolean" ? h = r == null ? void 0 : r.showOptOutChannels : typeof ((R = this.preferenceArgs) == null ? void 0 : R.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,
-      S,
+      b,
       i,
-      { tenant_id: r == null ? void 0 : r.tenantId, show_opt_out_channels: h }
+      {
+        tenant_id: (r == null ? void 0 : r.tenantId) || ((O = this.preferenceArgs) == null ? void 0 : O.tenantId),
+        show_opt_out_channels: h,
+        tags: (r == null ? void 0 : r.tags) || ((g = this.preferenceArgs) == null ? void 0 : g.tags)
+      }
     ), o({
       status: n.SUCCESS,
       body: this.data
@@ -435,8 +450,8 @@ class J {
    */
   async updateOverallChannelPreference(e, t) {
     if (!e || ![
-      b.ALL,
-      b.REQUIRED
+      w.ALL,
+      w.REQUIRED
     ].includes(t))
       return o({
         status: n.ERROR,
@@ -456,7 +471,7 @@ class J {
         errorMessage: "Channel preferences doesn't exist"
       });
     let s = null, r = !1;
-    const i = t === b.REQUIRED;
+    const i = t === w.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;
@@ -477,7 +492,7 @@ class J {
     });
   }
 }
-const k = "ss_device_id";
+const M = "ss_device_id";
 class Z {
   constructor(e) {
     f(this, "config");
@@ -525,8 +540,8 @@ class Z {
   async triggerUserEvent(e) {
     return this.config.eventApi({
       distinct_id: this.config.distinctId,
-      $insert_id: A(),
-      $time: N(),
+      $insert_id: C(),
+      $time: U(),
       ...e
     });
   }
@@ -756,8 +771,8 @@ class Z {
     });
   }
   getDeviceId() {
-    let e = $(k);
-    return e || (e = A(), x(k, e)), e;
+    let e = j(M);
+    return e || (e = C(), $(M, e)), e;
   }
   async addWebPush(e) {
     if (typeof e != "object")
@@ -843,7 +858,7 @@ class X {
     this.config = e;
   }
   async getPushSubscription() {
-    if (!E()) return;
+    if (!A()) return;
     const e = await navigator.serviceWorker.getRegistration();
     if (!e) return;
     const t = e.pushManager.getSubscription();
@@ -889,7 +904,7 @@ class X {
    * 3. Send webpush token to SuprSend.
    */
   async registerPush() {
-    return E() && "serviceWorker" in navigator && "PushManager" in window ? this.handleRegisterPush() : (console.warn("[SuprSend]: Webpush isn't supported"), o({
+    return A() && "serviceWorker" in navigator && "PushManager" in window ? this.handleRegisterPush() : (console.warn("[SuprSend]: Webpush isn't supported"), o({
       status: n.ERROR,
       errorType: d.UNSUPPORTED_ACTION,
       errorMessage: "Webpush isn't supported"
@@ -918,25 +933,25 @@ class X {
     return !!await this.getPushSubscription();
   }
 }
-const j = 20, q = "default", Y = 100, v = {
+const F = 20, Y = "default", q = 100, D = {
   storeId: "$suprsend_default_store",
   label: ""
 }, ee = {
-  tenantId: q,
-  pageSize: j,
+  tenantId: Y,
+  pageSize: F,
   stores: null,
   host: {
     apiHost: "https://inboxs.live",
     socketHost: "https://betainbox.suprsend.com"
   }
-}, w = {
+}, P = {
   notifications: [],
-  store: v,
+  store: D,
   pageInfo: {
     total: 0,
     currentPage: 0,
     totalPages: 0,
-    pageSize: j
+    pageSize: F
   },
   meta: { badge: 0 },
   apiStatus: _.INITIAL,
@@ -970,11 +985,11 @@ class se {
     f(this, "store");
     f(this, "socket");
     f(this, "expiryTimerId");
-    f(this, "emitter", L());
+    f(this, "emitter", V());
     this.config = e, this.setOptions(t), this.store = this.createFeedStore();
   }
   setOptions(e) {
-    this.feedOptions = { ...ee }, e != null && e.tenantId && (this.feedOptions.tenantId = e.tenantId), e != null && e.host && (this.feedOptions.host = e.host), typeof (e == null ? void 0 : e.pageSize) == "number" && e.pageSize > 0 && (this.feedOptions.pageSize = Math.min(e.pageSize, Y)), e != null && e.stores && (this.feedOptions.stores = e.stores), this.validateStore();
+    this.feedOptions = { ...ee }, e != null && e.tenantId && (this.feedOptions.tenantId = e.tenantId), e != null && e.host && (this.feedOptions.host = e.host), typeof (e == null ? void 0 : e.pageSize) == "number" && e.pageSize > 0 && (this.feedOptions.pageSize = Math.min(e.pageSize, q)), e != null && e.stores && (this.feedOptions.stores = e.stores), this.validateStore();
   }
   validateStore() {
     const e = this.feedOptions.stores;
@@ -1009,8 +1024,8 @@ class se {
     return z()(() => {
       var e;
       return {
-        ...w,
-        store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || v
+        ...P,
+        store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || D
       };
     });
   }
@@ -1098,12 +1113,12 @@ class se {
     }), this.emitter.emit("feed.store_update", this.data);
   }
   notificationBelongToStore(e, t) {
-    var O, y, C, P;
-    const s = !!e.read_on, r = e.archived, i = e.tags, c = e.n_category, u = (O = t == null ? void 0 : t.query) == null ? void 0 : O.read, l = (y = t == null ? void 0 : t.query) == null ? void 0 : y.archived, h = (C = t == null ? void 0 : t.query) == null ? void 0 : C.tags, R = (P = t == null ? void 0 : t.query) == null ? void 0 : P.categories, S = u == null || s === u, g = !!r == !!l;
-    let m = !1, T = !1;
-    return Array.isArray(h) && h.length > 0 ? h.forEach((F) => {
-      i != null && i.includes(F) && (m = !0);
-    }) : m = !0, Array.isArray(R) && R.length > 0 ? R.includes(c) && (T = !0) : T = !0, S && m && T && g;
+    var g, m, v, y;
+    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 = (m = t == null ? void 0 : t.query) == null ? void 0 : m.archived, h = (v = t == null ? void 0 : t.query) == null ? void 0 : v.tags, T = (y = t == null ? void 0 : t.query) == null ? void 0 : y.categories, b = u == null || s === u, S = !!r == !!l;
+    let R = !1, O = !1;
+    return Array.isArray(h) && h.length > 0 ? h.forEach((E) => {
+      i != null && i.includes(E) && (R = !0);
+    }) : R = !0, Array.isArray(T) && T.length > 0 ? T.includes(c) && (O = !0) : O = !0, b && R && O && S;
   }
   orderNotificationsBasedOnPinFlag(e, t) {
     if (e.is_pinned)
@@ -1172,7 +1187,7 @@ class se {
       (i) => i.storeId === e
     );
     return s ? (this.store.setState({
-      ...w,
+      ...P,
       store: s,
       meta: t.meta
     }), await this.fetch()) : {
@@ -1225,7 +1240,7 @@ class se {
       page_size: r,
       page_no: s,
       before: i,
-      store: t.store.storeId !== v.storeId ? this.storeQueryParamObj(t.store) : null
+      store: t.store.storeId !== D.storeId ? this.storeQueryParamObj(t.store) : null
     }, u = this.getUrl("notifications", c), l = await this.config.client().request({ type: "get", url: u });
     if (l.status === n.ERROR)
       return this.store.setState({ apiStatus: _.ERROR }), this.emitter.emit("feed.store_update", this.data), l;
@@ -1367,8 +1382,8 @@ class se {
   reset() {
     var e;
     this.store.setState({
-      ...w,
-      store: ((e = this.feedOptions.stores) == null ? void 0 : e[0]) || v
+      ...P,
+      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() {
@@ -1376,7 +1391,7 @@ class se {
     this.reset(), this.emitter.off("*"), (e = this.socket) == null || e.disconnect(), this.config.feeds.removeInstance(this);
   }
 }
-const re = "https://hub.suprsend.com", ie = "serviceworker.js", M = "ss_distinct_id";
+const re = "https://hub.suprsend.com", ie = "serviceworker.js", L = "ss_distinct_id";
 class ue {
   constructor(e, t) {
     f(this, "host");
@@ -1391,14 +1406,14 @@ class ue {
     f(this, "user", new Z(this));
     f(this, "webpush", new X(this));
     f(this, "feeds", new te(this));
-    f(this, "emitter", L());
+    f(this, "emitter", V());
     if (!e)
       throw new Error("[SuprSend]: publicApiKey is missing");
     this.publicApiKey = e, this.host = (t == null ? void 0 : t.host) || re, this.vapidKey = (t == null ? void 0 : t.vapidKey) || "", this.swFileName = (t == null ? void 0 : t.swFileName) || ie;
   }
   handleRefreshUserToken(e) {
-    if (!this.userToken || !E()) return;
-    const t = V(this.userToken), s = (t.exp || 0) * 1e3, r = Date.now(), i = 1e3 * 30;
+    if (!this.userToken || !A()) return;
+    const t = x(this.userToken), s = (t.exp || 0) * 1e3, r = Date.now(), i = 1e3 * 30;
     if (s && s > r) {
       const c = s - r - i;
       this.userTokenExpirationTimer && clearTimeout(this.userTokenExpirationTimer), this.userTokenExpirationTimer = setTimeout(async () => {
@@ -1425,7 +1440,7 @@ class ue {
   client() {
     return this.distinctId || console.warn(
       "[SuprSend]: distinctId is missing. User should be authenticated"
-    ), this.apiClient || (this.apiClient = new D(this)), this.apiClient;
+    ), this.apiClient || (this.apiClient = new N(this)), this.apiClient;
   }
   eventApi(e) {
     return this.client().request({
@@ -1452,24 +1467,24 @@ class ue {
         errorMessage: "User already loggedin, reset current user to login new user"
       });
     if (this.apiClient && this.distinctId === e && this.userToken !== t)
-      return this.userToken = t, this.apiClient = new D(this), s != null && s.refreshUserToken && this.handleRefreshUserToken(s.refreshUserToken), o({ status: n.SUCCESS });
+      return this.userToken = t, this.apiClient = new N(this), s != null && s.refreshUserToken && this.handleRefreshUserToken(s.refreshUserToken), o({ status: n.SUCCESS });
     if (this.distinctId && this.apiClient)
       return o({ status: n.SUCCESS });
-    this.distinctId = e, this.userToken = t, this.apiClient = new D(this), this.authenticateOptions = s;
-    const r = $(
-      M
+    this.distinctId = e, this.userToken = t, this.apiClient = new N(this), this.authenticateOptions = s;
+    const r = j(
+      L
     );
     if (s != null && s.refreshUserToken && this.handleRefreshUserToken(s.refreshUserToken), r == this.distinctId)
       return this.webpush.updatePushSubscription(), o({ status: n.SUCCESS });
     const i = await this.eventApi({
       event: "$identify",
-      $insert_id: A(),
-      $time: N(),
+      $insert_id: C(),
+      $time: U(),
       properties: {
         $identified_id: e
       }
     });
-    return i.status === n.SUCCESS ? (this.webpush.updatePushSubscription(), x(M, this.distinctId)) : this.reset({ unsubscribePush: !1 }), i;
+    return i.status === n.SUCCESS ? (this.webpush.updatePushSubscription(), $(L, this.distinctId)) : this.reset({ unsubscribePush: !1 }), i;
   }
   /**
    * Check's if SuprSend instance is authenticated. To check if userToken is also present pass true.
@@ -1484,8 +1499,8 @@ class ue {
     let s = {};
     return e ? (typeof t == "object" && (s = { ...s, ...t }), this.eventApi({
       event: String(e),
-      $insert_id: A(),
-      $time: N(),
+      $insert_id: C(),
+      $time: U(),
       distinct_id: this.distinctId,
       properties: s
     })) : o({
@@ -1504,7 +1519,7 @@ class ue {
 }
 export {
   _ as ApiResponseStatus,
-  b as ChannelLevelPreferenceOptions,
+  w as ChannelLevelPreferenceOptions,
   d as ERROR_TYPE,
   se as Feed,
   p as PreferenceOptions,