@tnf-dev/react 1.0.1-15 → 1.0.1-5

package/dist/esm/chunk-SSLZWOID.js

@@ -0,0 +1,97 @@
+"use client"
+import {
+  notification_item_default
+} from "./chunk-Z4Q2SGNX.js";
+import {
+  empty_default
+} from "./chunk-RLFVKZHT.js";
+import {
+  loader_default
+} from "./chunk-NDUFFQA7.js";
+import {
+  notification_header_default
+} from "./chunk-YKV4YNJ4.js";
+import {
+  popover_default
+} from "./chunk-ZBV5DZZB.js";
+import {
+  bell_default
+} from "./chunk-NQ3CC7OA.js";
+import {
+  button_default
+} from "./chunk-HDKTD2IK.js";
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  useNotifications
+} from "./chunk-B5I3IFK2.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/inbox.tsx
+import { useCallback, useState } from "react";
+import InfiniteScroll from "react-infinite-scroller";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    inboxContent: {
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    inboxContentList: {
+      flex: 1,
+      overflowY: "auto"
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var DEFAULT_COMPONENTS = {
+  Bell: bell_default,
+  Button: button_default,
+  NotificationHeader: notification_header_default,
+  Empty: empty_default,
+  Loader: loader_default,
+  NotificationItem: notification_item_default,
+  NotificationPopover: popover_default
+};
+var Inbox = ({ components }) => {
+  const [anchorElement, setAnchorElement] = useState(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const { Bell, Empty, Loader, NotificationHeader, NotificationItem, NotificationPopover } = {
+    ...DEFAULT_COMPONENTS,
+    ...components
+  };
+  const toggleOpen = useCallback(() => {
+    setIsOpen((prev) => !prev);
+  }, []);
+  const { notifications, unread, isFirstLoad, hasMore, fetchMore, isError, error } = useNotifications();
+  const styles = useStyles();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Bell,
+      {
+        onClick: (event) => {
+          event.stopPropagation();
+          toggleOpen();
+        },
+        ref: setAnchorElement,
+        active: isOpen,
+        counts: unread
+      }
+    ),
+    /* @__PURE__ */ jsx(NotificationPopover, { open: isOpen, anchorElement, onClose: toggleOpen, children: /* @__PURE__ */ jsxs("div", { className: clsx_default(styles.inboxContent), children: [
+      /* @__PURE__ */ jsx(NotificationHeader, {}),
+      /* @__PURE__ */ jsx("div", { className: clsx_default(styles.inboxContentList), children: /* @__PURE__ */ jsx(InfiniteScroll, { loadMore: fetchMore, hasMore, loader: /* @__PURE__ */ jsx(Loader, {}, 0), useWindow: false, children: isFirstLoad ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx(Fragment, { children: notifications.length ? /* @__PURE__ */ jsx(Fragment, { children: notifications.map((notification) => /* @__PURE__ */ jsx(NotificationItem, { notification }, notification._id)) }) : /* @__PURE__ */ jsx(Empty, {}) }) }) })
+    ] }) })
+  ] });
+};
+var inbox_default = Inbox;
+
+export {
+  inbox_default
+};
+//# sourceMappingURL=chunk-SSLZWOID.js.map

