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

package/dist/esm/chunk-6FGP2HJW.js

@@ -0,0 +1,9 @@
+"use client"
+
+// src/utils/const.ts
+var COMPONENT_PREFIX = "teknify";
+
+export {
+  COMPONENT_PREFIX
+};
+//# sourceMappingURL=chunk-6FGP2HJW.js.map

package/dist/esm/chunk-6FGP2HJW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/const.ts"],"sourcesContent":["export const COMPONENT_PREFIX = 'teknify';\n"],"mappings":";;;AAAO,IAAM,mBAAmB;","names":[]}

package/dist/esm/chunk-ATNNGNAM.js

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

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

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

package/dist/esm/chunk-B5I3IFK2.js

@@ -0,0 +1,113 @@
+"use client"
+import {
+  TeknifyContext
+} from "./chunk-H3IWAKC5.js";
+
+// src/hooks/useNotifications.ts
+import { useCallback, useContext, useEffect, useState } from "react";
+var useNotifications = () => {
+  const { client } = useContext(TeknifyContext);
+  const [notifications, setNotifications] = useState([]);
+  const [isError, setIsError] = useState(false);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isFirstLoad, setIsFirstLoad] = useState(true);
+  const [hasMore, setHasMore] = useState(true);
+  const [nextCursor, setNextCursor] = useState();
+  const [unread, setUnread] = useState(0);
+  const handleMarkAsRead = useCallback(async (id) => {
+    try {
+      await client.notification.markAsRead(id);
+      setNotifications((prev) => {
+        return prev.map((notification) => {
+          if (notification._id === id) {
+            return {
+              ...notification,
+              isRead: true
+            };
+          }
+          return notification;
+        });
+      });
+    } catch (error2) {
+    }
+  }, []);
+  const fetchNotifications = useCallback(async () => {
+    if (isLoading) return;
+    try {
+      setIsLoading(true);
+      const res = await client.notification.getNotifications({
+        ...nextCursor ? { cursor: nextCursor } : {}
+      });
+      setNotifications((prev) => {
+        return [
+          ...prev,
+          ...res.data.filter((notification) => !prev.find((n) => n._id === notification._id)).map((notification) => ({
+            ...notification,
+            markAsRead: () => handleMarkAsRead(notification._id)
+          }))
+        ];
+      });
+      setHasMore(!!res.pagination.continueCursor);
+      setNextCursor(res.pagination.continueCursor);
+      setUnread(res.unread);
+    } catch (error2) {
+      setIsError(true);
+      if (error2 instanceof Error) {
+        setError(error2);
+      } else {
+        setError(new Error("Unknown error"));
+      }
+    } finally {
+      setIsLoading(false);
+      setIsFirstLoad(false);
+    }
+  }, [isLoading, nextCursor, handleMarkAsRead]);
+  useEffect(() => {
+    fetchNotifications();
+  }, []);
+  useEffect(() => {
+    const handler = (notifications2) => {
+      setNotifications((prev) => {
+        return [
+          ...notifications2.filter((notification) => {
+            const foundIndex = prev.findIndex((n) => n._id === notification._id);
+            if (foundIndex) {
+              prev[foundIndex] = {
+                ...notification,
+                markAsRead: () => handleMarkAsRead(notification._id)
+              };
+            }
+            return foundIndex === -1;
+          }).map((notification) => ({
+            ...notification,
+            markAsRead: () => handleMarkAsRead(notification._id)
+          })),
+          ...prev
+        ];
+      });
+    };
+    client.notification.on(handler);
+    return () => {
+      client.notification.off(handler);
+    };
+  }, [handleMarkAsRead]);
+  const fetchMore = useCallback(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+  return {
+    notifications,
+    isLoading,
+    isFirstLoad,
+    isError,
+    error,
+    hasMore,
+    unread,
+    fetchMore
+  };
+};
+
+export {
+  useNotifications
+};
+//# sourceMappingURL=chunk-B5I3IFK2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useNotifications.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from 'react';\nimport { TeknifyContext } from '../contexts';\nimport { Notification } from '../dto';\n\nexport const useNotifications = () => {\n  const { client } = useContext(TeknifyContext);\n  const [notifications, setNotifications] = useState<Notification[]>([]);\n  const [isError, setIsError] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isFirstLoad, setIsFirstLoad] = useState(true);\n  const [hasMore, setHasMore] = useState(true);\n  const [nextCursor, setNextCursor] = useState<string | undefined>();\n  const [unread, setUnread] = useState(0);\n\n  const handleMarkAsRead = useCallback(async (id: string) => {\n    try {\n      await client.notification.markAsRead(id);\n      setNotifications((prev) => {\n        return prev.map((notification) => {\n          if (notification._id === id) {\n            return {\n              ...notification,\n              isRead: true,\n            };\n          }\n          return notification;\n        });\n      });\n    } catch (error) {}\n  }, []);\n\n  const fetchNotifications = useCallback(async () => {\n    if (isLoading) return;\n    try {\n      setIsLoading(true);\n      const res = await client.notification.getNotifications({\n        ...(nextCursor ? { cursor: nextCursor } : {}),\n      });\n\n      setNotifications((prev) => {\n        return [\n          ...prev,\n          ...res.data\n            .filter((notification) => !prev.find((n) => n._id === notification._id))\n            .map((notification) => ({\n              ...notification,\n              markAsRead: () => handleMarkAsRead(notification._id),\n            })),\n        ];\n      });\n      setHasMore(!!res.pagination.continueCursor);\n      setNextCursor(res.pagination.continueCursor);\n      setUnread(res.unread);\n    } catch (error) {\n      setIsError(true);\n      if (error instanceof Error) {\n        setError(error);\n      } else {\n        setError(new Error('Unknown error'));\n      }\n    } finally {\n      setIsLoading(false);\n      setIsFirstLoad(false);\n    }\n  }, [isLoading, nextCursor, handleMarkAsRead]);\n\n  useEffect(() => {\n    fetchNotifications();\n  }, []);\n\n  useEffect(() => {\n    const handler = (notifications: Array<Omit<Notification, 'markAsRead'>>) => {\n      setNotifications((prev) => {\n        return [\n          ...notifications\n            .filter((notification) => {\n              const foundIndex = prev.findIndex((n) => n._id === notification._id);\n              if (foundIndex) {\n                prev[foundIndex] = {\n                  ...notification,\n                  markAsRead: () => handleMarkAsRead(notification._id),\n                };\n              }\n              return foundIndex === -1;\n            })\n            .map((notification) => ({\n              ...notification,\n              markAsRead: () => handleMarkAsRead(notification._id),\n            })),\n          ...prev,\n        ];\n      });\n    };\n    client.notification.on(handler);\n    return () => {\n      client.notification.off(handler);\n    };\n  }, [handleMarkAsRead]);\n\n  const fetchMore = useCallback(() => {\n    fetchNotifications();\n  }, [fetchNotifications]);\n\n  return {\n    notifications,\n    isLoading,\n    isFirstLoad,\n    isError,\n    error,\n    hasMore,\n    unread,\n    fetchMore,\n  };\n};\n"],"mappings":"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","names":["error","notifications"]}

