@tnf-dev/react 1.0.1-7 → 1.0.1-8

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

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

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"]}