@notificationapi/react 1.0.3 → 1.1.0

package/dist/assets/DefaultPropsProvider.js

@@ -226,12 +226,14 @@ function He(e, r) {
 }
 function Ge(e) {
   switch (e) {
+    // \0 \t \n \r \s whitespace token
     case 0:
     case 9:
     case 10:
     case 13:
     case 32:
       return 5;
+    // ! + , / > @ ~ isolate token
     case 33:
     case 43:
     case 44:
@@ -239,17 +241,21 @@ function Ge(e) {
     case 62:
     case 64:
     case 126:
+    // ; { } breakpoint token
     case 59:
     case 123:
     case 125:
       return 4;
+    // : accompanied token
     case 58:
       return 3;
+    // " ' ( [ opening delimit token
     case 34:
     case 39:
     case 40:
     case 91:
       return 2;
+    // ) ] closing delimit token
     case 41:
     case 93:
       return 1;
@@ -278,15 +284,19 @@ function Fn(e, r) {
 function Mr(e) {
   for (; de(); )
     switch (re) {
+      // ] ) " '
       case e:
         return le;
+      // " '
       case 34:
       case 39:
         e !== 34 && e !== 39 && Mr(re);
         break;
+      // (
       case 40:
         e === 41 && Mr(e);
         break;
+      // \
       case 92:
         de();
         break;
@@ -310,25 +320,30 @@ function Wn(e) {
 function or(e, r, t, n, o, i, s, u, l) {
   for (var f = 0, m = 0, d = s, h = 0, S = 0, y = 0, c = 1, v = 1, E = 1, _ = 0, x = "", C = o, g = i, $ = n, O = x; v; )
     switch (y = _, _ = de()) {
+      // (
       case 40:
         if (y != 108 && oe(O, d - 1) == 58) {
           Nr(O += L(nr(_), "&", "&\f"), "&\f") != -1 && (E = -1);
           break;
         }
+      // " ' [
       case 34:
       case 39:
       case 91:
         O += nr(_);
         break;
+      // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
         O += Bn(y);
         break;
+      // \
       case 92:
         O += Fn(tr() - 1, 7);
         continue;
+      // /
       case 47:
         switch (Se()) {
           case 42:
@@ -339,26 +354,33 @@ function or(e, r, t, n, o, i, s, u, l) {
             O += "/";
         }
         break;
+      // {
       case 123 * c:
         u[f++] = be(O) * E;
+      // } ; \0
       case 125 * c:
       case 59:
       case 0:
         switch (_) {
+          // \0 }
           case 0:
           case 125:
             v = 0;
+          // ;
           case 59 + m:
             E == -1 && (O = L(O, /\f/g, "")), S > 0 && be(O) - d && Je(S > 32 ? ot(O + ";", n, t, d - 1) : ot(L(O, " ", "") + ";", n, t, d - 2), l);
             break;
+          // @ ;
           case 59:
             O += ";";
+          // { rule/at-rule
           default:
             if (Je($ = nt(O, r, t, f, m, o, u, x, C = [], g = [], d), i), _ === 123)
               if (m === 0)
                 or(O, r, $, $, C, i, d, u, g);
               else
                 switch (h === 99 && oe(O, 3) === 110 ? 100 : h) {
+                  // d l m s
                   case 100:
                   case 108:
                   case 109:
@@ -371,6 +393,7 @@ function or(e, r, t, n, o, i, s, u, l) {
         }
         f = m = S = 0, c = E = 1, x = O = "", d = s;
         break;
+      // :
       case 58:
         d = 1 + be(O), S = y;
       default:
@@ -381,15 +404,19 @@ function or(e, r, t, n, o, i, s, u, l) {
             continue;
         }
         switch (O += cr(_), _ * c) {
+          // &
           case 38:
             E = m > 0 ? 1 : (O += "\f", -1);
             break;
+          // ,
           case 44:
             u[f++] = (be(O) - 1) * E, E = 1;
             break;
+          // @
           case 64:
             Se() === 45 && (O += nr(de())), h = Se(), m = d = be(x = O += Ln(tr())), _++;
             break;
+          // -
           case 45:
             y === 45 && be(O) == 2 && (c = 0);
         }
@@ -461,6 +488,7 @@ var Gn = function(r, t, n) {
           r[++n] = Se() === 58 ? "&\f" : "", t[n] = r[n].length;
           break;
         }
+      // fallthrough
       default:
         r[n] += cr(o);
     }
@@ -491,8 +519,10 @@ var Gn = function(r, t, n) {
 };
 function zt(e, r) {
   switch (Rn(e, r)) {
+    // color-adjust
     case 5103:
       return j + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
     case 3177:
@@ -500,18 +530,21 @@ function zt(e, r) {
     case 1641:
     case 4457:
     case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
     case 5572:
     case 6356:
     case 5844:
     case 3191:
     case 6645:
     case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
     case 6391:
     case 5879:
     case 5623:
     case 6135:
     case 4599:
     case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
     case 4215:
     case 6389:
     case 5109:
@@ -519,43 +552,58 @@ function zt(e, r) {
     case 5621:
     case 3829:
       return j + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
       return j + e + ar + e + ae + e + e;
+    // flex, flex-direction
     case 6828:
     case 4268:
       return j + e + ae + e + e;
+    // order
     case 6165:
       return j + e + ae + "flex-" + e + e;
+    // align-items
     case 5187:
       return j + e + L(e, /(\w+).+(:[^]+)/, j + "box-$1$2" + ae + "flex-$1$2") + e;
+    // align-self
     case 5443:
       return j + e + ae + "flex-item-" + L(e, /flex-|-self/, "") + e;
+    // align-content
     case 4675:
       return j + e + ae + "flex-line-pack" + L(e, /align-content|flex-|-self/, "") + e;
+    // flex-shrink
     case 5548:
       return j + e + ae + L(e, "shrink", "negative") + e;
+    // flex-basis
     case 5292:
       return j + e + ae + L(e, "basis", "preferred-size") + e;
+    // flex-grow
     case 6060:
       return j + "box-" + L(e, "-grow", "") + j + e + ae + L(e, "grow", "positive") + e;
+    // transition
     case 4554:
       return j + L(e, /([^-])(transform)/g, "$1" + j + "$2") + e;
+    // cursor
     case 6187:
       return L(L(L(e, /(zoom-|grab)/, j + "$1"), /(image-set)/, j + "$1"), e, "") + e;
+    // background, background-image
     case 5495:
     case 3959:
       return L(e, /(image-set\([^]*)/, j + "$1$`$1");
+    // justify-content
     case 4968:
       return L(L(e, /(.+:)(flex-)?(.*)/, j + "box-pack:$3" + ae + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + j + e + e;
+    // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
       return L(e, /(.+)-inline(.+)/, j + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
     case 5753:
@@ -569,30 +617,41 @@ function zt(e, r) {
     case 5021:
     case 4765:
       if (be(e) - 1 - r > 6) switch (oe(e, r + 1)) {
+        // (m)ax-content, (m)in-content
         case 109:
           if (oe(e, r + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
         case 102:
           return L(e, /(.+:)(.+)-([^]+)/, "$1" + j + "$2-$3$1" + ar + (oe(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+        // (s)tretch
         case 115:
           return ~Nr(e, "stretch") ? zt(L(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
+    // position: sticky
     case 4949:
       if (oe(e, r + 1) !== 115) break;
+    // display: (flex|inline-flex)
     case 6444:
       switch (oe(e, be(e) - 3 - (~Nr(e, "!important") && 10))) {
+        // stic(k)y
         case 107:
           return L(e, ":", ":" + j) + e;
+        // (inline-)?fl(e)x
         case 101:
           return L(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + j + (oe(e, 14) === 45 ? "inline-" : "") + "box$3$1" + j + "$2$3$1" + ae + "$2box$3") + e;
       }
       break;
+    // writing-mode
     case 5936:
       switch (oe(e, r + 11)) {
+        // vertical-l(r)
         case 114:
           return j + e + ae + L(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
         case 108:
           return j + e + ae + L(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
         case 45:
           return j + e + ae + L(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
@@ -612,11 +671,13 @@ var Qn = function(r, t, n, o) {
     case Vr:
       if (r.length) return Nn(r.props, function(i) {
         switch (In(i, /(::plac\w+|:read-\w+)/)) {
+          // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return Ne([Le(r, {
               props: [L(i, /:(read-\w+)/, ":" + ar + "$1")]
             })], o);
+          // :placeholder
           case "::placeholder":
             return Ne([Le(r, {
               props: [L(i, /:(plac\w+)/, ":" + j + "input-$1")]

package/dist/assets/Notification.js

@@ -676,7 +676,7 @@ function fr(t, e) {
 }
 function Gi(t) {
   const e = t.getFullYear();
-  return !!(!(e & 3) && (e % 100 || e % 400 === 0 && e));
+  return !!((e & 3) === 0 && (e % 100 || e % 400 === 0 && e));
 }
 function Xi(t) {
   const e = t.getDate();
@@ -3202,6 +3202,8 @@ function qn(t) {
   switch (r) {
     case "lookup":
       return Ar(t);
+    // "best fit" locale matching is not supported.
+    // https://github.com/catamphetamine/relative-time-format/issues/2
     case "best fit":
       return Ar(t);
     default:
@@ -4567,6 +4569,7 @@ const wl = en(en({}, _t), {}, {
 });
 function vl(t) {
   switch (t) {
+    // "default" style name is deprecated.
     case "default":
     case "round":
       return Lt;
@@ -4574,6 +4577,7 @@ function vl(t) {
       return At;
     case "approximate":
       return qr;
+    // "time" style name is deprecated.
     case "time":
     case "approximate-time":
       return il;

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

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { NotificationAPIClientSDK } from '@notificationapi/core';
-import { User } from '@notificationapi/core/dist/interfaces';
+import { User, API_REGION, WS_REGION } from '@notificationapi/core/dist/interfaces';
 import { Context } from './context';
 
 type Props = ({
@@ -10,8 +10,8 @@ type Props = ({
 }) & {
     clientId: string;
     hashedUserId?: string;
-    apiURL?: string;
-    wsURL?: string;
+    apiURL?: string | API_REGION;
+    wsURL?: string | WS_REGION;
     initialLoadMaxCount?: number;
     initialLoadMaxAge?: Date;
     playSoundOnNewNotification?: boolean;

package/dist/components/Provider/index.js

@@ -1,11 +1,11 @@
 import { jsx as Q } from "react/jsx-runtime";
-import { useState as I, useCallback as m, useMemo as X, useRef as T, useEffect as P, useContext as Y } from "react";
+import { useState as I, useCallback as m, useMemo as X, useRef as U, useEffect as P, useContext as Y } from "react";
 import { NotificationAPIContext as H } from "./context.js";
-const Z = async (e, c, o, a, f, N, h) => {
-  const l = ee(a, f, N), g = await fetch(
+const Z = async (e, c, i, a, f, b, h) => {
+  const l = ee(a, f, b), g = await fetch(
     `https://${c}/${a}/users/${encodeURIComponent(
       f
-    )}/${o}`,
+    )}/${i}`,
     {
       method: e,
       body: JSON.stringify(h),
@@ -19,7 +19,7 @@ const Z = async (e, c, o, a, f, N, h) => {
   } catch {
     return;
   }
-}, ee = (e, c, o) => btoa(o ? e + ":" + c + ":" + o : e + ":" + c), q = {
+}, ee = (e, c, i) => btoa(i ? e + ":" + c + ":" + i : e + ":" + c), q = {
   host: "api.notificationapi.com",
   websocketHost: "ws.notificationapi.com",
   userId: "",
@@ -32,7 +32,7 @@ const Z = async (e, c, o, a, f, N, h) => {
   onNewInAppNotifications: void 0,
   keepWebSocketAliveForSeconds: 86400
   // 24 hours
-}, i = {
+}, o = {
   config: q,
   init: function(e) {
     return this.config = { ...q, ...e }, {
@@ -40,71 +40,71 @@ const Z = async (e, c, o, a, f, N, h) => {
     };
   },
   rest: {
-    generic: function(e, c, o) {
+    generic: function(e, c, i) {
       return Z(
         e,
-        i.config.host,
+        o.config.host,
         c,
-        i.config.clientId,
-        i.config.userId,
-        i.config.hashedUserId,
-        o
+        o.config.clientId,
+        o.config.userId,
+        o.config.hashedUserId,
+        i
       );
     },
     // The functions below are nice wrappers over the generic
     // rest  api function above. They must follow REST API naming:
     // Method + Resource, representing the end-point.
     getNotifications: function(e, c) {
-      return i.rest.generic(
+      return o.rest.generic(
         "GET",
         `notifications/INAPP_WEB?count=${c}&before=${e}`
       );
     },
     patchNotifications: function(e) {
-      return i.rest.generic(
+      return o.rest.generic(
         "PATCH",
         "notifications/INAPP_WEB",
         e
       );
     },
     getPreferences: function() {
-      return i.rest.generic("GET", "preferences");
+      return o.rest.generic("GET", "preferences");
     },
     postPreferences: function(e) {
-      return i.rest.generic(
+      return o.rest.generic(
         "POST",
         "preferences",
         e
       );
     },
     postUser: function(e) {
-      return i.rest.generic("POST", "", e);
+      return o.rest.generic("POST", "", e);
     },
     getUserAccountMetadata: function() {
-      return i.rest.generic("GET", "account_metadata");
+      return o.rest.generic("GET", "account_metadata");
     }
   },
   websocket: {
     object: void 0,
     connect: function() {
-      let e = `wss://${i.config.websocketHost}?userId=${encodeURIComponent(i.config.userId)}&envId=${i.config.clientId}`;
-      return i.config.hashedUserId && (e += `&userIdHash=${encodeURIComponent(i.config.hashedUserId)}`), i.websocket.object = new WebSocket(e), i.websocket.object.onmessage = (c) => {
-        const o = JSON.parse(c.data);
-        if (!(!o || !o.route) && o.route === "inapp_web/new_notifications") {
-          const a = o;
-          i.config.onNewInAppNotifications && i.config.onNewInAppNotifications(
+      let e = `wss://${o.config.websocketHost}?userId=${encodeURIComponent(o.config.userId)}&envId=${o.config.clientId}`;
+      return o.config.hashedUserId && (e += `&userIdHash=${encodeURIComponent(o.config.hashedUserId)}`), o.websocket.object = new WebSocket(e), o.websocket.object.onmessage = (c) => {
+        const i = JSON.parse(c.data);
+        if (!(!i || !i.route) && i.route === "inapp_web/new_notifications") {
+          const a = i;
+          o.config.onNewInAppNotifications && o.config.onNewInAppNotifications(
             a.payload.notifications
           );
         }
-      }, i.websocket.object;
+      }, o.websocket.object;
     },
     disconnect: function(e) {
       var c;
-      i.websocket.object && ((c = i.websocket.object) == null || c.close(), e && e(i.websocket.object));
+      o.websocket.object && ((c = o.websocket.object) == null || c.close(), e && e(o.websocket.object));
     }
   },
   openWebSocket: function() {
-    return i.websocket.connect(() => {
+    return o.websocket.connect(() => {
       setTimeout(
         () => {
           this.websocket.disconnect(() => {
@@ -119,10 +119,10 @@ const Z = async (e, c, o, a, f, N, h) => {
   // They may or may not do additional tasks.
   // e.g. identify simply maps to postUsers
   getInAppNotifications: async (e) => {
-    const c = e.maxCountNeeded || i.config.getInAppDefaultCount, o = e.oldestNeeded || i.config.getInAppDefaultOldest;
-    let a = [], f = e.before, N = !0, h = !0;
+    const c = e.maxCountNeeded || o.config.getInAppDefaultCount, i = e.oldestNeeded || o.config.getInAppDefaultOldest;
+    let a = [], f = e.before, b = !0, h = !0;
     for (; h; ) {
-      const l = (await i.rest.getNotifications(
+      const l = (await o.rest.getNotifications(
         f,
         c
       )).notifications.filter(
@@ -131,11 +131,11 @@ const Z = async (e, c, o, a, f, N, h) => {
       f = l.reduce(
         (g, w) => g < w.date ? g : w.date,
         e.before
-      ), a = [...a, ...l], N = l.length > 0, h = !0, (!N || a.length >= c || f < o) && (h = !1);
+      ), a = [...a, ...l], b = l.length > 0, h = !0, (!b || a.length >= c || f < i) && (h = !1);
     }
     return {
       items: a,
-      hasMore: N,
+      hasMore: b,
       oldestReceived: f
     };
   },
@@ -143,23 +143,23 @@ const Z = async (e, c, o, a, f, N, h) => {
     const c = {
       trackingIds: e.ids
     };
-    return e.archived === !0 ? c.archived = (/* @__PURE__ */ new Date()).toISOString() : e.archived === !1 && (c.archived = null), e.clicked === !0 ? c.clicked = (/* @__PURE__ */ new Date()).toISOString() : e.clicked === !1 && (c.clicked = null), e.opened === !0 ? c.opened = (/* @__PURE__ */ new Date()).toISOString() : e.opened === !1 && (c.opened = null), i.rest.patchNotifications(c);
+    return e.archived === !0 ? c.archived = (/* @__PURE__ */ new Date()).toISOString() : e.archived === !1 && (c.archived = null), e.clicked === !0 ? c.clicked = (/* @__PURE__ */ new Date()).toISOString() : e.clicked === !1 && (c.clicked = null), e.opened === !0 ? c.opened = (/* @__PURE__ */ new Date()).toISOString() : e.opened === !1 && (c.opened = null), o.rest.patchNotifications(c);
   },
-  getPreferences: async () => i.rest.getPreferences(),
-  updateDeliveryOption: async (e) => i.rest.postPreferences([e]),
+  getPreferences: async () => o.rest.getPreferences(),
+  updateDeliveryOption: async (e) => o.rest.postPreferences([e]),
   identify: async (e) => {
-    if (e.id && e.id !== i.config.userId)
+    if (e.id && e.id !== o.config.userId)
       throw new Error(
         "The id in the parameters does not match the initialized userId."
       );
-    return i.rest.postUser(e);
+    return o.rest.postUser(e);
   },
-  getUserAccountMetadata: async () => i.rest.getUserAccountMetadata()
+  getUserAccountMetadata: async () => o.rest.getUserAccountMetadata()
 }, F = typeof window < "u", te = (e) => {
-  const o = {
+  const i = {
     ...{
-      apiURL: "https://api.notificationapi.com",
-      wsURL: "wss://ws.notificationapi.com",
+      apiURL: "api.notificationapi.com",
+      wsURL: "ws.notificationapi.com",
       initialLoadMaxCount: 1e3,
       initialLoadMaxAge: new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 3)),
       playSoundOnNewNotification: !1,
@@ -169,11 +169,11 @@ const Z = async (e, c, o, a, f, N, h) => {
     },
     ...e,
     user: "userId" in e ? { id: e.userId } : e.user
-  }, [a, f] = I(), [N, h] = I(), [l, g] = I(), [w, S] = I(!1), [k, C] = I((/* @__PURE__ */ new Date()).toISOString()), [A, U] = I(!0), [v, b] = I(o.webPushOptInMessage), [W, J] = I(!1), x = m(() => {
-    o.playSoundOnNewNotification && new Audio(o.newNotificationSoundPath).play().catch((s) => {
+  }, [a, f] = I(), [b, h] = I(), [l, g] = I(), [w, S] = I(!1), [k, T] = I((/* @__PURE__ */ new Date()).toISOString()), [A, C] = I(!0), [v, N] = I(i.webPushOptInMessage), [L, J] = I(!1), W = m(() => {
+    i.playSoundOnNewNotification && new Audio(i.newNotificationSoundPath).play().catch((s) => {
       console.log("Failed to play new notification sound:", s);
     });
-  }, [o.newNotificationSoundPath, o.playSoundOnNewNotification]), y = m((t) => {
+  }, [i.newNotificationSoundPath, i.playSoundOnNewNotification]), y = 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 * 1e3).toISOString() < s, D = new Date(d.date).getTime() > new Date(s).getTime() + 1e3;
@@ -183,52 +183,56 @@ const Z = async (e, c, o, a, f, N, h) => {
       ...n
     ]));
   }, []), u = X(() => {
-    const t = e.client ? e.client : i.init({
-      clientId: o.clientId,
-      userId: o.user.id,
-      hashedUserId: o.hashedUserId,
+    const t = e.client ? e.client : o.init({
+      clientId: i.clientId,
+      userId: i.user.id,
+      hashedUserId: i.hashedUserId,
       onNewInAppNotifications: (s) => {
-        x(), y(s);
-      }
+        W(), y(s);
+      },
+      host: i.apiURL,
+      websocketHost: i.wsURL
     });
     return t.identify({
-      email: o.user.email,
-      number: o.user.number
+      email: i.user.email,
+      number: i.user.number
     }), t;
   }, [
-    o.clientId,
-    o.user.id,
-    o.user.email,
-    o.user.number,
-    o.hashedUserId,
+    i.clientId,
+    i.user.id,
+    i.user.email,
+    i.user.number,
+    i.hashedUserId,
     y,
-    x,
-    e.client
-  ]), E = m(
+    W,
+    e.client,
+    i.apiURL,
+    i.wsURL
+  ]), x = m(
     async (t, s) => {
       const n = await u.rest.getNotifications(t, s);
-      C(n.oldestReceived), U(n.couldLoadMore), y(n.notifications);
+      T(n.oldestReceived), C(n.couldLoadMore), y(n.notifications);
     },
     [y, u.rest]
-  ), L = T(A), R = T(w), $ = T(k);
+  ), E = U(A), R = U(w), $ = U(k);
   P(() => {
-    L.current = A, R.current = w, $.current = k;
+    E.current = A, R.current = w, $.current = k;
   }, [A, w, k]);
   const O = m(
     async (t) => {
-      if (!(!t && (!L.current || R.current))) {
+      if (!(!t && (!E.current || R.current))) {
         S(!0);
         try {
-          await E(
+          await x(
             t ? (/* @__PURE__ */ new Date()).toISOString() : $.current,
-            t ? o.initialLoadMaxCount : 1e3
+            t ? i.initialLoadMaxCount : 1e3
           );
         } finally {
           S(!1);
         }
       }
     },
-    [o.initialLoadMaxCount, E]
+    [i.initialLoadMaxCount, x]
   ), B = async (t) => {
     if (!a) return;
     const s = (/* @__PURE__ */ new Date()).toISOString(), n = a.filter((r) => t.includes(r.id) && !r.clicked).map((r) => r.id);
@@ -289,8 +293,8 @@ const Z = async (e, c, o, a, f, N, h) => {
       });
     });
   }, M = m(() => {
-    "serviceWorker" in navigator && navigator.serviceWorker.register(o.customServiceWorkerPath).then(async (t) => {
-      b(!1), ie().then(async (s) => {
+    "serviceWorker" in navigator && navigator.serviceWorker.register(i.customServiceWorkerPath).then(async (t) => {
+      N(!1), ne().then(async (s) => {
         s === "granted" ? await t.pushManager.subscribe({
           userVisibleOnly: !0,
           applicationServerKey: l == null ? void 0 : l.userAccountMetadata.environmentVapidPublicKey
@@ -323,25 +327,25 @@ const Z = async (e, c, o, a, f, N, h) => {
     });
   }, [
     u,
-    o.customServiceWorkerPath,
+    i.customServiceWorkerPath,
     l == null ? void 0 : l.userAccountMetadata.environmentVapidPublicKey
   ]);
   P(() => {
-    f([]), S(!1), h(void 0), C((/* @__PURE__ */ new Date()).toISOString()), U(!0), O(!0), u.openWebSocket(), u.getPreferences().then((t) => {
+    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" && b(!1), v === "AUTOMATIC" && (b(
+    F && "Notification" in window && typeof Notification.requestPermission == "function" && Notification.permission !== "default" && N(!1), v === "AUTOMATIC" && (N(
       localStorage.getItem("hideWebPushOptInMessage") !== "true"
     ), u.getUserAccountMetadata().then((t) => {
-      g(t), b(t.userAccountMetadata.hasWebPushEnabled);
+      g(t), N(t.userAccountMetadata.hasWebPushEnabled);
     }));
   }, [u, v]), P(() => {
-    W && M();
-  }, [W, M]);
+    L && M();
+  }, [L, M]);
   const z = {
     notifications: a,
-    preferences: N,
+    preferences: b,
     userAccountMetaData: l,
     webPushOptInMessage: v,
     loadNotifications: O,
@@ -352,18 +356,18 @@ const Z = async (e, c, o, a, f, N, h) => {
     updateDelivery: _,
     updateDeliveries: j,
     getClient: () => u,
-    setWebPushOptInMessage: b,
+    setWebPushOptInMessage: N,
     setWebPushOptIn: J
   };
   return /* @__PURE__ */ Q(H.Provider, { value: z, children: e.children });
-}, ne = () => {
+}, ie = () => {
   const e = Y(H);
   if (!e)
     throw new Error("useMyContext must be used within a MyProvider");
   return e;
 };
-te.useNotificationAPIContext = ne;
-const ie = async () => {
+te.useNotificationAPIContext = ie;
+const ne = async () => {
   if (F && "Notification" in window && typeof Notification.requestPermission == "function")
     try {
       return await Notification.requestPermission();

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.1.0",
   "type": "module",
+  "overrides": {
+    "esbuild": "^0.25.0",
+    "vue-template-compiler": "^2.7.16"
+  },
   "browserslist": [
     "last 2 versions",
     "last 2 ChromeAndroid versions",
@@ -59,7 +63,7 @@
     "@fontsource/roboto": "^5.1.1",
     "@mui/icons-material": "^6.3.1",
     "@mui/material": "^6.3.1",
-    "@notificationapi/core": "^0.0.12",
+    "@notificationapi/core": "^0.0.15",
     "javascript-time-ago": "^2.5.10",
     "liquidjs": "^10.14.0",
     "rc-virtual-list": "^3.11.5",