package/dist/esm/chunk-SSLZWOID.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/inbox.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC, useCallback, useState } from 'react';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport { createUseStyles } from 'react-jss';\nimport { useNotifications } from '../../hooks';\nimport { COMPONENT_PREFIX } from '../../utils';\nimport Bell, { BellProps } from './bell';\nimport Button, { ButtonProps } from './button';\nimport Empty, { EmptyProps } from './empty';\nimport Loader, { LoaderProps } from './loader';\nimport NotificationHeader, { NotificationHeaderProps } from './notification-header';\nimport NotificationItem, { NotificationItemProps } from './notification-item';\nimport NotificationPopover, { NotificationPopoverProps } from './popover';\n\nconst useStyles = createUseStyles(\n  {\n    inboxContent: {\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    inboxContentList: {\n      flex: 1,\n      overflowY: 'auto',\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nexport interface Components {\n  Bell: React.ComponentType<BellProps>;\n  Button: React.ComponentType<ButtonProps>;\n  NotificationHeader: React.ComponentType<NotificationHeaderProps>;\n  NotificationItem: React.ComponentType<NotificationItemProps>;\n  NotificationPopover: React.ComponentType<NotificationPopoverProps>;\n  Loader: React.ComponentType<LoaderProps>;\n  Empty: React.ComponentType<EmptyProps>;\n}\n\nconst DEFAULT_COMPONENTS: Components = {\n  Bell,\n  Button,\n  NotificationHeader,\n  Empty,\n  Loader,\n  NotificationItem,\n  NotificationPopover,\n};\n\nexport interface InboxProps {\n  components?: Partial<Components>;\n}\n\nconst Inbox: FC<InboxProps> = ({ components }) => {\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const { Bell, Empty, Loader, NotificationHeader, NotificationItem, NotificationPopover } = {\n    ...DEFAULT_COMPONENTS,\n    ...components,\n  };\n\n  const toggleOpen = useCallback(() => {\n    setIsOpen((prev) => !prev);\n  }, []);\n\n  const { notifications, unread, isFirstLoad, hasMore, fetchMore, isError, error } = useNotifications();\n\n  const styles = useStyles();\n\n  return (\n    <>\n      <Bell\n        onClick={(event) => {\n          event.stopPropagation();\n          toggleOpen();\n        }}\n        ref={setAnchorElement as any}\n        active={isOpen}\n        counts={unread}\n      />\n      <NotificationPopover open={isOpen} anchorElement={anchorElement!} onClose={toggleOpen}>\n        <div className={clsx(styles.inboxContent)}>\n          <NotificationHeader />\n          <div className={clsx(styles.inboxContentList)}>\n            <InfiniteScroll loadMore={fetchMore} hasMore={hasMore} loader={<Loader key={0} />} useWindow={false}>\n              {isFirstLoad ? (\n                <></>\n              ) : (\n                <>\n                  {notifications.length ? (\n                    <>\n                      {notifications.map((notification) => (\n                        <NotificationItem key={notification._id} notification={notification} />\n                      ))}\n                    </>\n                  ) : (\n                    <Empty />\n                  )}\n                </>\n              )}\n            </InfiniteScroll>\n          </div>\n        </div>\n      </NotificationPopover>\n    </>\n  );\n};\n\nexport default Inbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAa,aAAa,gBAAgB;AAC1C,OAAO,oBAAoB;AAqErB,SAeU,UAfV,KAUE,YAVF;AAzDN,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,cAAc;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe;AAAA,IACjB;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAYA,IAAM,qBAAiC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMA,IAAM,QAAwB,CAAC,EAAE,WAAW,MAAM;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B,IAAI;AAC3E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,EAAE,MAAM,OAAO,QAAQ,oBAAoB,kBAAkB,oBAAoB,IAAI;AAAA,IACzF,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU,CAAC,SAAS,CAAC,IAAI;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,eAAe,QAAQ,aAAa,SAAS,WAAW,SAAS,MAAM,IAAI,iBAAiB;AAEpG,QAAM,SAAS,UAAU;AAEzB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,CAAC,UAAU;AAClB,gBAAM,gBAAgB;AACtB,qBAAW;AAAA,QACb;AAAA,QACA,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,IACV;AAAA,IACA,oBAAC,uBAAoB,MAAM,QAAQ,eAA+B,SAAS,YACzE,+BAAC,SAAI,WAAW,aAAK,OAAO,YAAY,GACtC;AAAA,0BAAC,sBAAmB;AAAA,MACpB,oBAAC,SAAI,WAAW,aAAK,OAAO,gBAAgB,GAC1C,8BAAC,kBAAe,UAAU,WAAW,SAAkB,QAAQ,oBAAC,YAAY,CAAG,GAAI,WAAW,OAC3F,wBACC,gCAAE,IAEF,gCACG,wBAAc,SACb,gCACG,wBAAc,IAAI,CAAC,iBAClB,oBAAC,oBAAwC,gBAAlB,aAAa,GAAiC,CACtE,GACH,IAEA,oBAAC,SAAM,GAEX,GAEJ,GACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/esm/chunk-VWQT7XSQ.js

@@ -0,0 +1,2 @@
+"use client"
+//# sourceMappingURL=chunk-VWQT7XSQ.js.map

package/dist/esm/chunk-VWQT7XSQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/chunk-WN4NSHNE.js

@@ -0,0 +1,32 @@
+"use client"
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __toESM
+};
+//# sourceMappingURL=chunk-WN4NSHNE.js.map

package/dist/esm/chunk-WN4NSHNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/chunk-XVCHU66N.js

@@ -0,0 +1,40 @@
+"use client"
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/contexts/StyleProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var useStyles = createUseStyles({
+  styleProvider: {
+    fontFamily: "inherit, sans-serif",
+    fontSize: 13,
+    "--background-color": "#f1f1f1",
+    "--card-background-color": "#fff",
+    "--primary-color": "#000088",
+    "--secondary-color": "#00C16E",
+    "--tertiary-color": "#f6f6f6",
+    "--primary-color-darker": "#000066",
+    "--secondary-color-darker": "#009955",
+    "--border-radius": "12px",
+    "& *::-webkit-scrollbar": {
+      width: 8,
+      height: 8
+    },
+    "& *::-webkit-scrollbar-thumb": {
+      borderRadius: 10,
+      background: "#0003"
+    }
+  }
+});
+var StyleProvider = ({ children }) => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsx("div", { className: clsx_default(styles.styleProvider), children });
+};
+var StyleProvider_default = StyleProvider;
+
+export {
+  StyleProvider_default
+};
+//# sourceMappingURL=chunk-XVCHU66N.js.map

package/dist/esm/chunk-XVCHU66N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/StyleProvider.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC, PropsWithChildren } from 'react';\nimport { createUseStyles } from 'react-jss';\n\nconst useStyles = createUseStyles({\n  styleProvider: {\n    fontFamily: 'inherit, sans-serif',\n    fontSize: 13,\n\n    '--background-color': '#f1f1f1',\n    '--card-background-color': '#fff',\n\n    '--primary-color': '#000088',\n    '--secondary-color': '#00C16E',\n    '--tertiary-color': '#f6f6f6',\n\n    '--primary-color-darker': '#000066',\n    '--secondary-color-darker': '#009955',\n\n    '--border-radius': '12px',\n\n    '& *::-webkit-scrollbar': {\n      width: 8,\n      height: 8,\n    },\n    '& *::-webkit-scrollbar-thumb': {\n      borderRadius: 10,\n      background: '#0003',\n    },\n  },\n});\n\ninterface StyleProviderProps extends PropsWithChildren {}\n\nconst StyleProvider: FC<StyleProviderProps> = ({ children }) => {\n  const styles = useStyles();\n\n  return <div className={clsx(styles.styleProvider)}>{children}</div>;\n};\n\nexport default StyleProvider;\n"],"mappings":";;;;;;;AAqCS;AAjCT,IAAM,YAAY,gBAAgB;AAAA,EAChC,eAAe;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IAEV,sBAAsB;AAAA,IACtB,2BAA2B;AAAA,IAE3B,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IAEpB,0BAA0B;AAAA,IAC1B,4BAA4B;AAAA,IAE5B,mBAAmB;AAAA,IAEnB,0BAA0B;AAAA,MACxB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,gCAAgC;AAAA,MAC9B,cAAc;AAAA,MACd,YAAY;AAAA,IACd;AAAA,EACF;AACF,CAAC;AAID,IAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AAC9D,QAAM,SAAS,UAAU;AAEzB,SAAO,oBAAC,SAAI,WAAW,aAAK,OAAO,aAAa,GAAI,UAAS;AAC/D;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/esm/chunk-YKV4YNJ4.js

@@ -0,0 +1,44 @@
+"use client"
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/notification-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    notificationHeader: {
+      padding: "10px 15px",
+      borderBottom: "1px solid #0001",
+      display: "flex",
+      justifyContent: "space-between",
+      background: "var(--card-background-color)",
+      borderRadius: "5px 5px 0 0",
+      height: 36,
+      alignItems: "center"
+    },
+    notificationHeaderTitle: {
+      fontSize: 15,
+      fontWeight: 600,
+      flex: 1
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var NotificationHeader = () => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsxs("div", { className: clsx_default(styles.notificationHeader), children: [
+    /* @__PURE__ */ jsx("h2", { className: clsx_default(styles.notificationHeaderTitle), children: "Notifications" }),
+    /* @__PURE__ */ jsx("div", {})
+  ] });
+};
+var notification_header_default = NotificationHeader;
+
+export {
+  notification_header_default
+};
+//# sourceMappingURL=chunk-YKV4YNJ4.js.map

package/dist/esm/chunk-YKV4YNJ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/notification-header.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { COMPONENT_PREFIX } from '../../utils';\n\nconst useStyles = createUseStyles(\n  {\n    notificationHeader: {\n      padding: '10px 15px',\n      borderBottom: '1px solid #0001',\n      display: 'flex',\n      justifyContent: 'space-between',\n      background: 'var(--card-background-color)',\n      borderRadius: '5px 5px 0 0',\n      height: 36,\n      alignItems: 'center',\n    },\n    notificationHeaderTitle: {\n      fontSize: 15,\n      fontWeight: 600,\n      flex: 1,\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nexport interface NotificationHeaderProps {}\n\nconst NotificationHeader: FC<NotificationHeaderProps> = () => {\n  const styles = useStyles();\n\n  return (\n    <div className={clsx(styles.notificationHeader)}>\n      <h2 className={clsx(styles.notificationHeaderTitle)}>Notifications</h2>\n      <div></div>\n    </div>\n  );\n};\n\nexport default NotificationHeader;\n"],"mappings":";;;;;;;;;;AAgCI,SACE,KADF;AA3BJ,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,oBAAoB;AAAA,MAClB,SAAS;AAAA,MACT,cAAc;AAAA,MACd,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,YAAY;AAAA,IACd;AAAA,IACA,yBAAyB;AAAA,MACvB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAIA,IAAM,qBAAkD,MAAM;AAC5D,QAAM,SAAS,UAAU;AAEzB,SACE,qBAAC,SAAI,WAAW,aAAK,OAAO,kBAAkB,GAC5C;AAAA,wBAAC,QAAG,WAAW,aAAK,OAAO,uBAAuB,GAAG,2BAAa;AAAA,IAClE,oBAAC,SAAI;AAAA,KACP;AAEJ;AAEA,IAAO,8BAAQ;","names":[]}

package/dist/esm/chunk-YY3MZBYQ.js

@@ -0,0 +1,2 @@
+"use client"
+//# sourceMappingURL=chunk-YY3MZBYQ.js.map

package/dist/esm/chunk-YY3MZBYQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/chunk-Z4Q2SGNX.js

@@ -0,0 +1,144 @@
+"use client"
+import {
+  actions_default
+} from "./chunk-QILM4R2Q.js";
+import {
+  button_default
+} from "./chunk-HDKTD2IK.js";
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/notification-item/index.tsx
+import sanitize from "sanitize-html";
+import { jsx, jsxs } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    notificationItem: {
+      padding: "10px 15px",
+      display: "flex",
+      flexWrap: "wrap",
+      columnGap: 10,
+      flexDirection: "column",
+      margin: 10,
+      background: "var(--card-background-color)",
+      borderRadius: 10,
+      border: "1px solid #ddd",
+      position: "relative",
+      [`& .${COMPONENT_PREFIX}-actions`]: {
+        visibility: "hidden",
+        opacity: 0,
+        transition: "0.3s ease-in-out"
+      },
+      [`&:hover .${COMPONENT_PREFIX}-actions`]: {
+        visibility: "visible",
+        opacity: 1
+      }
+    },
+    notificationItemImage: {
+      width: 24,
+      height: 24,
+      objectFit: "cover"
+    },
+    notificationItemTitle: {
+      fontSize: 14,
+      fontWeight: 600,
+      paddingBottom: 5,
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    notificationItemBody: {
+      fontSize: 14,
+      lineClamp: 2,
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    notificationItemActions: {
+      display: "flex",
+      gap: 8,
+      marginTop: 10,
+      alignItems: "center",
+      justifyContent: "flex-end",
+      width: "100%"
+    },
+    unreadDot: {
+      width: 7,
+      height: 7,
+      borderRadius: 100,
+      background: "var(--primary-color)",
+      position: "relative",
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        top: -3,
+        left: -3,
+        width: "calc(100% + 6px)",
+        height: "calc(100% + 6px)",
+        borderRadius: 100,
+        background: "var(--primary-color)",
+        opacity: 0.2
+      }
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var NotificationItem = ({ notification }) => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsxs("div", { className: clsx_default(styles.notificationItem), children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 10, width: "100%" }, children: [
+      /* @__PURE__ */ jsx("div", { children: notification.icon && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: notification.icon,
+          alt: notification.title,
+          width: 32,
+          height: 32,
+          className: clsx_default(styles.notificationItemImage)
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx("h3", { className: clsx_default(styles.notificationItemTitle), children: notification.title }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            dangerouslySetInnerHTML: { __html: sanitize(notification.message) },
+            className: clsx_default(styles.notificationItemBody)
+          }
+        )
+      ] }),
+      !notification.isRead && /* @__PURE__ */ jsx("div", { className: clsx_default(styles.unreadDot) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: clsx_default(styles.notificationItemActions), children: [
+      notification.secondary_action && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: notification.secondary_action.href,
+          target: notification.secondary_action.target,
+          rel: notification.secondary_action.rel,
+          children: /* @__PURE__ */ jsx(button_default, { variant: "secondary", children: notification.secondary_action.label })
+        }
+      ),
+      notification.primary_action && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: notification.primary_action.href,
+          target: notification.primary_action.target,
+          rel: notification.primary_action.rel,
+          children: /* @__PURE__ */ jsx(button_default, { variant: "primary", children: notification.primary_action.label })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(actions_default, { notification })
+  ] });
+};
+var notification_item_default = NotificationItem;
+
+export {
+  notification_item_default
+};
+//# sourceMappingURL=chunk-Z4Q2SGNX.js.map

package/dist/esm/chunk-Z4Q2SGNX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/notification-item/index.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport sanitize from 'sanitize-html';\nimport { Notification } from '../../../dto';\nimport { COMPONENT_PREFIX } from '../../../utils';\nimport Button from '../button';\nimport NotificationItemActions from './actions';\n\nexport interface NotificationItemProps {\n  notification: Notification;\n}\n\nconst useStyles = createUseStyles(\n  {\n    notificationItem: {\n      padding: '10px 15px',\n      display: 'flex',\n      flexWrap: 'wrap',\n      columnGap: 10,\n      flexDirection: 'column',\n      margin: 10,\n      background: 'var(--card-background-color)',\n      borderRadius: 10,\n      border: '1px solid #ddd',\n      position: 'relative',\n\n      [`& .${COMPONENT_PREFIX}-actions`]: {\n        visibility: 'hidden',\n        opacity: 0,\n        transition: '0.3s ease-in-out',\n      },\n\n      [`&:hover .${COMPONENT_PREFIX}-actions`]: {\n        visibility: 'visible',\n        opacity: 1,\n      },\n    },\n    notificationItemImage: {\n      width: 24,\n      height: 24,\n      objectFit: 'cover',\n    },\n    notificationItemTitle: {\n      fontSize: 14,\n      fontWeight: 600,\n      paddingBottom: 5,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n    notificationItemBody: {\n      fontSize: 14,\n      lineClamp: 2,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n    notificationItemActions: {\n      display: 'flex',\n      gap: 8,\n      marginTop: 10,\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      width: '100%',\n    },\n    unreadDot: {\n      width: 7,\n      height: 7,\n      borderRadius: 100,\n      background: 'var(--primary-color)',\n      position: 'relative',\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: -3,\n        left: -3,\n        width: 'calc(100% + 6px)',\n        height: 'calc(100% + 6px)',\n        borderRadius: 100,\n        background: 'var(--primary-color)',\n        opacity: 0.2,\n      },\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nconst NotificationItem: FC<NotificationItemProps> = ({ notification }) => {\n  const styles = useStyles();\n\n  return (\n    <div className={clsx(styles.notificationItem)}>\n      <div style={{ display: 'flex', gap: 10, width: '100%' }}>\n        <div>\n          {notification.icon && (\n            <img\n              src={notification.icon}\n              alt={notification.title}\n              width={32}\n              height={32}\n              className={clsx(styles.notificationItemImage)}\n            />\n          )}\n        </div>\n\n        <div style={{ flex: 1, overflow: 'hidden' }}>\n          <h3 className={clsx(styles.notificationItemTitle)}>{notification.title}</h3>\n          <div\n            dangerouslySetInnerHTML={{ __html: sanitize(notification.message) }}\n            className={clsx(styles.notificationItemBody)}\n          />\n        </div>\n\n        {!notification.isRead && <div className={clsx(styles.unreadDot)} />}\n      </div>\n\n      <div className={clsx(styles.notificationItemActions)}>\n        {notification.secondary_action && (\n          <a\n            href={notification.secondary_action.href}\n            target={notification.secondary_action.target}\n            rel={notification.secondary_action.rel}\n          >\n            <Button variant='secondary'>{notification.secondary_action.label}</Button>\n          </a>\n        )}\n\n        {notification.primary_action && (\n          <a\n            href={notification.primary_action.href}\n            target={notification.primary_action.target}\n            rel={notification.primary_action.rel}\n          >\n            <Button variant='primary'>{notification.primary_action.label}</Button>\n          </a>\n        )}\n      </div>\n\n      <NotificationItemActions notification={notification} />\n    </div>\n  );\n};\n\nexport default NotificationItem;\n"],"mappings":"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","names":[]}

package/dist/esm/chunk-ZBV5DZZB.js

@@ -0,0 +1,104 @@
+"use client"
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/popover.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    popover: {
+      width: "100%",
+      height: "100%",
+      maxWidth: 400,
+      maxHeight: 500,
+      boxShadow: "0 10px 40px #0001",
+      position: "fixed",
+      background: "#fff",
+      borderRadius: 10,
+      visibility: "hidden",
+      opacity: 0,
+      scale: 0.8,
+      transition: "all 0.3s",
+      backgroundColor: "var(--background-color)",
+      border: "1px solid var(--card-background-color)"
+    },
+    popoverOpen: {
+      top: 0,
+      left: 0,
+      visibility: "visible",
+      opacity: 1,
+      scale: 1
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var NotificationPopover = ({ open, anchorElement, onClose, children }) => {
+  const styles = useStyles();
+  const [popoverElement, setPopoverElement] = useState(null);
+  const [windowWidth, setWindowWidth] = useState(typeof window === "undefined" ? 0 : window.innerWidth);
+  const top = useMemo(() => {
+    if (!anchorElement) return 0;
+    const bound = anchorElement.getBoundingClientRect();
+    return bound.top + bound.height + 20;
+  }, [anchorElement, windowWidth]);
+  const left = useMemo(() => {
+    if (!anchorElement) return 0;
+    const bound = anchorElement.getBoundingClientRect();
+    return bound.left + 10;
+  }, [anchorElement, windowWidth]);
+  const isOutside = useMemo(() => {
+    if (!popoverElement || !anchorElement) return true;
+    const anchorBound = anchorElement.getBoundingClientRect();
+    const popoverBound = popoverElement.getBoundingClientRect();
+    return anchorBound.left + popoverBound.width > windowWidth;
+  }, [popoverElement, anchorElement, windowWidth]);
+  useEffect(() => {
+    const handler = () => {
+      if (!open) return;
+      onClose?.();
+    };
+    window.addEventListener("click", handler);
+    return () => {
+      window.removeEventListener("click", handler);
+    };
+  }, [open]);
+  useEffect(() => {
+    const handleResize = () => {
+      setWindowWidth(window.innerWidth);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx_default(styles.popover, open && styles.popoverOpen),
+      style: {
+        top,
+        left,
+        ...isOutside ? {
+          transform: "translateX(calc(-100% + 20px))"
+        } : {}
+      },
+      ref: setPopoverElement,
+      onClick: (event) => {
+        event.stopPropagation();
+      },
+      children
+    }
+  );
+};
+var popover_default = NotificationPopover;
+
+export {
+  popover_default
+};
+//# sourceMappingURL=chunk-ZBV5DZZB.js.map

package/dist/esm/chunk-ZBV5DZZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/popover.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC, PropsWithChildren, useEffect, useMemo, useState } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { COMPONENT_PREFIX } from '../../utils';\n\nconst useStyles = createUseStyles(\n  {\n    popover: {\n      width: '100%',\n      height: '100%',\n      maxWidth: 400,\n      maxHeight: 500,\n      boxShadow: '0 10px 40px #0001',\n      position: 'fixed',\n      background: '#fff',\n      borderRadius: 10,\n      visibility: 'hidden',\n      opacity: 0,\n      scale: 0.8,\n      transition: 'all 0.3s',\n      backgroundColor: 'var(--background-color)',\n      border: '1px solid var(--card-background-color)',\n    },\n    popoverOpen: {\n      top: 0,\n      left: 0,\n      visibility: 'visible',\n      opacity: 1,\n      scale: 1,\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nexport interface NotificationPopoverProps extends PropsWithChildren {\n  open?: boolean;\n  anchorElement?: HTMLElement;\n  onClose?: () => void;\n}\n\nconst NotificationPopover: FC<NotificationPopoverProps> = ({ open, anchorElement, onClose, children }) => {\n  const styles = useStyles();\n  const [popoverElement, setPopoverElement] = useState<HTMLElement | null>(null);\n  const [windowWidth, setWindowWidth] = useState(typeof window === 'undefined' ? 0 : window.innerWidth);\n\n  const top = useMemo(() => {\n    if (!anchorElement) return 0;\n    const bound = anchorElement.getBoundingClientRect();\n    return bound.top + bound.height + 20;\n  }, [anchorElement, windowWidth]);\n\n  const left = useMemo(() => {\n    if (!anchorElement) return 0;\n    const bound = anchorElement.getBoundingClientRect();\n    return bound.left + 10;\n  }, [anchorElement, windowWidth]);\n\n  const isOutside = useMemo(() => {\n    if (!popoverElement || !anchorElement) return true;\n    const anchorBound = anchorElement.getBoundingClientRect();\n    const popoverBound = popoverElement.getBoundingClientRect();\n\n    return anchorBound.left + popoverBound.width > windowWidth;\n  }, [popoverElement, anchorElement, windowWidth]);\n\n  useEffect(() => {\n    const handler = () => {\n      if (!open) return;\n      onClose?.();\n    };\n\n    window.addEventListener('click', handler);\n\n    return () => {\n      window.removeEventListener('click', handler);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setWindowWidth(window.innerWidth);\n    };\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  return (\n    <div\n      className={clsx(styles.popover, open && styles.popoverOpen)}\n      style={{\n        top,\n        left,\n        ...(isOutside\n          ? {\n              transform: 'translateX(calc(-100% + 20px))',\n            }\n          : {}),\n      }}\n      ref={setPopoverElement as any}\n      onClick={(event) => {\n        event.stopPropagation();\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default NotificationPopover;\n"],"mappings":";;;;;;;;;;AACA,SAAgC,WAAW,SAAS,gBAAgB;AAwFhE;AApFJ,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,QAAQ;AAAA,IACV;AAAA,IACA,aAAa;AAAA,MACX,KAAK;AAAA,MACL,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAQA,IAAM,sBAAoD,CAAC,EAAE,MAAM,eAAe,SAAS,SAAS,MAAM;AACxG,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAA6B,IAAI;AAC7E,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,OAAO,WAAW,cAAc,IAAI,OAAO,UAAU;AAEpG,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,CAAC,cAAe,QAAO;AAC3B,UAAM,QAAQ,cAAc,sBAAsB;AAClD,WAAO,MAAM,MAAM,MAAM,SAAS;AAAA,EACpC,GAAG,CAAC,eAAe,WAAW,CAAC;AAE/B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,cAAe,QAAO;AAC3B,UAAM,QAAQ,cAAc,sBAAsB;AAClD,WAAO,MAAM,OAAO;AAAA,EACtB,GAAG,CAAC,eAAe,WAAW,CAAC;AAE/B,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC,cAAe,QAAO;AAC9C,UAAM,cAAc,cAAc,sBAAsB;AACxD,UAAM,eAAe,eAAe,sBAAsB;AAE1D,WAAO,YAAY,OAAO,aAAa,QAAQ;AAAA,EACjD,GAAG,CAAC,gBAAgB,eAAe,WAAW,CAAC;AAE/C,YAAU,MAAM;AACd,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,KAAM;AACX,gBAAU;AAAA,IACZ;AAEA,WAAO,iBAAiB,SAAS,OAAO;AAExC,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,OAAO;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,qBAAe,OAAO,UAAU;AAAA,IAClC;AACA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,YAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAK,OAAO,SAAS,QAAQ,OAAO,WAAW;AAAA,MAC1D,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,GAAI,YACA;AAAA,UACE,WAAW;AAAA,QACb,IACA,CAAC;AAAA,MACP;AAAA,MACA,KAAK;AAAA,MACL,SAAS,CAAC,UAAU;AAClB,cAAM,gBAAgB;AAAA,MACxB;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/esm/components/icons/archive-box-icon.js

@@ -1,2 +1,9 @@
 "use client"
-import{jsx as o}from"react/jsx-runtime";var r=e=>o("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...e,children:o("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),n=r;export{n as default};
+import {
+  archive_box_icon_default
+} from "../../chunk-S6WUE45S.js";
+import "../../chunk-WN4NSHNE.js";
+export {
+  archive_box_icon_default as default
+};
+//# sourceMappingURL=archive-box-icon.js.map

package/dist/esm/components/icons/archive-box-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/components/icons/bell-icon.js

@@ -1,2 +1,9 @@
 "use client"
-import{jsx as e}from"react/jsx-runtime";var r=o=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...o,children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),n=r;export{n as default};
+import {
+  bell_icon_default
+} from "../../chunk-ET4RPLX7.js";
+import "../../chunk-WN4NSHNE.js";
+export {
+  bell_icon_default as default
+};
+//# sourceMappingURL=bell-icon.js.map

package/dist/esm/components/icons/bell-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/components/icons/check-circle-icon.js

@@ -1,2 +1,9 @@
 "use client"
-import{jsx as e}from"react/jsx-runtime";var r=o=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...o,children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),n=r;export{n as default};
+import {
+  check_circle_icon_default
+} from "../../chunk-IXQPSHNR.js";
+import "../../chunk-WN4NSHNE.js";
+export {
+  check_circle_icon_default as default
+};
+//# sourceMappingURL=check-circle-icon.js.map

package/dist/esm/components/icons/check-circle-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/components/icons/index.js

@@ -1,2 +1,18 @@
 "use client"
-import{jsx as e}from"react/jsx-runtime";var n=o=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...o,children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"})}),s=n;import{jsx as r}from"react/jsx-runtime";var c=o=>r("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...o,children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"})}),l=c;import{jsx as t}from"react/jsx-runtime";var i=o=>t("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",...o,children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"})}),a=i;export{s as ArchiveBoxIcon,l as BellIcon,a as CheckCircleIcon};
+import "../../chunk-EBHNXTGY.js";
+import {
+  archive_box_icon_default
+} from "../../chunk-S6WUE45S.js";
+import {
+  bell_icon_default
+} from "../../chunk-ET4RPLX7.js";
+import {
+  check_circle_icon_default
+} from "../../chunk-IXQPSHNR.js";
+import "../../chunk-WN4NSHNE.js";
+export {
+  archive_box_icon_default as ArchiveBoxIcon,
+  bell_icon_default as BellIcon,
+  check_circle_icon_default as CheckCircleIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}