@notificationapi/react 0.0.4 → 0.0.6

package/dist/components/Notifications/Inbox.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "./InboxHeader.js";
+import { I as n, P as s } from "../../assets/Inbox.js";
+import "../../assets/Notification.js";
+import "../Provider/index.js";
+import "react";
+export {
+  n as Inbox,
+  s as Pagination
+};

package/dist/components/Notifications/InboxHeader.js

@@ -0,0 +1,51 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { I as r, T as s, R as d } from "../../assets/index3.js";
+import { P as c } from "../../assets/index.js";
+import { B as a } from "../../assets/button.js";
+import { _ as m } from "../../assets/colors.js";
+import * as n from "react";
+var f = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z" } }] }, name: "setting", theme: "outlined" }, p = function(i, o) {
+  return /* @__PURE__ */ n.createElement(r, m({}, i, {
+    ref: o,
+    icon: f
+  }));
+}, g = /* @__PURE__ */ n.forwardRef(p);
+const R = (l) => /* @__PURE__ */ t(
+  "div",
+  {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      paddingRight: 5
+    },
+    children: [
+      /* @__PURE__ */ e(s.Text, { strong: !0, children: "Notifications" }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(c, { content: "Resolve all", children: /* @__PURE__ */ e(
+          a,
+          {
+            icon: /* @__PURE__ */ e(d, {}),
+            size: "small",
+            type: "text",
+            onClick: () => {
+              l.markAsArchived("ALL");
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e(c, { content: "Notification Preferences", children: /* @__PURE__ */ e(
+          a,
+          {
+            icon: /* @__PURE__ */ e(g, {}),
+            size: "small",
+            type: "text",
+            onClick: () => {
+            }
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+export {
+  R as InboxHeader
+};

package/dist/components/Notifications/Notification.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import { I as a, N as e } from "../../assets/Notification.js";
+import "../../assets/index3.js";
+import "../../assets/button.js";
+import "../../assets/index2.js";
+export {
+  a as ImageShape,
+  e as Notification
+};

package/dist/components/Notifications/NotificationCounter.js

@@ -0,0 +1,9 @@
+import { jsx as n } from "react/jsx-runtime";
+import { UnreadBadge as r } from "./UnreadBadge.js";
+const N = (o) => {
+  const t = o.counting || "COUNT_UNOPENED_NOTIFICATIONS";
+  return /* @__PURE__ */ n(r, { ...o, count: t });
+};
+export {
+  N as NotificationCounter
+};

package/dist/components/Notifications/NotificationFeed.js

@@ -0,0 +1,46 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as o, useEffect as r } from "react";
+import { F as g, I as l } from "../../assets/Inbox.js";
+import { NotificationAPIContext as f } from "../Provider/index.js";
+const h = (i) => {
+  const e = {
+    imageShape: i.imageShape || "circle",
+    pagination: i.pagination || "INFINITE_SCROLL",
+    pageSize: i.pageSize || 10,
+    pagePosition: i.pagePosition || "top",
+    style: i.style || {},
+    filter: i.filter || g.ALL,
+    infiniteScrollHeight: i.infiniteScrollHeight ? i.infiniteScrollHeight : window.innerHeight * 0.75
+  }, t = o(f);
+  return t ? (r(() => {
+    t.markAsOpened();
+    const a = setInterval(() => {
+      t.markAsOpened();
+    }, 5e3);
+    return () => clearInterval(a);
+  }, []), /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        padding: 12,
+        boxSizing: "border-box",
+        background: "#fff",
+        ...i.style
+      },
+      children: /* @__PURE__ */ n(
+        l,
+        {
+          maxHeight: e.infiniteScrollHeight,
+          pagination: e.pagination,
+          filter: e.filter,
+          imageShape: e.imageShape,
+          pageSize: e.pageSize,
+          pagePosition: e.pagePosition
+        }
+      )
+    }
+  )) : null;
+};
+export {
+  h as NotificationFeed
+};

package/dist/components/Notifications/NotificationLauncher.js

@@ -0,0 +1,111 @@
+import { jsx as i } from "react/jsx-runtime";
+import { I as a } from "../../assets/Inbox.js";
+import { UnreadBadge as f } from "./UnreadBadge.js";
+import { useContext as r } from "react";
+import { NotificationAPIContext as g } from "../Provider/index.js";
+import { P as u } from "../../assets/index.js";
+import { B as h } from "../../assets/button.js";
+import { R as d } from "../../assets/BellOutlined.js";
+var l = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_RIGHT = "top-right", t.BOTTOM_LEFT = "bottom-left", t.BOTTOM_RIGHT = "bottom-right", t))(l || {});
+const S = (t) => {
+  const e = {
+    buttonWidth: t.buttonWidth || 40,
+    buttonHeight: t.buttonHeight || 40,
+    popupWidth: t.popupWidth || 400,
+    popupHeight: t.popupHeight || 600,
+    buttonIconSize: t.buttonIconSize || (t.buttonWidth ? t.buttonWidth / 2 : 20),
+    imageShape: t.imageShape || "circle",
+    pagination: t.pagination || "INFINITE_SCROLL",
+    pageSize: t.pageSize || 10,
+    pagePosition: t.pagePosition || "top",
+    style: {
+      zIndex: 999,
+      ...t.style
+    },
+    unreadBadgeProps: t.unreadBadgeProps ?? {},
+    offsetX: t.offsetX || 16,
+    offsetY: t.offsetY || 16,
+    position: t.position || "BOTTOM_RIGHT",
+    count: t.count || "COUNT_UNOPENED_NOTIFICATIONS",
+    filter: t.filter || "ALL"
+  }, o = r(g);
+  return o ? /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        right: e.offsetX,
+        bottom: e.offsetY,
+        ...e.style
+      },
+      children: /* @__PURE__ */ i(
+        u,
+        {
+          autoAdjustOverflow: !0,
+          trigger: "click",
+          content: /* @__PURE__ */ i(
+            a,
+            {
+              maxHeight: 500,
+              pagination: e.pagination,
+              filter: e.filter,
+              imageShape: e.imageShape,
+              pageSize: e.pageSize,
+              pagePosition: e.pagePosition
+            }
+          ),
+          arrow: !1,
+          overlayStyle: {
+            padding: "0 16px",
+            minWidth: e.popupWidth
+          },
+          onOpenChange: (n) => {
+            n && o.markAsOpened();
+          },
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                display: "inline-block"
+              },
+              children: /* @__PURE__ */ i(
+                f,
+                {
+                  ...t.unreadBadgeProps,
+                  style: {
+                    top: 5,
+                    right: 5
+                  },
+                  count: e.count,
+                  children: /* @__PURE__ */ i(
+                    h,
+                    {
+                      icon: /* @__PURE__ */ i(
+                        d,
+                        {
+                          style: {
+                            fontSize: e.buttonIconSize
+                          }
+                        }
+                      ),
+                      style: {
+                        width: e.buttonWidth,
+                        height: e.buttonHeight
+                      },
+                      shape: "circle",
+                      type: "default"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) : null;
+};
+export {
+  S as NotificationLauncher,
+  l as Position
+};

package/dist/components/Notifications/NotificationPopup.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import { F as s, N as F } from "../../assets/Inbox.js";
+import "./UnreadBadge.js";
+import "../Provider/index.js";
+import "react";
+import "../../assets/index.js";
+import "../../assets/button.js";
+import "../../assets/BellOutlined.js";
+export {
+  s as Filter,
+  F as NotificationPopup
+};

package/dist/components/Notifications/UnreadBadge.js

@@ -0,0 +1,29 @@
+import { jsx as N } from "react/jsx-runtime";
+import { useContext as r } from "react";
+import { NotificationAPIContext as i } from "../Provider/index.js";
+import { B as I } from "../../assets/index2.js";
+var c = /* @__PURE__ */ ((e) => (e.COUNT_UNOPENED_NOTIFICATIONS = "COUNT_UNOPENED_NOTIFICATIONS", e.COUNT_UNARCHIVED_NOTIFICATIONS = "COUNT_UNARCHIVED_NOTIFICATIONS", e))(c || {});
+const d = (e) => {
+  const o = r(i);
+  return /* @__PURE__ */ N(
+    I,
+    {
+      count: ((n) => e.count === "COUNT_UNOPENED_NOTIFICATIONS" || e.count === void 0 ? n.filter((t) => !t.opened && !t.seen).length : e.count === "COUNT_UNARCHIVED_NOTIFICATIONS" ? n.filter(
+        (t) => !t.archived && !t.clicked && !t.replied && !t.actioned1 && !t.actioned2
+      ).length : n.filter(e.count).length)((o == null ? void 0 : o.notifications) || []),
+      color: e.color,
+      overflowCount: e.overflowCount,
+      dot: e.dot,
+      showZero: e.showZero,
+      size: e.size,
+      style: {
+        ...e.style
+      },
+      children: e.children
+    }
+  );
+};
+export {
+  c as COUNT_TYPE,
+  d as UnreadBadge
+};

package/dist/components/Notifications/index.js

@@ -0,0 +1,10 @@
+import { NotificationFeed as i } from "./NotificationFeed.js";
+import { N as e } from "../../assets/Inbox.js";
+import { NotificationLauncher as a } from "./NotificationLauncher.js";
+import { NotificationCounter as p } from "./NotificationCounter.js";
+export {
+  p as NotificationCounter,
+  i as NotificationFeed,
+  a as NotificationLauncher,
+  e as NotificationPopup
+};

package/dist/components/Preferences/NotificationPreferencesInline.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+function r(i) {
+  return /* @__PURE__ */ e("div", { ...i, children: "hi" });
+}
+export {
+  r as NotificationPreferencesInline
+};