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

package/dist/cjs/contexts/index.d.cts

@@ -1,4 +1,3 @@
 export { TeknifyContext, default as TeknifyProvider } from './TeknifyProvider.cjs';
 import 'react';
 import '@tnf-dev/js';
-import '../types/locale.cjs';

package/dist/cjs/dto/index.cjs

@@ -1,2 +1,20 @@
 "use client"
-"use strict";var m=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o,p,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of x(o))!a.call(r,e)&&e!==p&&m(r,e,{get:()=>o[e],enumerable:!(f=t(o,e))||f.enumerable});return r};var c=r=>b(m({},"__esModule",{value:!0}),r);var d={};module.exports=c(d);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dto/index.ts
+var dto_exports = {};
+module.exports = __toCommonJS(dto_exports);
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/dto/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dto/index.ts"],"sourcesContent":["export * from './notifications';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/dto/notifications/index.cjs

@@ -1,2 +1,20 @@
 "use client"
-"use strict";var m=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o,p,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of x(o))!a.call(r,e)&&e!==p&&m(r,e,{get:()=>o[e],enumerable:!(f=t(o,e))||f.enumerable});return r};var c=r=>b(m({},"__esModule",{value:!0}),r);var d={};module.exports=c(d);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dto/notifications/index.ts
+var notifications_exports = {};
+module.exports = __toCommonJS(notifications_exports);
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/dto/notifications/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dto/notifications/index.ts"],"sourcesContent":["export * from './notification.interface';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/dto/notifications/notification.interface.cjs

@@ -1,2 +1,20 @@
 "use client"
-"use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var c=(o,i,f,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of r(i))!s.call(o,t)&&t!==f&&e(o,t,{get:()=>i[t],enumerable:!(a=n(i,t))||a.enumerable});return o};var m=o=>c(e({},"__esModule",{value:!0}),o);var N={};module.exports=m(N);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dto/notifications/notification.interface.ts
+var notification_interface_exports = {};
+module.exports = __toCommonJS(notification_interface_exports);
+//# sourceMappingURL=notification.interface.cjs.map