package/dist/esm/chunk-DC2MKTMP.js

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

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

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

package/dist/esm/chunk-EBHNXTGY.js

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

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

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

package/dist/esm/chunk-ET4RPLX7.js

@@ -0,0 +1,32 @@
+"use client"
+
+// src/components/icons/bell-icon.tsx
+import { jsx } from "react/jsx-runtime";
+var BellIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: 1.5,
+      stroke: "currentColor",
+      className: "size-6",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "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"
+        }
+      )
+    }
+  );
+};
+var bell_icon_default = BellIcon;
+
+export {
+  bell_icon_default
+};
+//# sourceMappingURL=chunk-ET4RPLX7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/icons/bell-icon.tsx"],"sourcesContent":["import { FC } from 'react';\n\ninterface BellIconProps extends React.SVGProps<SVGSVGElement> {}\n\nconst BellIcon: FC<BellIconProps> = (props) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      fill='none'\n      viewBox='0 0 24 24'\n      strokeWidth={1.5}\n      stroke='currentColor'\n      className='size-6'\n      {...props}\n    >\n      <path\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        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      />\n    </svg>\n  );\n};\n\nexport default BellIcon;\n"],"mappings":";;;AAeM;AAXN,IAAM,WAA8B,CAAC,UAAU;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAO;AAAA,MACP,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/esm/chunk-H3IWAKC5.js

