@notificationapi/react 1.1.3 → 1.2.0

package/dist/assets/PreferenceInput.js

@@ -2,12 +2,12 @@ import { jsx as d, jsxs as P, Fragment as ie } from "react/jsx-runtime";
 import { g as Oe, a as xe } from "./channelUtils.js";
 import { e as Te, T as _ } from "./Typography.js";
 import * as m from "react";
-import { y as Pe, w as $e, P as o, j as Ne, z as le, A as Q, B as Fe, D as Be, E as je, c as I, f as M, a as D, F as ce, g as G, s as v, v as oe, h as w, m as z, u as A, b as W, t as Ie, r as ze } from "./DefaultPropsProvider.js";
+import { y as Pe, w as $e, P as o, j as Ne, z as le, A as Q, B as Fe, D as Be, E as je, c as I, f as M, a as D, F as ce, g as L, s as v, v as oe, h as w, m as z, u as A, b as W, t as Ie, r as ze } from "./DefaultPropsProvider.js";
 import { c as Y } from "./createSimplePaletteValueFilter.js";
 import { B as Ee, r as H, u as Me } from "./ButtonBase.js";
 import { u as he, a as De, D as Ve } from "./Divider.js";
-import { u as Ge } from "./resolveComponentProps.js";
-import { u as Le } from "./useTheme2.js";
+import { u as Le } from "./resolveComponentProps.js";
+import { u as Ge } from "./useTheme2.js";
 import { c as be } from "./createSvgIcon.js";
 const qe = Pe();
 function Ue(e) {
@@ -24,7 +24,7 @@ function _e({
   defaultTheme: r,
   themeId: n
 }) {
-  let s = Le(r);
+  let s = Ge(r);
   return n && (s = s[n] || s), Ue({
     theme: s,
     name: t,
@@ -49,18 +49,18 @@ function Xe(e) {
     defaultTheme: We
   });
 }
-function Ze(e, t) {
+function Ke(e, t) {
   const r = m.Children.toArray(e).filter(Boolean);
   return r.reduce((n, s, i) => (n.push(s), i < r.length - 1 && n.push(/* @__PURE__ */ m.cloneElement(t, {
     key: `separator-${i}`
   })), n), []);
 }
-const Je = (e) => ({
+const Ze = (e) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[e], Ke = ({
+})[e], Je = ({
   ownerState: e,
   theme: t
 }) => {
@@ -100,7 +100,7 @@ const Je = (e) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${Je(l ? i[l] : e.direction)}`]: ce(n, c)
+        [`margin${Ze(l ? i[l] : e.direction)}`]: ce(n, c)
       }
     }));
   }
@@ -114,7 +114,7 @@ function Qe(e = {}) {
     componentName: n = "MuiStack"
   } = e, s = () => M({
     root: ["root"]
-  }, (c) => D(n, c), {}), i = t(Ke), p = /* @__PURE__ */ m.forwardRef(function(c, l) {
+  }, (c) => D(n, c), {}), i = t(Je), p = /* @__PURE__ */ m.forwardRef(function(c, l) {
     const u = r(c), a = Te(u), {
       component: h = "div",
       direction: C = "column",
@@ -135,7 +135,7 @@ function Qe(e = {}) {
       ref: l,
       className: I(B.root, x),
       ...T,
-      children: O ? Ze(y, O) : y
+      children: O ? Ke(y, O) : y
     });
   });
   return process.env.NODE_ENV !== "production" && (p.propTypes = {
@@ -161,7 +161,7 @@ function X() {
 function Ye(e) {
   return D("PrivateSwitchBase", e);
 }
-G("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+L("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const eo = (e) => {
   const {
     classes: t,
@@ -244,14 +244,14 @@ const eo = (e) => {
     required: S = !1,
     tabIndex: B,
     type: R,
-    value: L,
-    ...Z
+    value: G,
+    ...K
   } = t, [E, q] = he({
     controlled: s,
     default: !!f,
     name: "SwitchBase",
     state: "checked"
-  }), $ = X(), J = (F) => {
+  }), $ = X(), Z = (F) => {
     b && b(F), $ && $.onFocus && $.onFocus(F);
   }, V = (F) => {
     y && y(F), $ && $.onBlur && $.onBlur(F);
@@ -263,13 +263,13 @@ const eo = (e) => {
   };
   let N = c;
   $ && typeof N > "u" && (N = $.disabled);
-  const Re = R === "checkbox" || R === "radio", K = {
+  const Re = R === "checkbox" || R === "radio", J = {
     ...t,
     checked: E,
     disabled: N,
     disableFocusRipple: l,
     edge: u
-  }, se = eo(K);
+  }, se = eo(J);
   return /* @__PURE__ */ P(oo, {
     component: "span",
     className: I(se.root, p),
@@ -278,11 +278,11 @@ const eo = (e) => {
     disabled: N,
     tabIndex: null,
     role: void 0,
-    onFocus: J,
+    onFocus: Z,
     onBlur: V,
-    ownerState: K,
+    ownerState: J,
     ref: r,
-    ...Z,
+    ...K,
     children: [/* @__PURE__ */ d(to, {
       autoFocus: n,
       checked: s,
@@ -295,11 +295,11 @@ const eo = (e) => {
       readOnly: T,
       ref: k,
       required: S,
-      ownerState: K,
+      ownerState: J,
       tabIndex: B,
       type: R,
-      ...R === "checkbox" && L === void 0 ? {} : {
-        value: L
+      ...R === "checkbox" && G === void 0 ? {} : {
+        value: G
       },
       ...C
     }), E ? i : a]
@@ -411,7 +411,7 @@ process.env.NODE_ENV !== "production" && (te.propTypes = {
 function ro(e) {
   return D("MuiFormControlLabel", e);
 }
-const U = G("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), no = (e) => {
+const U = L("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), no = (e) => {
   const {
     classes: t,
     disabled: r,
@@ -517,14 +517,14 @@ const U = G("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     slotProps: x = {},
     value: b,
     ...T
-  } = n, S = X(), B = c ?? f.props.disabled ?? (S == null ? void 0 : S.disabled), R = O ?? f.props.required, L = {
+  } = n, S = X(), B = c ?? f.props.disabled ?? (S == null ? void 0 : S.disabled), R = O ?? f.props.required, G = {
     disabled: B,
     required: R
   };
   ["checked", "name", "onChange", "value", "inputRef"].forEach((N) => {
-    typeof f.props[N] > "u" && typeof n[N] < "u" && (L[N] = n[N]);
+    typeof f.props[N] > "u" && typeof n[N] < "u" && (G[N] = n[N]);
   });
-  const Z = ye({
+  const K = ye({
     props: n,
     muiFormControl: S,
     states: ["error"]
@@ -533,20 +533,20 @@ const U = G("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     disabled: B,
     labelPlacement: h,
     required: R,
-    error: Z.error
+    error: K.error
   }, q = no(E), $ = {
     slots: y,
     slotProps: {
       ...p,
       ...x
     }
-  }, [J, V] = Me("typography", {
+  }, [Z, V] = Me("typography", {
     elementType: _,
     externalForwardedProps: $,
     ownerState: E
   });
   let j = a;
-  return j != null && j.type !== _ && !l && (j = /* @__PURE__ */ d(J, {
+  return j != null && j.type !== _ && !l && (j = /* @__PURE__ */ d(Z, {
     component: "span",
     ...V,
     className: I(q.label, V == null ? void 0 : V.className),
@@ -556,7 +556,7 @@ const U = G("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlaceme
     ownerState: E,
     ref: r,
     ...T,
-    children: [/* @__PURE__ */ m.cloneElement(f, L), R ? /* @__PURE__ */ P("div", {
+    children: [/* @__PURE__ */ m.cloneElement(f, G), R ? /* @__PURE__ */ P("div", {
       children: [j, /* @__PURE__ */ P(ao, {
         ownerState: E,
         "aria-hidden": !0,
@@ -657,7 +657,7 @@ process.env.NODE_ENV !== "production" && (ve.propTypes = {
 function io(e) {
   return D("MuiFormGroup", e);
 }
-G("MuiFormGroup", ["root", "row", "error"]);
+L("MuiFormGroup", ["root", "row", "error"]);
 const lo = (e) => {
   const {
     classes: t,
@@ -820,7 +820,7 @@ function bo() {
 function yo(e) {
   return D("MuiRadio", e);
 }
-const de = G("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), go = (e) => {
+const de = L("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), go = (e) => {
   const {
     classes: t,
     color: r,
@@ -1039,7 +1039,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
 function ko(e) {
   return D("MuiRadioGroup", e);
 }
-G("MuiRadioGroup", ["root", "row", "error"]);
+L("MuiRadioGroup", ["root", "row", "error"]);
 const wo = (e) => {
   const {
     classes: t,
@@ -1072,7 +1072,7 @@ const wo = (e) => {
       b || (b = a.current.querySelector("input:not(:disabled)")), b && b.focus();
     }
   }), []);
-  const O = Ge(r, a), y = De(f), x = m.useMemo(() => ({
+  const O = Le(r, a), y = De(f), x = m.useMemo(() => ({
     name: y,
     onChange(b) {
       k(b.target.value), c && c(b, b.target.value);
@@ -1183,7 +1183,7 @@ process.env.NODE_ENV !== "production" && (Se.propTypes = {
 function So(e) {
   return D("MuiSwitch", e);
 }
-const g = G("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), Ro = (e) => {
+const g = L("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), Ro = (e) => {
   const {
     classes: t,
     edge: r,
@@ -1497,7 +1497,15 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
   value: o.any
 });
 const $o = (e, t) => {
-  const r = ["EMAIL", "INAPP_WEB", "SMS", "CALL", "PUSH", "WEB_PUSH"];
+  const r = [
+    "EMAIL",
+    "INAPP_WEB",
+    "SMS",
+    "CALL",
+    "PUSH",
+    "WEB_PUSH",
+    "SLACK"
+  ];
   return r.indexOf(e) - r.indexOf(t);
 }, fe = (e, t) => {
   const r = ["off", "instant", "hourly", "daily", "weekly", "monthly"];
@@ -1509,7 +1517,7 @@ const $o = (e, t) => {
   daily: "Daily",
   weekly: "Weekly",
   monthly: "Monthly"
-})[e], Go = ({
+})[e], Lo = ({
   notification: e,
   preferences: t,
   updateDelivery: r,
@@ -1644,6 +1652,6 @@ const $o = (e, t) => {
   ] }, s);
 }) });
 export {
-  Go as P,
+  Lo as P,
   Ae as c
 };

package/dist/assets/channelUtils.js

@@ -1,45 +1,48 @@
 import { jsx as a } from "react/jsx-runtime";
 import { Channels as c } from "../components/Notifications/interface.js";
-import { c as t } from "./createSvgIcon.js";
-const o = t(/* @__PURE__ */ a("path", {
+import { c as r, S as o } from "./createSvgIcon.js";
+const e = r(/* @__PURE__ */ a("path", {
   d: "M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99"
-}), "Call"), l = t(/* @__PURE__ */ a("path", {
+}), "Call"), t = r(/* @__PURE__ */ a("path", {
   d: "M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
-}), "EmailOutlined"), e = t(/* @__PURE__ */ a("path", {
+}), "EmailOutlined"), n = r(/* @__PURE__ */ a("path", {
   d: "M22 6.98V16c0 1.1-.9 2-2 2H6l-4 4V4c0-1.1.9-2 2-2h10.1c-.06.32-.1.66-.1 1 0 2.76 2.24 5 5 5 1.13 0 2.16-.39 3-1.02M16 3c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3"
-}), "MarkChatUnread"), n = t(/* @__PURE__ */ a("path", {
+}), "MarkChatUnread"), s = r(/* @__PURE__ */ a("path", {
   d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
-}), "NotificationsOutlined"), s = t(/* @__PURE__ */ a("path", {
+}), "NotificationsOutlined"), h = r(/* @__PURE__ */ a("path", {
   d: "M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1m-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m4.5-4H7V4h9z"
-}), "PhoneIphone"), m = t(/* @__PURE__ */ a("path", {
+}), "PhoneIphone"), i = r(/* @__PURE__ */ a("path", {
   d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M9 11H7V9h2zm4 0h-2V9h2zm4 0h-2V9h2z"
-}), "Sms"), z = (r) => ({
+}), "Sms"), M = (l) => ({
   EMAIL: "Email",
   INAPP_WEB: "In-App",
   SMS: "Text",
   CALL: "Automated Calling",
   PUSH: "Mobile",
-  WEB_PUSH: "Browser"
-})[r], C = (r) => {
-  switch (r) {
+  WEB_PUSH: "Browser",
+  SLACK: "Slack"
+})[l], v = (l) => {
+  switch (l) {
     case c.EMAIL:
-      return /* @__PURE__ */ a(l, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(t, { fontSize: "small", color: "primary" });
     case c.SMS:
-      return /* @__PURE__ */ a(m, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(i, { fontSize: "small", color: "primary" });
     case c.PUSH:
-      return /* @__PURE__ */ a(s, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(h, { fontSize: "small", color: "primary" });
     case c.CALL:
-      return /* @__PURE__ */ a(o, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(e, { fontSize: "small", color: "primary" });
     case c.INAPP_WEB:
-      return /* @__PURE__ */ a(n, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(s, { fontSize: "small", color: "primary" });
     case c.WEB_PUSH:
-      return /* @__PURE__ */ a(e, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(n, { fontSize: "small", color: "primary" });
+    case c.SLACK:
+      return /* @__PURE__ */ a(o, { fontSize: "small", color: "primary", children: /* @__PURE__ */ a("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.521-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.523 2.521h-2.521V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.521A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.523v-2.521h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }) });
     default:
-      return /* @__PURE__ */ a(l, { fontSize: "small", color: "primary" });
+      return /* @__PURE__ */ a(t, { fontSize: "small", color: "primary" });
   }
 };
 export {
-  n as N,
-  C as a,
-  z as g
+  s as N,
+  v as a,
+  M as g
 };

package/dist/assets/createSvgIcon.js

@@ -26,7 +26,7 @@ const $ = (o) => {
 })(N(({
   theme: o
 }) => {
-  var r, n, s, t, c, S, a, g, p, d, l, m, y, f;
+  var r, n, s, t, c, u, a, g, p, d, l, m, y, f;
   return {
     userSelect: "none",
     width: "1em",
@@ -58,7 +58,7 @@ const $ = (o) => {
           fontSize: "small"
         },
         style: {
-          fontSize: ((S = (c = o.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 20)) || "1.25rem"
+          fontSize: ((u = (c = o.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : u.call(c, 20)) || "1.25rem"
         }
       },
       {
@@ -79,13 +79,13 @@ const $ = (o) => {
       },
       // TODO v5 deprecate color prop, v6 remove for sx
       ...Object.entries((o.vars ?? o).palette).filter(([, i]) => i && i.main).map(([i]) => {
-        var u, v;
+        var S, v;
         return {
           props: {
             color: i
           },
           style: {
-            color: (v = (u = (o.vars ?? o).palette) == null ? void 0 : u[i]) == null ? void 0 : v.main
+            color: (v = (S = (o.vars ?? o).palette) == null ? void 0 : S[i]) == null ? void 0 : v.main
           }
         };
       }),
@@ -122,7 +122,7 @@ const $ = (o) => {
   }), {
     children: t,
     className: c,
-    color: S = "inherit",
+    color: u = "inherit",
     component: a = "svg",
     fontSize: g = "medium",
     htmlColor: p,
@@ -132,15 +132,15 @@ const $ = (o) => {
     ...y
   } = s, f = /* @__PURE__ */ h.isValidElement(t) && t.type === "svg", i = {
     ...s,
-    color: S,
+    color: u,
     component: a,
     fontSize: g,
     instanceFontSize: r.fontSize,
     inheritViewBox: d,
     viewBox: m,
     hasSvgAsChild: f
-  }, u = {};
-  d || (u.viewBox = m);
+  }, S = {};
+  d || (S.viewBox = m);
   const v = $(i);
   return /* @__PURE__ */ b(A, {
     as: a,
@@ -150,7 +150,7 @@ const $ = (o) => {
     "aria-hidden": l ? void 0 : !0,
     role: l ? "img" : void 0,
     ref: n,
-    ...u,
+    ...S,
     ...y,
     ...f && t.props,
     ownerState: i,
@@ -244,5 +244,6 @@ function V(o, r) {
   return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = x.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(n));
 }
 export {
+  x as S,
   V as c
 };

package/dist/components/Notifications/interface.d.ts

@@ -12,7 +12,8 @@ export declare enum Channels {
     SMS = "SMS",
     CALL = "CALL",
     PUSH = "PUSH",
-    WEB_PUSH = "WEB_PUSH"
+    WEB_PUSH = "WEB_PUSH",
+    SLACK = "SLACK"
 }
 export declare enum DeliveryOptions {
     OFF = "off",

package/dist/components/Notifications/interface.js

@@ -1,5 +1,5 @@
-var N = /* @__PURE__ */ ((I) => (I.INFINITE_SCROLL = "infinite_scroll", I.PAGINATED = "paginated", I))(N || {}), T = /* @__PURE__ */ ((I) => (I.ALL = "ALL", I.UNARCHIVED = "UNARCHIVED", I))(T || {}), A = /* @__PURE__ */ ((I) => (I.EMAIL = "EMAIL", I.INAPP_WEB = "INAPP_WEB", I.SMS = "SMS", I.CALL = "CALL", I.PUSH = "PUSH", I.WEB_PUSH = "WEB_PUSH", I))(A || {}), r = /* @__PURE__ */ ((I) => (I.OFF = "off", I.INSTANT = "instant", I.HOURLY = "hourly", I.DAILY = "daily", I.WEEKLY = "weekly", I.MONTHLY = "monthly", I))(r || {}), O = /* @__PURE__ */ ((I) => (I.COUNT_UNOPENED_NOTIFICATIONS = "COUNT_UNOPENED_NOTIFICATIONS", I.COUNT_UNARCHIVED_NOTIFICATIONS = "COUNT_UNARCHIVED_NOTIFICATIONS", I))(O || {}), E = /* @__PURE__ */ ((I) => (I.TOP_LEFT = "top-left", I.TOP_RIGHT = "top-right", I.BOTTOM_LEFT = "bottom-left", I.BOTTOM_RIGHT = "bottom-right", I))(E || {});
-const L = {
+var N = /* @__PURE__ */ ((I) => (I.INFINITE_SCROLL = "infinite_scroll", I.PAGINATED = "paginated", I))(N || {}), T = /* @__PURE__ */ ((I) => (I.ALL = "ALL", I.UNARCHIVED = "UNARCHIVED", I))(T || {}), A = /* @__PURE__ */ ((I) => (I.EMAIL = "EMAIL", I.INAPP_WEB = "INAPP_WEB", I.SMS = "SMS", I.CALL = "CALL", I.PUSH = "PUSH", I.WEB_PUSH = "WEB_PUSH", I.SLACK = "SLACK", I))(A || {}), r = /* @__PURE__ */ ((I) => (I.OFF = "off", I.INSTANT = "instant", I.HOURLY = "hourly", I.DAILY = "daily", I.WEEKLY = "weekly", I.MONTHLY = "monthly", I))(r || {}), O = /* @__PURE__ */ ((I) => (I.COUNT_UNOPENED_NOTIFICATIONS = "COUNT_UNOPENED_NOTIFICATIONS", I.COUNT_UNARCHIVED_NOTIFICATIONS = "COUNT_UNARCHIVED_NOTIFICATIONS", I))(O || {}), L = /* @__PURE__ */ ((I) => (I.TOP_LEFT = "top-left", I.TOP_RIGHT = "top-right", I.BOTTOM_LEFT = "bottom-left", I.BOTTOM_RIGHT = "bottom-right", I))(L || {});
+const E = {
   opened: "opened",
   clicked: "clicked",
   archived: "archived",
@@ -12,7 +12,7 @@ export {
   A as Channels,
   r as DeliveryOptions,
   T as Filter,
-  L as NOTIFICATION_ACTIONS,
+  E as NOTIFICATION_ACTIONS,
   N as Pagination,
-  E as Position
+  L as Position
 };

package/dist/components/Preferences/channelUtils.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "../Notifications/interface.js";
-import { a as t, g as r } from "../../assets/channelUtils.js";
+import { a as r, g as m } from "../../assets/channelUtils.js";
+import "../../assets/createSvgIcon.js";
 export {
-  t as getChannelIcon,
-  r as getChannelLabel
+  r as getChannelIcon,
+  m as getChannelLabel
 };

package/dist/components/Provider/index.js

@@ -1,5 +1,5 @@
 import { jsx as Q } from "react/jsx-runtime";
-import { useState as I, useCallback as m, useMemo as X, useRef as U, useEffect as P, useContext as Y } from "react";
+import { useState as I, useCallback as m, useMemo as X, useRef as U, useEffect as y, useContext as Y } from "react";
 import { NotificationAPIContext as H } from "./context.js";
 const Z = async (e, c, i, a, f, b, h) => {
   const l = ee(a, f, b), g = await fetch(
@@ -173,7 +173,7 @@ const Z = async (e, c, i, a, f, b, h) => {
     i.playSoundOnNewNotification && new Audio(i.newNotificationSoundPath).play().catch((s) => {
       console.log("Failed to play new notification sound:", s);
     });
-  }, [i.newNotificationSoundPath, i.playSoundOnNewNotification]), y = m((t) => {
+  }, [i.newNotificationSoundPath, i.playSoundOnNewNotification]), P = m((t) => {
     const s = (/* @__PURE__ */ new Date()).toISOString();
     f((n) => (t = Array.isArray(t) ? t : [], t = t.filter((d) => {
       const p = d.expDate && new Date(d.expDate).toISOString() > s, D = new Date(d.date).getTime() > new Date(s).getTime() + 1e3;
@@ -188,7 +188,7 @@ const Z = async (e, c, i, a, f, b, h) => {
       userId: i.user.id,
       hashedUserId: i.hashedUserId,
       onNewInAppNotifications: (s) => {
-        W(), y(s);
+        W(), P(s);
       },
       host: i.apiURL,
       websocketHost: i.wsURL
@@ -203,7 +203,7 @@ const Z = async (e, c, i, a, f, b, h) => {
     i.user.email,
     i.user.number,
     i.hashedUserId,
-    y,
+    P,
     W,
     e.client,
     i.apiURL,
@@ -211,11 +211,11 @@ const Z = async (e, c, i, a, f, b, h) => {
   ]), x = m(
     async (t, s) => {
       const n = await u.rest.getNotifications(t, s);
-      T(n.oldestReceived), C(n.couldLoadMore), y(n.notifications);
+      T(n.oldestReceived), C(n.couldLoadMore), P(n.notifications);
     },
-    [y, u.rest]
+    [P, u.rest]
   ), E = U(A), R = U(w), $ = U(k);
-  P(() => {
+  y(() => {
     E.current = A, R.current = w, $.current = k;
   }, [A, w, k]);
   const O = m(
@@ -330,17 +330,19 @@ const Z = async (e, c, i, a, f, b, h) => {
     i.customServiceWorkerPath,
     l == null ? void 0 : l.userAccountMetadata.environmentVapidPublicKey
   ]);
-  P(() => {
+  y(() => {
     f([]), S(!1), h(void 0), T((/* @__PURE__ */ new Date()).toISOString()), C(!0), O(!0), u.openWebSocket(), u.getPreferences().then((t) => {
       h(t);
     });
-  }, [u, O, M]), P(() => {
-    F && "Notification" in window && typeof Notification.requestPermission == "function" && Notification.permission !== "default" && N(!1), u.getUserAccountMetadata().then((t) => {
-      g(t), N(t.userAccountMetadata.hasWebPushEnabled);
-    }), v === "AUTOMATIC" && N(
+  }, [u, O, M]), y(() => {
+    u.getUserAccountMetadata().then((t) => {
+      g(t), F && "Notification" in window && typeof Notification.requestPermission == "function" ? Notification.permission !== "default" && N(!1) : N(t.userAccountMetadata.hasWebPushEnabled);
+    });
+  }, [u]), y(() => {
+    v === "AUTOMATIC" && N(
       localStorage.getItem("hideWebPushOptInMessage") !== "true"
     );
-  }, [u, v]), P(() => {
+  }, [v]), y(() => {
     L && M();
   }, [L, M]);
   const z = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.1.3",
+  "version": "1.2.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",
@@ -63,7 +63,7 @@
     "@fontsource/roboto": "^5.1.1",
     "@mui/icons-material": "^6.3.1",
     "@mui/material": "^6.3.1",
-    "@notificationapi/core": "^0.0.15",
+    "@notificationapi/core": "^0.0.16",
     "javascript-time-ago": "^2.5.10",
     "liquidjs": "^10.14.0",
     "rc-virtual-list": "^3.11.5",