@notificationapi/react 0.0.17 → 0.0.19

package/dist/components/Preferences/PreferenceInput.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../Provider/index.js";
-import { a as m } from "../../assets/Preferences.js";
+import { b as m } from "../../assets/Preferences.js";
 import "../../assets/index3.js";
 export {
   m as PreferenceInput

package/dist/components/Preferences/Preferences.js

@@ -2,10 +2,9 @@ import "react/jsx-runtime";
 import "../Provider/index.js";
 import "react";
 import "../../assets/colors.js";
-import { P as p, b as i, g as s } from "../../assets/Preferences.js";
-import "../../assets/BellOutlined.js";
+import { P as m, c as p, g as i } from "../../assets/Preferences.js";
 export {
-  p as Preferences,
-  i as getChannelIcon,
-  s as getChannelLabel
+  m as Preferences,
+  p as getChannelIcon,
+  i as getChannelLabel
 };

package/dist/components/Preferences/index.js

@@ -1,4 +1,4 @@
-import { NotificationPreferencesPopup as r } from "./NotificationPreferencesPopup.js";
+import { N as r } from "../../assets/NotificationPreferencesPopup.js";
 import { NotificationPreferencesInline as f } from "./NotificationPreferencesInline.js";
 export {
   f as NotificationPreferencesInline,

package/dist/components/Provider/index.d.ts

@@ -96,6 +96,7 @@ export type Context = {
     loadNotifications: (initial?: boolean) => void;
     markAsOpened: () => void;
     markAsArchived: (ids: string[] | "ALL") => void;
+    markAsUnarchived: (ids: string[] | "ALL") => void;
     markAsClicked: (id: string) => void;
     updateDelivery: (notificationId: string, channel: Channels, delivery: DeliveryOptions, subNotificationId?: string) => void;
 };

package/dist/components/Provider/index.js

@@ -1,7 +1,7 @@
-import { jsx as W } from "react/jsx-runtime";
-import { createContext as _, useState as f, useEffect as y, useContext as v } from "react";
-import { api as s } from "../../api.js";
-const q = {
+import { jsx as _ } from "react/jsx-runtime";
+import { createContext as y, useState as u, useEffect as D, useContext as B } from "react";
+import { api as d } from "../../api.js";
+const z = {
   opened: "opened",
   clicked: "clicked",
   archived: "archived",
@@ -9,10 +9,10 @@ const q = {
   actioned1: "actioned1",
   actioned2: "actioned2"
 };
-var B = /* @__PURE__ */ ((e) => (e.EMAIL = "EMAIL", e.INAPP_WEB = "INAPP_WEB", e.SMS = "SMS", e.CALL = "CALL", e.PUSH = "PUSH", e.WEB_PUSH = "WEB_PUSH", e))(B || {}), $ = /* @__PURE__ */ ((e) => (e.OFF = "off", e.INSTANT = "instant", e.HOURLY = "hourly", e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))($ || {});
-const g = _(
+var $ = /* @__PURE__ */ ((e) => (e.EMAIL = "EMAIL", e.INAPP_WEB = "INAPP_WEB", e.SMS = "SMS", e.CALL = "CALL", e.PUSH = "PUSH", e.WEB_PUSH = "WEB_PUSH", e))($ || {}), b = /* @__PURE__ */ ((e) => (e.OFF = "off", e.INSTANT = "instant", e.HOURLY = "hourly", e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))(b || {});
+const S = y(
   void 0
-), b = (e) => {
+), Y = (e) => {
   const c = {
     ...{
       apiURL: "https://api.notificationapi.com",
@@ -21,51 +21,51 @@ const g = _(
       initialLoadMaxAge: new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 3))
     },
     ...e
-  }, [d, u] = f(), [N, w] = f(), [U, S] = f(!1), [E, M] = f((/* @__PURE__ */ new Date()).toISOString()), [m, T] = f(!0), A = (o) => {
-    const n = (/* @__PURE__ */ new Date()).toISOString();
-    u((t) => (o = o.filter((i) => !(i.expDate && new Date(i.expDate * 1e3).toISOString() > n || i.date > n)), t ? [
-      ...o.filter((i) => !t.find((a) => a.id === i.id)),
+  }, [s, f] = u(), [U, w] = u(), [N, A] = u(!1), [E, m] = u((/* @__PURE__ */ new Date()).toISOString()), [M, k] = u(!0), P = (a) => {
+    const i = (/* @__PURE__ */ new Date()).toISOString();
+    f((t) => (a = a.filter((n) => !(n.expDate && new Date(n.expDate * 1e3).toISOString() > i || n.date > i)), t ? [
+      ...a.filter((n) => !t.find((o) => o.id === n.id)),
       ...t
-    ] : o));
-  }, k = async (o, n) => (await s(
+    ] : a));
+  }, T = async (a, i) => (await d(
     c.apiURL,
     "GET",
-    `notifications/INAPP_WEB?count=${o}&before=${n}`,
+    `notifications/INAPP_WEB?count=${a}&before=${i}`,
     e.clientId,
     e.userId,
     e.hashedUserId
-  )).notifications, x = async (o, n, t) => {
-    let i = [], a = o, r = !0, h = !0;
+  )).notifications, R = async (a, i, t) => {
+    let n = [], o = a, r = !0, h = !0;
     for (; h; ) {
-      const L = (await k(
-        n,
-        new Date(a).getTime()
+      const L = (await T(
+        i,
+        new Date(o).getTime()
       )).filter(
-        (I) => !i.find((l) => l.id === I.id)
+        (I) => !n.find((l) => l.id === I.id)
       );
-      a = L.reduce(
+      o = L.reduce(
         (I, l) => I < l.date ? I : l.date,
-        o
-      ), i = [...i, ...L], r = L.length > 0, h = !0, (!r || i.length >= n || t && a < t) && (h = !1);
+        a
+      ), n = [...n, ...L], r = L.length > 0, h = !0, (!r || n.length >= i || t && o < t) && (h = !1);
     }
     return {
-      notifications: i,
+      notifications: n,
       couldLoadMore: r,
-      oldestReceived: a
+      oldestReceived: o
     };
-  }, P = async (o) => {
-    if (!m || U)
+  }, g = async (a) => {
+    if (!M || N)
       return;
-    S(!0);
-    const n = await x(
+    A(!0);
+    const i = await R(
       E,
-      o ? c.initialLoadMaxCount : 1e3,
-      o ? c.initialLoadMaxAge.toISOString() : void 0
+      a ? c.initialLoadMaxCount : 1e3,
+      a ? c.initialLoadMaxAge.toISOString() : void 0
     );
-    M(n.oldestReceived), T(n.couldLoadMore), A(n.notifications), S(!1);
-  }, R = async (o) => {
-    const n = (/* @__PURE__ */ new Date()).toISOString();
-    s(
+    m(i.oldestReceived), k(i.couldLoadMore), P(i.notifications), A(!1);
+  }, x = async (a) => {
+    const i = (/* @__PURE__ */ new Date()).toISOString();
+    d(
       c.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
@@ -73,20 +73,20 @@ const g = _(
       e.userId,
       e.hashedUserId,
       {
-        trackingIds: [o],
-        clicked: n
+        trackingIds: [a],
+        clicked: i
       }
-    ), u((t) => {
+    ), f((t) => {
       if (!t)
         return [];
-      const i = [...t], a = i.find((r) => r.id === o);
-      return a && (a.clicked = n), i;
+      const n = [...t], o = n.find((r) => r.id === a);
+      return o && (o.clicked = i), n;
     });
-  }, C = async () => {
-    if (!d)
+  }, v = async () => {
+    if (!s)
       return;
-    const o = (/* @__PURE__ */ new Date()).toISOString(), n = d.filter((t) => !t.opened || !t.seen).map((t) => t.id);
-    n.length !== 0 && (s(
+    const a = (/* @__PURE__ */ new Date()).toISOString(), i = s.filter((t) => !t.opened || !t.seen).map((t) => t.id);
+    i.length !== 0 && (d(
       c.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
@@ -94,22 +94,45 @@ const g = _(
       e.userId,
       e.hashedUserId,
       {
-        trackingIds: n,
-        opened: o
+        trackingIds: i,
+        opened: a
       }
-    ), u((t) => {
+    ), f((t) => {
       if (!t)
         return [];
-      const i = [...t];
-      return i.filter((a) => n.includes(a.id)).forEach((a) => {
-        a.opened = o, a.seen = !0;
-      }), i;
+      const n = [...t];
+      return n.filter((o) => i.includes(o.id)).forEach((o) => {
+        o.opened = a, o.seen = !0;
+      }), n;
     }));
-  }, O = async (o) => {
-    if (!d)
+  }, C = async (a) => {
+    if (!s)
       return;
-    const n = (/* @__PURE__ */ new Date()).toISOString(), t = d.filter((i) => !i.archived && (o === "ALL" || o.includes(i.id))).map((i) => i.id);
-    t.length !== 0 && (s(
+    const i = s.filter((t) => t.archived && (a === "ALL" || a.includes(t.id))).map((t) => t.id);
+    i.length !== 0 && (d(
+      c.apiURL,
+      "PATCH",
+      "notifications/INAPP_WEB",
+      e.clientId,
+      e.userId,
+      e.hashedUserId,
+      {
+        trackingIds: i,
+        archived: null
+      }
+    ), f((t) => {
+      if (!t)
+        return [];
+      const n = [...t];
+      return n.filter((o) => i.includes(o.id)).forEach((o) => {
+        o.archived = void 0;
+      }), n;
+    }));
+  }, H = async (a) => {
+    if (!s)
+      return;
+    const i = (/* @__PURE__ */ new Date()).toISOString(), t = s.filter((n) => !n.archived && (a === "ALL" || a.includes(n.id))).map((n) => n.id);
+    t.length !== 0 && (d(
       c.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
@@ -118,18 +141,18 @@ const g = _(
       e.hashedUserId,
       {
         trackingIds: t,
-        archived: n
+        archived: i
       }
-    ), u((i) => {
-      if (!i)
+    ), f((n) => {
+      if (!n)
         return [];
-      const a = [...i];
-      return a.filter((r) => t.includes(r.id)).forEach((r) => {
-        r.archived = n;
-      }), a;
+      const o = [...n];
+      return o.filter((r) => t.includes(r.id)).forEach((r) => {
+        r.archived = i;
+      }), o;
     }));
-  }, D = (o, n, t, i) => {
-    s(
+  }, O = (a, i, t, n) => {
+    d(
       c.apiURL,
       "POST",
       "preferences",
@@ -138,65 +161,66 @@ const g = _(
       e.hashedUserId,
       [
         {
-          notificationId: o,
-          subNotificationId: i,
-          channel: n,
+          notificationId: a,
+          subNotificationId: n,
+          channel: i,
           delivery: t
         }
       ]
     ).then(() => {
-      s(
+      d(
         c.apiURL,
         "GET",
         "preferences",
         e.clientId,
         e.userId,
         e.hashedUserId
-      ).then((a) => {
-        w(a);
+      ).then((o) => {
+        w(o);
       });
     });
   };
-  y(() => {
-    P(!0);
-    const o = new WebSocket(
+  D(() => {
+    g(!0);
+    const a = new WebSocket(
       c.hashedUserId ? `${c.wsURL}?userId=${c.userId}&envId=${c.clientId}&userIdHash=${c.hashedUserId}` : `${c.wsURL}?userId=${c.userId}&envId=${c.clientId}`
     );
-    o.onmessage = (n) => {
-      const t = JSON.parse(n.data);
-      !t || !t.route || t.route === "inapp_web/new_notifications" && A(t.payload.notifications);
-    }, s(
+    a.onmessage = (i) => {
+      const t = JSON.parse(i.data);
+      !t || !t.route || t.route === "inapp_web/new_notifications" && P(t.payload.notifications);
+    }, d(
       c.apiURL,
       "GET",
       "preferences",
       e.clientId,
       e.userId,
       e.hashedUserId
-    ).then((n) => {
-      w(n);
+    ).then((i) => {
+      w(i);
     });
   }, []);
-  const H = {
-    notifications: d,
-    preferences: N,
-    loadNotifications: P,
-    markAsOpened: C,
-    markAsArchived: O,
-    markAsClicked: R,
-    updateDelivery: D
+  const W = {
+    notifications: s,
+    preferences: U,
+    loadNotifications: g,
+    markAsOpened: v,
+    markAsArchived: H,
+    markAsUnarchived: C,
+    markAsClicked: x,
+    updateDelivery: O
   };
-  return /* @__PURE__ */ W(g.Provider, { value: H, children: e.children });
-}, Y = () => {
-  const e = v(g);
+  return /* @__PURE__ */ _(S.Provider, { value: W, children: e.children });
+}, F = () => {
+  const e = B(S);
   if (!e)
     throw new Error("useMyContext must be used within a MyProvider");
   return e;
 };
-b.useNotificationAPIContext = Y;
+Y.useNotificationAPIContext = F;
 export {
-  B as Channels,
-  $ as DeliveryOptions,
-  q as NOTIFICATION_ACTIONS,
-  g as NotificationAPIContext,
-  b as NotificationAPIProvider
+  $ as Channels,
+  b as DeliveryOptions,
+  z as NOTIFICATION_ACTIONS,
+  S as NotificationAPIContext,
+  Y as NotificationAPIProvider
 };

package/dist/main.js

@@ -1,13 +1,13 @@
 import { NotificationFeed as r } from "./components/Notifications/NotificationFeed.js";
 import { N as e } from "./assets/Inbox.js";
 import { NotificationLauncher as n } from "./components/Notifications/NotificationLauncher.js";
-import { NotificationCounter as c } from "./components/Notifications/NotificationCounter.js";
-import { NotificationPreferencesPopup as N } from "./components/Preferences/NotificationPreferencesPopup.js";
+import { NotificationCounter as a } from "./components/Notifications/NotificationCounter.js";
+import { N } from "./assets/NotificationPreferencesPopup.js";
 import { NotificationPreferencesInline as x } from "./components/Preferences/NotificationPreferencesInline.js";
-import { NotificationAPIProvider as u } from "./components/Provider/index.js";
+import { NotificationAPIProvider as s } from "./components/Provider/index.js";
 export {
-  u as NotificationAPIProvider,
-  c as NotificationCounter,
+  s as NotificationAPIProvider,
+  a as NotificationCounter,
   r as NotificationFeed,
   n as NotificationLauncher,
   e as NotificationPopup,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.19",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/dist/assets/BellOutlined.js

@@ -1,60 +0,0 @@
-import { d as c, _ as l } from "./colors.js";
-import * as t from "react";
-import { I as s } from "./index3.js";
-var d = `accept acceptCharset accessKey action allowFullScreen allowTransparency
-    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
-    charSet checked classID className colSpan cols content contentEditable contextMenu
-    controls coords crossOrigin data dateTime default defer dir disabled download draggable
-    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
-    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
-    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
-    mediaGroup method min minLength multiple muted name noValidate nonce open
-    optimum pattern placeholder poster preload radioGroup readOnly rel required
-    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
-    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
-    summary tabIndex target title type useMap value width wmode wrap`, u = `onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
-    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
-    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
-    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
-    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
-    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
-    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`, p = "".concat(d, " ").concat(u).split(/[\s\n]+/), m = "aria-", h = "data-";
-function i(o, n) {
-  return o.indexOf(n) === 0;
-}
-function O(o) {
-  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, e;
-  n === !1 ? e = {
-    aria: !0,
-    data: !0,
-    attr: !0
-  } : n === !0 ? e = {
-    aria: !0
-  } : e = c({}, n);
-  var r = {};
-  return Object.keys(o).forEach(function(a) {
-    // Aria
-    (e.aria && (a === "role" || i(a, m)) || // Data
-    e.data && i(a, h) || // Attr
-    e.attr && p.includes(a)) && (r[a] = o[a]);
-  }), r;
-}
-var g = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, f = function(n, e) {
-  return /* @__PURE__ */ t.createElement(s, l({}, n, {
-    ref: e,
-    icon: g
-  }));
-}, v = /* @__PURE__ */ t.forwardRef(f);
-process.env.NODE_ENV !== "production" && (v.displayName = "RightOutlined");
-var y = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M816 768h-24V428c0-141.1-104.3-257.7-240-277.1V112c0-22.1-17.9-40-40-40s-40 17.9-40 40v38.9c-135.7 19.4-240 136-240 277.1v340h-24c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h216c0 61.8 50.2 112 112 112s112-50.2 112-112h216c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM512 888c-26.5 0-48-21.5-48-48h96c0 26.5-21.5 48-48 48zM304 768V428c0-55.6 21.6-107.8 60.9-147.1S456.4 220 512 220c55.6 0 107.8 21.6 147.1 60.9S720 372.4 720 428v340H304z" } }] }, name: "bell", theme: "outlined" }, E = function(n, e) {
-  return /* @__PURE__ */ t.createElement(s, l({}, n, {
-    ref: e,
-    icon: y
-  }));
-}, S = /* @__PURE__ */ t.forwardRef(E);
-process.env.NODE_ENV !== "production" && (S.displayName = "BellOutlined");
-export {
-  S as R,
-  v as a,
-  O as p
-};

package/dist/assets/PurePanel.js

@@ -1,67 +0,0 @@
-import { _ as R, C as w, a as E } from "./colors.js";
-import * as e from "react";
-import { I as y, u as I } from "./index3.js";
-var j = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, z = function(s, l) {
-  return /* @__PURE__ */ e.createElement(y, R({}, s, {
-    ref: l,
-    icon: j
-  }));
-}, S = /* @__PURE__ */ e.forwardRef(z);
-process.env.NODE_ENV !== "production" && (S.displayName = "CloseOutlined");
-function L(n) {
-  return (s) => /* @__PURE__ */ e.createElement(w, {
-    theme: {
-      token: {
-        motion: !1,
-        zIndexPopupBase: 0
-      }
-    }
-  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, s)));
-}
-const N = (n, s, l, W) => L((r) => {
-  const {
-    prefixCls: f,
-    style: p
-  } = r, a = e.useRef(null), [g, m] = e.useState(0), [v, C] = e.useState(0), [c, P] = I(!1, {
-    value: r.open
-  }), {
-    getPrefixCls: O
-  } = e.useContext(E), h = O("select", f);
-  e.useEffect(() => {
-    if (P(!0), typeof ResizeObserver < "u") {
-      const i = new ResizeObserver((t) => {
-        const o = t[0].target;
-        m(o.offsetHeight + 8), C(o.offsetWidth);
-      }), u = setInterval(() => {
-        var t;
-        const o = `.${h}-dropdown`, d = (t = a.current) === null || t === void 0 ? void 0 : t.querySelector(o);
-        d && (clearInterval(u), i.observe(d));
-      }, 10);
-      return () => {
-        clearInterval(u), i.disconnect();
-      };
-    }
-  }, []);
-  let b = Object.assign(Object.assign({}, r), {
-    style: Object.assign(Object.assign({}, p), {
-      margin: 0
-    }),
-    open: c,
-    visible: c,
-    getPopupContainer: () => a.current
-  });
-  const x = {
-    paddingBottom: g,
-    position: "relative",
-    minWidth: v
-  };
-  return /* @__PURE__ */ e.createElement("div", {
-    ref: a,
-    style: x
-  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, b)));
-});
-export {
-  S as R,
-  N as g,
-  L as w
-};