@@ -0,0 +1,34 @@
+"use client"
+import {
+  StyleProvider_default
+} from "./chunk-XVCHU66N.js";
+
+// src/contexts/TeknifyProvider.tsx
+import { TeknifyClient } from "@tnf-dev/js";
+import { createContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var TeknifyContext = createContext({
+  applicationId: "",
+  subscriberId: ""
+});
+var NotekProvider = ({ applicationId, subscriberId, children, ...props }) => {
+  const values = useMemo(
+    () => ({
+      applicationId,
+      subscriberId,
+      client: new TeknifyClient({
+        applicationId,
+        subscriberId
+      })
+    }),
+    [applicationId, subscriberId]
+  );
+  return /* @__PURE__ */ jsx(TeknifyContext.Provider, { value: values, children: /* @__PURE__ */ jsx(StyleProvider_default, { children }) });
+};
+var TeknifyProvider_default = NotekProvider;
+
+export {
+  TeknifyContext,
+  TeknifyProvider_default
+};
+//# sourceMappingURL=chunk-H3IWAKC5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/TeknifyProvider.tsx"],"sourcesContent":["import { TeknifyClient } from '@tnf-dev/js';\nimport { createContext, FC, PropsWithChildren, useMemo } from 'react';\nimport StyleProvider from './StyleProvider';\ninterface NotekProviderProps extends PropsWithChildren {\n  applicationId: string;\n  subscriberId: string;\n}\n\ninterface NotekContextValues {\n  applicationId: string;\n  subscriberId: string;\n  client: TeknifyClient;\n}\n\nexport const TeknifyContext = createContext<NotekContextValues>({\n  applicationId: '',\n  subscriberId: '',\n} as any);\n\nconst NotekProvider: FC<NotekProviderProps> = ({ applicationId, subscriberId, children, ...props }) => {\n  const values: NotekContextValues = useMemo(\n    () => ({\n      applicationId,\n      subscriberId,\n      client: new TeknifyClient({\n        applicationId,\n        subscriberId,\n      }),\n    }),\n    [applicationId, subscriberId],\n  );\n\n  return (\n    <TeknifyContext.Provider value={values}>\n      <StyleProvider>{children}</StyleProvider>\n    </TeknifyContext.Provider>\n  );\n};\n\nexport default NotekProvider;\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,eAAsC,eAAe;AAiCxD;AApBC,IAAM,iBAAiB,cAAkC;AAAA,EAC9D,eAAe;AAAA,EACf,cAAc;AAChB,CAAQ;AAER,IAAM,gBAAwC,CAAC,EAAE,eAAe,cAAc,UAAU,GAAG,MAAM,MAAM;AACrG,QAAM,SAA6B;AAAA,IACjC,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,QAAQ,IAAI,cAAc;AAAA,QACxB;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,eAAe,YAAY;AAAA,EAC9B;AAEA,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,QAC9B,8BAAC,yBAAe,UAAS,GAC3B;AAEJ;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/esm/chunk-H3RCKWE3.js

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

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

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

package/dist/esm/chunk-HDKTD2IK.js

@@ -0,0 +1,49 @@
+"use client"
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/button.tsx
+import { jsx } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    button: (props) => ({
+      textDecoration: "none",
+      background: `var(--${props.variant}-color)`,
+      borderRadius: "var(--border-radius)",
+      color: props.variant === "tertiary" ? "#000" : "#fff",
+      fontWeight: 500,
+      border: "none",
+      cursor: "pointer",
+      fontSize: 12,
+      ...props.icon ? {
+        width: 24,
+        height: 24,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      } : {
+        minWidth: 100,
+        padding: "8px 12px"
+      },
+      "&:hover": {
+        background: `var(--${props.variant}-color-darker)`
+      }
+    })
+  },
+  { name: COMPONENT_PREFIX }
+);
+var Button = ({ className, variant = "tertiary", icon = false, ...props }) => {
+  const styles = useStyles({ variant, icon });
+  return /* @__PURE__ */ jsx("button", { ...props, className: clsx_default(styles.button, className) });
+};
+var button_default = Button;
+
+export {
+  button_default
+};
+//# sourceMappingURL=chunk-HDKTD2IK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/button.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { COMPONENT_PREFIX } from '../../utils';\n\nexport interface ButtonProps extends React.ComponentProps<'button'> {\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  icon?: boolean;\n}\n\nconst useStyles = createUseStyles<'button', ButtonProps>(\n  {\n    button: (props) => ({\n      textDecoration: 'none',\n      background: `var(--${props.variant}-color)`,\n      borderRadius: 'var(--border-radius)',\n      color: props.variant === 'tertiary' ? '#000' : '#fff',\n      fontWeight: 500,\n      border: 'none',\n      cursor: 'pointer',\n      fontSize: 12,\n      ...(props.icon\n        ? {\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }\n        : {\n            minWidth: 100,\n            padding: '8px 12px',\n          }),\n\n      '&:hover': {\n        background: `var(--${props.variant}-color-darker)`,\n      },\n    }),\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nconst Button: FC<ButtonProps> = ({ className, variant = 'tertiary', icon = false, ...props }) => {\n  const styles = useStyles({ variant, icon });\n  return <button {...props} className={clsx(styles.button, className)} />;\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;AA4CS;AAlCT,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,QAAQ,CAAC,WAAW;AAAA,MAClB,gBAAgB;AAAA,MAChB,YAAY,SAAS,MAAM,OAAO;AAAA,MAClC,cAAc;AAAA,MACd,OAAO,MAAM,YAAY,aAAa,SAAS;AAAA,MAC/C,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,GAAI,MAAM,OACN;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB,IACA;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAEJ,WAAW;AAAA,QACT,YAAY,SAAS,MAAM,OAAO;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAEA,IAAM,SAA0B,CAAC,EAAE,WAAW,UAAU,YAAY,OAAO,OAAO,GAAG,MAAM,MAAM;AAC/F,QAAM,SAAS,UAAU,EAAE,SAAS,KAAK,CAAC;AAC1C,SAAO,oBAAC,YAAQ,GAAG,OAAO,WAAW,aAAK,OAAO,QAAQ,SAAS,GAAG;AACvE;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/esm/chunk-IXQPSHNR.js