package/dist/cjs/dto/notifications/notification.interface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dto/notifications/notification.interface.ts"],"sourcesContent":["import { Notification as BaseNotification } from '@tnf-dev/core';\n\nexport interface Notification extends BaseNotification {\n  markAsRead: () => Promise<void>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/hooks/index.cjs

@@ -1,2 +1,146 @@
 "use client"
-"use strict";var k=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var b=(t,n)=>{for(var i in n)k(t,i,{get:n[i],enumerable:!0})},S=(t,n,i,f)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of w(n))!M.call(t,a)&&a!==i&&k(t,a,{get:()=>n[a],enumerable:!(f=F(n,a))||f.enumerable});return t};var U=t=>S(k({},"__esModule",{value:!0}),t);var H={};b(H,{useNotifications:()=>D});module.exports=U(H);var r=require("react");var V=require("@tnf-dev/js"),C=require("react");var W=require("react/jsx-runtime"),P=(0,C.createContext)({applicationId:"",subscriberId:""});var D=()=>{let{client:t}=(0,r.useContext)(P),[n,i]=(0,r.useState)([]),[f,a]=(0,r.useState)(!1),[h,y]=(0,r.useState)(null),[l,x]=(0,r.useState)(!1),[_,E]=(0,r.useState)(!0),[L,T]=(0,r.useState)(!0),[m,I]=(0,r.useState)(),[A,g]=(0,r.useState)(0),d=(0,r.useCallback)(async e=>{try{i(c=>c.map(o=>o._id===e?{...o,isRead:!0}:o)),await t.notification.markAsRead(e)}catch{i(o=>o.map(s=>s._id===e?{...s,isRead:!1}:s))}},[]),p=(0,r.useCallback)(async()=>{if(!(l||f))try{x(!0);let e=await t.notification.getNotifications({...m?{cursor:m}:{}});i(c=>[...c,...e.data.filter(o=>!c.find(s=>s._id===o._id)).map(o=>({...o,markAsRead:()=>d(o._id)}))]),T(!!e.pagination.continueCursor),I(e.pagination.continueCursor),g(e.unread)}catch(e){a(!0),e instanceof Error?y(e):y(new Error("Unknown error"))}finally{x(!1),E(!1)}},[l,m,d,f]);(0,r.useEffect)(()=>{p()},[]),(0,r.useEffect)(()=>{let e=(c,{counts:o})=>{g(o.unread),i(s=>[...c.filter(u=>{let N=s.findIndex(v=>v._id===u._id);return N!==-1?(s[N]={...u,markAsRead:()=>d(u._id)},!1):!0}).map(u=>({...u,markAsRead:()=>d(u._id)})),...s])};return t.notification.on(e),()=>{t.notification.off(e)}},[d]);let R=(0,r.useCallback)(()=>{p()},[p]);return{notifications:n,isLoading:l,isFirstLoad:_,isError:f,error:h,hasMore:L,unread:A,fetchMore:R}};0&&(module.exports={useNotifications});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useNotifications: () => useNotifications
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/useNotifications.ts
+var import_react2 = require("react");
+
+// src/contexts/TeknifyProvider.tsx
+var import_js = require("@tnf-dev/js");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TeknifyContext = (0, import_react.createContext)({
+  applicationId: "",
+  subscriberId: ""
+});
+
+// src/hooks/useNotifications.ts
+var useNotifications = () => {
+  const { client } = (0, import_react2.useContext)(TeknifyContext);
+  const [notifications, setNotifications] = (0, import_react2.useState)([]);
+  const [isError, setIsError] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [isFirstLoad, setIsFirstLoad] = (0, import_react2.useState)(true);
+  const [hasMore, setHasMore] = (0, import_react2.useState)(true);
+  const [nextCursor, setNextCursor] = (0, import_react2.useState)();
+  const [unread, setUnread] = (0, import_react2.useState)(0);
+  const handleMarkAsRead = (0, import_react2.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 = (0, import_react2.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]);
+  (0, import_react2.useEffect)(() => {
+    fetchNotifications();
+  }, []);
+  (0, import_react2.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 = (0, import_react2.useCallback)(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+  return {
+    notifications,
+    isLoading,
+    isFirstLoad,
+    isError,
+    error,
+    hasMore,
+    unread,
+    fetchMore
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotifications
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts","../../../src/hooks/useNotifications.ts","../../../src/contexts/TeknifyProvider.tsx"],"sourcesContent":["export * from './useNotifications';\n","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","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":"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","names":["import_react","error","notifications"]}

package/dist/cjs/hooks/useNotifications.cjs

@@ -1,2 +1,144 @@
 "use client"
-"use strict";var p=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var b=(t,n)=>{for(var i in n)p(t,i,{get:n[i],enumerable:!0})},S=(t,n,i,f)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of w(n))!M.call(t,a)&&a!==i&&p(t,a,{get:()=>n[a],enumerable:!(f=F(n,a))||f.enumerable});return t};var U=t=>S(p({},"__esModule",{value:!0}),t);var H={};b(H,{useNotifications:()=>D});module.exports=U(H);var r=require("react");var V=require("@tnf-dev/js"),C=require("react");var W=require("react/jsx-runtime"),P=(0,C.createContext)({applicationId:"",subscriberId:""});var D=()=>{let{client:t}=(0,r.useContext)(P),[n,i]=(0,r.useState)([]),[f,a]=(0,r.useState)(!1),[h,y]=(0,r.useState)(null),[l,x]=(0,r.useState)(!1),[_,E]=(0,r.useState)(!0),[L,T]=(0,r.useState)(!0),[m,I]=(0,r.useState)(),[A,g]=(0,r.useState)(0),d=(0,r.useCallback)(async e=>{try{i(c=>c.map(o=>o._id===e?{...o,isRead:!0}:o)),await t.notification.markAsRead(e)}catch{i(o=>o.map(s=>s._id===e?{...s,isRead:!1}:s))}},[]),k=(0,r.useCallback)(async()=>{if(!(l||f))try{x(!0);let e=await t.notification.getNotifications({...m?{cursor:m}:{}});i(c=>[...c,...e.data.filter(o=>!c.find(s=>s._id===o._id)).map(o=>({...o,markAsRead:()=>d(o._id)}))]),T(!!e.pagination.continueCursor),I(e.pagination.continueCursor),g(e.unread)}catch(e){a(!0),e instanceof Error?y(e):y(new Error("Unknown error"))}finally{x(!1),E(!1)}},[l,m,d,f]);(0,r.useEffect)(()=>{k()},[]),(0,r.useEffect)(()=>{let e=(c,{counts:o})=>{g(o.unread),i(s=>[...c.filter(u=>{let N=s.findIndex(v=>v._id===u._id);return N!==-1?(s[N]={...u,markAsRead:()=>d(u._id)},!1):!0}).map(u=>({...u,markAsRead:()=>d(u._id)})),...s])};return t.notification.on(e),()=>{t.notification.off(e)}},[d]);let R=(0,r.useCallback)(()=>{k()},[k]);return{notifications:n,isLoading:l,isFirstLoad:_,isError:f,error:h,hasMore:L,unread:A,fetchMore:R}};0&&(module.exports={useNotifications});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useNotifications.ts
+var useNotifications_exports = {};
+__export(useNotifications_exports, {
+  useNotifications: () => useNotifications
+});
+module.exports = __toCommonJS(useNotifications_exports);
+var import_react2 = require("react");
+
+// src/contexts/TeknifyProvider.tsx
+var import_js = require("@tnf-dev/js");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TeknifyContext = (0, import_react.createContext)({
+  applicationId: "",
+  subscriberId: ""
+});
+
+// src/hooks/useNotifications.ts
+var useNotifications = () => {
+  const { client } = (0, import_react2.useContext)(TeknifyContext);
+  const [notifications, setNotifications] = (0, import_react2.useState)([]);
+  const [isError, setIsError] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [isFirstLoad, setIsFirstLoad] = (0, import_react2.useState)(true);
+  const [hasMore, setHasMore] = (0, import_react2.useState)(true);
+  const [nextCursor, setNextCursor] = (0, import_react2.useState)();
+  const [unread, setUnread] = (0, import_react2.useState)(0);
+  const handleMarkAsRead = (0, import_react2.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 = (0, import_react2.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]);
+  (0, import_react2.useEffect)(() => {
+    fetchNotifications();
+  }, []);
+  (0, import_react2.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 = (0, import_react2.useCallback)(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+  return {
+    notifications,
+    isLoading,
+    isFirstLoad,
+    isError,
+    error,
+    hasMore,
+    unread,
+    fetchMore
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotifications
+});
+//# sourceMappingURL=useNotifications.cjs.map

package/dist/cjs/hooks/useNotifications.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useNotifications.ts","../../../src/contexts/TeknifyProvider.tsx"],"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","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;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAA6D;;;ACA7D,gBAA8B;AAC9B,mBAA8D;AAiCxD;AApBC,IAAM,qBAAiB,4BAAkC;AAAA,EAC9D,eAAe;AAAA,EACf,cAAc;AAChB,CAAQ;;;ADbD,IAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,OAAO,QAAI,0BAAW,cAAc;AAC5C,QAAM,CAAC,eAAe,gBAAgB,QAAI,wBAAyB,CAAC,CAAC;AACrE,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAuB,IAAI;AACrD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,QAAI,wBAAS,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,IAAI;AAC3C,QAAM,CAAC,YAAY,aAAa,QAAI,wBAA6B;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,CAAC;AAEtC,QAAM,uBAAmB,2BAAY,OAAO,OAAe;AACzD,QAAI;AACF,YAAM,OAAO,aAAa,WAAW,EAAE;AACvC,uBAAiB,CAAC,SAAS;AACzB,eAAO,KAAK,IAAI,CAAC,iBAAiB;AAChC,cAAI,aAAa,QAAQ,IAAI;AAC3B,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,QAAQ;AAAA,YACV;AAAA,UACF;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH,CAAC;AAAA,IACH,SAASC,QAAO;AAAA,IAAC;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,yBAAqB,2BAAY,YAAY;AACjD,QAAI,UAAW;AACf,QAAI;AACF,mBAAa,IAAI;AACjB,YAAM,MAAM,MAAM,OAAO,aAAa,iBAAiB;AAAA,QACrD,GAAI,aAAa,EAAE,QAAQ,WAAW,IAAI,CAAC;AAAA,MAC7C,CAAC;AAED,uBAAiB,CAAC,SAAS;AACzB,eAAO;AAAA,UACL,GAAG;AAAA,UACH,GAAG,IAAI,KACJ,OAAO,CAAC,iBAAiB,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE,QAAQ,aAAa,GAAG,CAAC,EACtE,IAAI,CAAC,kBAAkB;AAAA,YACtB,GAAG;AAAA,YACH,YAAY,MAAM,iBAAiB,aAAa,GAAG;AAAA,UACrD,EAAE;AAAA,QACN;AAAA,MACF,CAAC;AACD,iBAAW,CAAC,CAAC,IAAI,WAAW,cAAc;AAC1C,oBAAc,IAAI,WAAW,cAAc;AAC3C,gBAAU,IAAI,MAAM;AAAA,IACtB,SAASA,QAAO;AACd,iBAAW,IAAI;AACf,UAAIA,kBAAiB,OAAO;AAC1B,iBAASA,MAAK;AAAA,MAChB,OAAO;AACL,iBAAS,IAAI,MAAM,eAAe,CAAC;AAAA,MACrC;AAAA,IACF,UAAE;AACA,mBAAa,KAAK;AAClB,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,WAAW,YAAY,gBAAgB,CAAC;AAE5C,+BAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,UAAM,UAAU,CAACC,mBAA2D;AAC1E,uBAAiB,CAAC,SAAS;AACzB,eAAO;AAAA,UACL,GAAGA,eACA,OAAO,CAAC,iBAAiB;AACxB,kBAAM,aAAa,KAAK,UAAU,CAAC,MAAM,EAAE,QAAQ,aAAa,GAAG;AACnE,gBAAI,YAAY;AACd,mBAAK,UAAU,IAAI;AAAA,gBACjB,GAAG;AAAA,gBACH,YAAY,MAAM,iBAAiB,aAAa,GAAG;AAAA,cACrD;AAAA,YACF;AACA,mBAAO,eAAe;AAAA,UACxB,CAAC,EACA,IAAI,CAAC,kBAAkB;AAAA,YACtB,GAAG;AAAA,YACH,YAAY,MAAM,iBAAiB,aAAa,GAAG;AAAA,UACrD,EAAE;AAAA,UACJ,GAAG;AAAA,QACL;AAAA,MACF,CAAC;AAAA,IACH;AACA,WAAO,aAAa,GAAG,OAAO;AAC9B,WAAO,MAAM;AACX,aAAO,aAAa,IAAI,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,gBAAY,2BAAY,MAAM;AAClC,uBAAmB;AAAA,EACrB,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["import_react","error","notifications"]}