@notificationapi/react 0.0.34 → 0.0.35

package/dist/components/Preferences/Preferences.js

@@ -2,11 +2,12 @@ import { jsxs as re, Fragment as V, jsx as z } from "react/jsx-runtime";
 import { NotificationAPIContext as le } from "../Provider/index.js";
 import * as M from "react";
 import h, { useContext as se } from "react";
-import { PreferenceInput as W } from "./PreferenceInput.js";
+import { P as W } from "../../assets/PreferenceInput.js";
 import { R as ce } from "../../assets/RightOutlined.js";
-import { e as J, c as D, f as K, d as Q, a as T, w as de, b as ue } from "../../assets/presets.js";
-import { d as fe, _ as me, e as Y, a as Z, g as ve, m as pe, u as _, r as ge, f as Ce, c as X } from "../../assets/colors.js";
-import { K as q, t as ee, u as be, e as ye, f as he, o as F } from "../../assets/index3.js";
+import { f as J, c as D, b as K, e as Q, a as T, w as de, d as ue } from "../../assets/presets.js";
+import { e as fe, d as me, f as Y, a as Z, g as ve, m as pe, u as R, r as ge, h as Ce, c as X } from "../../assets/reactNode.js";
+import { t as ee, u as be, a as ye, o as q } from "../../assets/compact-item.js";
+import { K as F, e as he } from "../../assets/index3.js";
 import { p as xe } from "../../assets/pickAttrs.js";
 var ne = /* @__PURE__ */ h.forwardRef(function(e, n) {
   var a = e.prefixCls, t = e.forceRender, o = e.className, c = e.style, v = e.children, l = e.isActive, u = e.role, i = e.classNames, C = e.styles, f = h.useState(l || t), d = J(f, 2), r = d[0], g = d[1];
@@ -27,14 +28,14 @@ var Ie = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender",
   var a = e.showArrow, t = a === void 0 ? !0 : a, o = e.headerClass, c = e.isActive, v = e.onItemClick, l = e.forceRender, u = e.className, i = e.classNames, C = i === void 0 ? {} : i, f = e.styles, d = f === void 0 ? {} : f, r = e.prefixCls, g = e.collapsible, x = e.accordion, s = e.panelKey, b = e.extra, $ = e.header, N = e.expandIcon, p = e.openMotion, S = e.destroyInactivePanel, y = e.children, E = Q(e, Ie), P = g === "disabled", w = g === "header", A = g === "icon", m = b != null && typeof b != "boolean", I = function() {
     v == null || v(s);
   }, O = function(B) {
-    (B.key === "Enter" || B.keyCode === q.ENTER || B.which === q.ENTER) && I();
-  }, R = typeof N == "function" ? N(e) : /* @__PURE__ */ h.createElement("i", {
+    (B.key === "Enter" || B.keyCode === F.ENTER || B.which === F.ENTER) && I();
+  }, _ = typeof N == "function" ? N(e) : /* @__PURE__ */ h.createElement("i", {
     className: "arrow"
   });
-  R && (R = /* @__PURE__ */ h.createElement("div", {
+  _ && (_ = /* @__PURE__ */ h.createElement("div", {
     className: "".concat(r, "-expand-icon"),
     onClick: ["header", "icon"].includes(g) ? I : void 0
-  }, R));
+  }, _));
   var H = D(K(K(K({}, "".concat(r, "-item"), !0), "".concat(r, "-item-active"), c), "".concat(r, "-item-disabled"), P), u), G = D(o, K(K(K({}, "".concat(r, "-header"), !0), "".concat(r, "-header-collapsible-only"), w), "".concat(r, "-icon-collapsible-only"), A), C.header), k = {
     className: G,
     "aria-expanded": c,
@@ -45,7 +46,7 @@ var Ie = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender",
   return !w && !A && (k.onClick = I, k.role = x ? "tab" : "button", k.tabIndex = P ? -1 : 0), /* @__PURE__ */ h.createElement("div", T({}, E, {
     ref: n,
     className: H
-  }), /* @__PURE__ */ h.createElement("div", k, t && R, /* @__PURE__ */ h.createElement("span", {
+  }), /* @__PURE__ */ h.createElement("div", k, t && _, /* @__PURE__ */ h.createElement("span", {
     className: "".concat(r, "-header-text"),
     onClick: g === "header" ? I : void 0
   }, $), m && /* @__PURE__ */ h.createElement("div", {
@@ -237,7 +238,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
     contentPadding: P,
     fontHeight: w,
     fontHeightLG: A
-  } = e, m = `${_(i)} ${C} ${f}`;
+  } = e, m = `${R(i)} ${C} ${f}`;
   return {
     [n]: Object.assign(Object.assign({}, ge(e)), {
       backgroundColor: o,
@@ -252,7 +253,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
           [`
             &,
             & > ${n}-header`]: {
-            borderRadius: `0 0 ${_(u)} ${_(u)}`
+            borderRadius: `0 0 ${R(u)} ${R(u)}`
           }
         },
         [`> ${n}-header`]: {
@@ -347,7 +348,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
       [`${n}-item:last-child`]: {
         borderBottom: 0,
         [`> ${n}-content`]: {
-          borderRadius: `0 0 ${_(u)} ${_(u)}`
+          borderRadius: `0 0 ${R(u)} ${R(u)}`
         }
       },
       [`& ${n}-item-disabled > ${n}-header`]: {
@@ -370,7 +371,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
       }
     })
   };
-}, _e = (e) => {
+}, Re = (e) => {
   const {
     componentCls: n
   } = e, a = `> ${n}-item > ${n}-header ${n}-arrow`;
@@ -381,7 +382,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
       }
     }
   };
-}, Re = (e) => {
+}, _e = (e) => {
   const {
     componentCls: n,
     headerBg: a,
@@ -442,11 +443,11 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
   contentBg: e.colorBgContainer
 }), De = ve("Collapse", (e) => {
   const n = pe(e, {
-    collapseHeaderPaddingSM: `${_(e.paddingXS)} ${_(e.paddingSM)}`,
-    collapseHeaderPaddingLG: `${_(e.padding)} ${_(e.paddingLG)}`,
+    collapseHeaderPaddingSM: `${R(e.paddingXS)} ${R(e.paddingSM)}`,
+    collapseHeaderPaddingLG: `${R(e.padding)} ${R(e.paddingLG)}`,
     collapsePanelBorderRadius: e.borderRadiusLG
   });
-  return [Oe(n), Re(n), ke(n), _e(n), Me(n)];
+  return [Oe(n), _e(n), ke(n), Re(n), Me(n)];
 }, Ke), te = /* @__PURE__ */ M.forwardRef((e, n) => {
   const {
     getPrefixCls: a,
@@ -492,12 +493,12 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
     motionAppear: !1,
     leavedClassName: `${s}-content-hidden`
   }), A = M.useMemo(() => r ? ee(r).map((m, I) => {
-    var O, R;
+    var O, _;
     if (!((O = m.props) === null || O === void 0) && O.disabled) {
-      const H = (R = m.key) !== null && R !== void 0 ? R : String(I), {
+      const H = (_ = m.key) !== null && _ !== void 0 ? _ : String(I), {
         disabled: G,
         collapsible: k
-      } = m.props, j = Object.assign(Object.assign({}, F(m.props, ["disabled"])), {
+      } = m.props, j = Object.assign(Object.assign({}, q(m.props, ["disabled"])), {
         key: H,
         collapsible: k ?? (G ? "disabled" : void 0)
       });
@@ -510,7 +511,7 @@ const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
     /* @__PURE__ */ M.createElement(L, Object.assign({
       ref: n,
       openMotion: w
-    }, F(e, ["rootClassName"]), {
+    }, q(e, ["rootClassName"]), {
       expandIcon: E,
       prefixCls: s,
       className: P,
@@ -522,7 +523,7 @@ process.env.NODE_ENV !== "production" && (te.displayName = "Collapse");
 const U = Object.assign(te, {
   Panel: Ae
 });
-function Xe() {
+function qe() {
   const e = se(le);
   if (!e || !e.preferences)
     return null;
@@ -580,5 +581,5 @@ function Xe() {
   return /* @__PURE__ */ z(V, { children: /* @__PURE__ */ z(U, { items: n, defaultActiveKey: [] }) });
 }
 export {
-  Xe as Preferences
+  qe as Preferences
 };

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

@@ -1,10 +1,14 @@
 import { PropsWithChildren } from 'react';
 import { NotificationAPIClientSDK } from '@notificationapi/core';
-import { GetPreferencesResponse, InAppNotification, User, BaseDeliveryOptions, Channels, DeliveryOptionsForEmail, DeliveryOptionsForInappWeb } from '@notificationapi/core/dist/interfaces';
+import { GetPreferencesResponse, InAppNotification, User, UserAccountMetadata, BaseDeliveryOptions, Channels, DeliveryOptionsForEmail, DeliveryOptionsForInappWeb } from '@notificationapi/core/dist/interfaces';
 
 export type Context = {
     notifications?: InAppNotification[];
     preferences?: GetPreferencesResponse;
+    userAccountMetaData?: {
+        userAccountMetadata: UserAccountMetadata;
+    };
+    webPushOptInMessage?: 'AUTOMATIC' | boolean;
     loadNotifications: (initial?: boolean) => void;
     markAsOpened: () => void;
     markAsArchived: (ids: string[] | 'ALL') => void;
@@ -18,6 +22,8 @@ export type Context = {
         subNotificationId?: string;
     }[]) => void;
     getClient: () => typeof NotificationAPIClientSDK;
+    setWebPushOptInMessage: React.Dispatch<React.SetStateAction<'AUTOMATIC' | boolean>>;
+    setWebPushOptIn: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export declare const NotificationAPIContext: import('react').Context<Context | undefined>;
 type Props = ({
@@ -34,6 +40,8 @@ type Props = ({
     playSoundOnNewNotification?: boolean;
     newNotificationSoundPath?: string;
     client?: typeof NotificationAPIClientSDK;
+    webPushOptInMessage?: 'AUTOMATIC' | boolean;
+    customServiceWorkerPath?: string;
 };
 export declare const NotificationAPIProvider: React.FunctionComponent<PropsWithChildren<Props>> & {
     useNotificationAPIContext: typeof useNotificationAPIContext;