@@ -0,0 +1,32 @@
+"use client"
+
+// src/components/icons/check-circle-icon.tsx
+import { jsx } from "react/jsx-runtime";
+var CheckCircleIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: 1.5,
+      stroke: "currentColor",
+      className: "size-6",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "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"
+        }
+      )
+    }
+  );
+};
+var check_circle_icon_default = CheckCircleIcon;
+
+export {
+  check_circle_icon_default
+};
+//# sourceMappingURL=chunk-IXQPSHNR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/icons/check-circle-icon.tsx"],"sourcesContent":["import { FC } from 'react';\n\ninterface CheckCircleIconProps extends React.ComponentProps<'svg'> {}\n\nconst CheckCircleIcon: FC<CheckCircleIconProps> = (props) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      fill='none'\n      viewBox='0 0 24 24'\n      strokeWidth={1.5}\n      stroke='currentColor'\n      className='size-6'\n      {...props}\n    >\n      <path\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        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      />\n    </svg>\n  );\n};\n\nexport default CheckCircleIcon;\n"],"mappings":";;;AAeM;AAXN,IAAM,kBAA4C,CAAC,UAAU;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAO;AAAA,MACP,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/esm/chunk-MNBHQJKW.js

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

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

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

package/dist/esm/chunk-NDUFFQA7.js

@@ -0,0 +1,24 @@
+"use client"
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/loader.tsx
+import { jsx } from "react/jsx-runtime";
+var useStyles = createUseStyles({
+  loader: {
+    textAlign: "center",
+    padding: "20px 0"
+  }
+});
+var Loader = () => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsx("div", { className: clsx_default(styles.loader), children: "Loading..." });
+};
+var loader_default = Loader;
+
+export {
+  loader_default
+};
+//# sourceMappingURL=chunk-NDUFFQA7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/loader.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\n\nexport interface LoaderProps {}\n\nconst useStyles = createUseStyles({\n  loader: {\n    textAlign: 'center',\n    padding: '20px 0',\n  },\n});\n\nconst Loader: FC<LoaderProps> = () => {\n  const styles = useStyles();\n  return <div className={clsx(styles.loader)}>Loading...</div>;\n};\n\nexport default Loader;\n"],"mappings":";;;;;;;AAeS;AATT,IAAM,YAAY,gBAAgB;AAAA,EAChC,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,SAA0B,MAAM;AACpC,QAAM,SAAS,UAAU;AACzB,SAAO,oBAAC,SAAI,WAAW,aAAK,OAAO,MAAM,GAAG,wBAAU;AACxD;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/esm/chunk-NQ3CC7OA.js

@@ -0,0 +1,84 @@
+"use client"
+import {
+  bell_icon_default
+} from "./chunk-ET4RPLX7.js";
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/bell.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    button: (props) => ({
+      width: 40,
+      height: 40,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: "50%",
+      backgroundColor: "#fff",
+      border: "none",
+      cursor: "pointer",
+      transition: "all 0.2s ease-in-out",
+      position: "relative",
+      "&:hover": {
+        backgroundColor: "#f5f5f5"
+      },
+      ...props.active && {
+        backgroundColor: "#f1f1f1"
+      }
+    }),
+    badge: {
+      position: "absolute",
+      top: 0,
+      right: 0,
+      padding: "2px 6px",
+      height: 18,
+      minWidth: 18,
+      backgroundColor: "red",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: 100,
+      color: "#fff",
+      fontSize: 10,
+      visibility: "hidden",
+      opacity: 0,
+      transition: "all 0.2s ease-in-out",
+      scale: 0.8,
+      userSelect: "none"
+    },
+    badgeOpen: {
+      visibility: "visible",
+      opacity: 1,
+      scale: 1
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var Bell = ({ className, counts, active, ...props }) => {
+  const styles = useStyles({ counts, active });
+  const countsText = useMemo(() => {
+    if (counts <= 99) return `${counts}`;
+    return "99+";
+  }, [counts]);
+  const shouldShowBadge = useMemo(() => {
+    return counts > 0;
+  }, [counts]);
+  return /* @__PURE__ */ jsxs("button", { ...props, className: `${styles.button} ${className}`, children: [
+    /* @__PURE__ */ jsx(bell_icon_default, { width: 24, height: 24 }),
+    /* @__PURE__ */ jsx("div", { className: clsx_default(styles.badge, shouldShowBadge && styles.badgeOpen), children: countsText })
+  ] });
+};
+var bell_default = Bell;
+
+export {
+  bell_default
+};
+//# sourceMappingURL=chunk-NQ3CC7OA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/bell.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { COMPONENT_PREFIX } from '../../utils';\nimport { BellIcon } from '../icons';\n\nexport interface BellProps extends React.ComponentProps<'button'> {\n  counts: number;\n  active?: boolean;\n}\n\nconst useStyles = createUseStyles<'button' | 'badge' | 'badgeOpen', BellProps>(\n  {\n    button: (props) => ({\n      width: 40,\n      height: 40,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: '50%',\n      backgroundColor: '#fff',\n      border: 'none',\n      cursor: 'pointer',\n      transition: 'all 0.2s ease-in-out',\n      position: 'relative',\n      '&:hover': {\n        backgroundColor: '#f5f5f5',\n      },\n      ...(props.active && {\n        backgroundColor: '#f1f1f1',\n      }),\n    }),\n    badge: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      padding: '2px 6px',\n      height: 18,\n      minWidth: 18,\n      backgroundColor: 'red',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 100,\n      color: '#fff',\n      fontSize: 10,\n      visibility: 'hidden',\n      opacity: 0,\n      transition: 'all 0.2s ease-in-out',\n      scale: 0.8,\n      userSelect: 'none',\n    },\n    badgeOpen: {\n      visibility: 'visible',\n      opacity: 1,\n      scale: 1,\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nconst Bell: React.FC<BellProps> = ({ className, counts, active, ...props }) => {\n  const styles = useStyles({ counts, active });\n\n  const countsText = useMemo(() => {\n    if (counts <= 99) return `${counts}`;\n    return '99+';\n  }, [counts]);\n  const shouldShowBadge = useMemo(() => {\n    return counts > 0;\n  }, [counts]);\n\n  return (\n    <button {...props} className={`${styles.button} ${className}`}>\n      <BellIcon width={24} height={24} />\n      <div className={clsx(styles.badge, shouldShowBadge && styles.badgeOpen)}>{countsText}</div>\n    </button>\n  );\n};\n\nexport default Bell;\n"],"mappings":";;;;;;;;;;;;;AACA,SAAS,eAAe;AAwEpB,SACE,KADF;AA9DJ,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,QAAQ,CAAC,WAAW;AAAA,MAClB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW;AAAA,QACT,iBAAiB;AAAA,MACnB;AAAA,MACA,GAAI,MAAM,UAAU;AAAA,QAClB,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAEA,IAAM,OAA4B,CAAC,EAAE,WAAW,QAAQ,QAAQ,GAAG,MAAM,MAAM;AAC7E,QAAM,SAAS,UAAU,EAAE,QAAQ,OAAO,CAAC;AAE3C,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAU,GAAI,QAAO,GAAG,MAAM;AAClC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AACX,QAAM,kBAAkB,QAAQ,MAAM;AACpC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,YAAQ,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,IAAI,SAAS,IACzD;AAAA,wBAAC,qBAAS,OAAO,IAAI,QAAQ,IAAI;AAAA,IACjC,oBAAC,SAAI,WAAW,aAAK,OAAO,OAAO,mBAAmB,OAAO,SAAS,GAAI,sBAAW;AAAA,KACvF;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/esm/chunk-QILM4R2Q.js

@@ -0,0 +1,54 @@
+"use client"
+import {
+  archive_box_icon_default
+} from "./chunk-S6WUE45S.js";
+import {
+  check_circle_icon_default
+} from "./chunk-IXQPSHNR.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/actions.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    actions: {
+      position: "absolute",
+      top: 5,
+      right: 5,
+      display: "flex",
+      gap: 5,
+      padding: 0,
+      background: "#fafafa",
+      borderRadius: 5
+    },
+    button: {
+      background: "transparent",
+      "&:hover": {
+        background: "#fafafa"
+      }
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var NotificationItemActions = ({ notification }) => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsxs("div", { className: clsx_default(styles.actions, `${COMPONENT_PREFIX}-actions`), children: [
+    !notification.isRead && /* @__PURE__ */ jsx(button_default, { icon: true, onClick: notification.markAsRead, className: clsx_default(styles.button), children: /* @__PURE__ */ jsx(check_circle_icon_default, { width: 12, height: 12 }) }),
+    /* @__PURE__ */ jsx(button_default, { icon: true, className: clsx_default(styles.button), children: /* @__PURE__ */ jsx(archive_box_icon_default, { width: 12, height: 12 }) })
+  ] });
+};
+var actions_default = NotificationItemActions;
+
+export {
+  actions_default
+};
+//# sourceMappingURL=chunk-QILM4R2Q.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/notification-item/actions.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { Notification } from '../../../dto';\nimport { COMPONENT_PREFIX } from '../../../utils';\nimport { ArchiveBoxIcon, CheckCircleIcon } from '../../icons';\nimport Button from '../button';\n\ninterface NotificationItemActionsProps {\n  notification: Notification;\n}\n\nconst useStyles = createUseStyles(\n  {\n    actions: {\n      position: 'absolute',\n      top: 5,\n      right: 5,\n      display: 'flex',\n      gap: 5,\n      padding: 0,\n      background: '#fafafa',\n      borderRadius: 5,\n    },\n    button: {\n      background: 'transparent',\n      '&:hover': {\n        background: '#fafafa',\n      },\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nconst NotificationItemActions: FC<NotificationItemActionsProps> = ({ notification }) => {\n  const styles = useStyles();\n\n  return (\n    <div className={clsx(styles.actions, `${COMPONENT_PREFIX}-actions`)}>\n      {!notification.isRead && (\n        <Button icon onClick={notification.markAsRead} className={clsx(styles.button)}>\n          <CheckCircleIcon width={12} height={12} />\n        </Button>\n      )}\n\n      <Button icon className={clsx(styles.button)}>\n        <ArchiveBoxIcon width={12} height={12} />\n      </Button>\n    </div>\n  );\n};\n\nexport default NotificationItemActions;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsCI,SAGM,KAHN;AA1BJ,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,SAAS;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAEA,IAAM,0BAA4D,CAAC,EAAE,aAAa,MAAM;AACtF,QAAM,SAAS,UAAU;AAEzB,SACE,qBAAC,SAAI,WAAW,aAAK,OAAO,SAAS,GAAG,gBAAgB,UAAU,GAC/D;AAAA,KAAC,aAAa,UACb,oBAAC,kBAAO,MAAI,MAAC,SAAS,aAAa,YAAY,WAAW,aAAK,OAAO,MAAM,GAC1E,8BAAC,6BAAgB,OAAO,IAAI,QAAQ,IAAI,GAC1C;AAAA,IAGF,oBAAC,kBAAO,MAAI,MAAC,WAAW,aAAK,OAAO,MAAM,GACxC,8BAAC,4BAAe,OAAO,IAAI,QAAQ,IAAI,GACzC;AAAA,KACF;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/esm/chunk-RCHW4I55.js

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

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

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

package/dist/esm/chunk-RLFVKZHT.js

@@ -0,0 +1,30 @@
+"use client"
+import {
+  COMPONENT_PREFIX
+} from "./chunk-6FGP2HJW.js";
+import {
+  clsx_default,
+  createUseStyles
+} from "./chunk-5ZHARJ3G.js";
+
+// src/components/inbox/empty.tsx
+import { jsx } from "react/jsx-runtime";
+var useStyles = createUseStyles(
+  {
+    empty: {
+      textAlign: "center",
+      padding: "20px 0"
+    }
+  },
+  { name: COMPONENT_PREFIX }
+);
+var Empty = () => {
+  const styles = useStyles();
+  return /* @__PURE__ */ jsx("div", { className: clsx_default(styles.empty), children: "No notifications" });
+};
+var empty_default = Empty;
+
+export {
+  empty_default
+};
+//# sourceMappingURL=chunk-RLFVKZHT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/inbox/empty.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { FC } from 'react';\nimport { createUseStyles } from 'react-jss';\nimport { COMPONENT_PREFIX } from '../../utils';\n\nexport interface EmptyProps {}\n\nconst useStyles = createUseStyles(\n  {\n    empty: {\n      textAlign: 'center',\n      padding: '20px 0',\n    },\n  },\n  { name: COMPONENT_PREFIX },\n);\n\nconst Empty: FC<EmptyProps> = () => {\n  const styles = useStyles();\n  return <div className={clsx(styles.empty)}>No notifications</div>;\n};\n\nexport default Empty;\n"],"mappings":";;;;;;;;;;AAmBS;AAZT,IAAM,YAAY;AAAA,EAChB;AAAA,IACE,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,EAAE,MAAM,iBAAiB;AAC3B;AAEA,IAAM,QAAwB,MAAM;AAClC,QAAM,SAAS,UAAU;AACzB,SAAO,oBAAC,SAAI,WAAW,aAAK,OAAO,KAAK,GAAG,8BAAgB;AAC7D;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/esm/chunk-S6WUE45S.js

@@ -0,0 +1,32 @@
+"use client"
+
+// src/components/icons/archive-box-icon.tsx
+import { jsx } from "react/jsx-runtime";
+var ArchiveBoxIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      strokeWidth: 1.5,
+      stroke: "currentColor",
+      className: "size-6",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "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"
+        }
+      )
+    }
+  );
+};
+var archive_box_icon_default = ArchiveBoxIcon;
+
+export {
+  archive_box_icon_default
+};
+//# sourceMappingURL=chunk-S6WUE45S.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/icons/archive-box-icon.tsx"],"sourcesContent":["import { FC } from 'react';\n\ninterface ArchiveBoxIconProps extends React.ComponentProps<'svg'> {}\n\nconst ArchiveBoxIcon: FC<ArchiveBoxIconProps> = (props) => {\n  return (\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      fill='none'\n      viewBox='0 0 24 24'\n      strokeWidth={1.5}\n      stroke='currentColor'\n      className='size-6'\n      {...props}\n    >\n      <path\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        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      />\n    </svg>\n  );\n};\n\nexport default ArchiveBoxIcon;\n"],"mappings":";;;AAeM;AAXN,IAAM,iBAA0C,CAAC,UAAU;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAO;AAAA,MACP,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;","names":[]}