@knocklabs/react-core 0.6.13 → 0.6.14-canary.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@knocklabs/react-core",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.6.13",
+  "version": "0.6.14-canary.2",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -47,12 +47,11 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.14.9",
-    "@tanstack/react-store": "0.6.1",
+    "@knocklabs/client": "workspace:^",
+    "@tanstack/react-store": "^0.7.1",
     "date-fns": "^4.0.0",
     "fast-deep-equal": "^3.1.3",
-    "swr": "^2.3.3",
-    "zustand": "^4.5.6"
+    "swr": "^2.3.3"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
@@ -76,4 +75,4 @@
     "vite-plugin-no-bundle": "^4.0.0",
     "vitest": "^3.1.1"
   }
-}
+}

package/src/modules/feed/context/KnockFeedProvider.tsx

@@ -1,11 +1,6 @@
-import Knock, {
-  Feed,
-  FeedClientOptions,
-  FeedStoreState,
-} from "@knocklabs/client";
+import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
 import * as React from "react";
 import { PropsWithChildren } from "react";
-import type { StoreApi, UseBoundStore } from "zustand";
 
 import { useKnockClient } from "../../core";
 import { ColorMode } from "../../core/constants";
@@ -16,7 +11,7 @@ import useNotifications from "../hooks/useNotifications";
 export interface KnockFeedProviderState {
   knock: Knock;
   feedClient: Feed;
-  useFeedStore: UseBoundStore<StoreApi<FeedStoreState>>;
+  useFeedStore: ReturnType<typeof useCreateNotificationStore>;
   colorMode: ColorMode;
 }
 

package/src/modules/feed/hooks/useNotificationStore.ts

@@ -1,22 +1,24 @@
 import { Feed, type FeedStoreState } from "@knocklabs/client";
-import { type StoreApi, type UseBoundStore, useStore } from "zustand";
+import { useStore } from "@tanstack/react-store";
 
 export type Selector<T> = (state: FeedStoreState) => T;
 
 /**
- * Access a Bounded Store instance by converting our vanilla store to a UseBoundStore
- * https://zustand.docs.pmnd.rs/guides/typescript#bounded-usestore-hook-for-vanilla-stores
- * Allow passing a selector down from useCreateNotificationStore OR useNotificationStore
- * We'll favor the the one passed later outside of useCreateNotificationStore instantiation
+ * Create a hook factory that provides access to the TanStack Store with optional selector support.
+ * This pattern allows for flexible store access with or without selectors while maintaining
+ * type safety. The selector can be passed either to useCreateNotificationStore or
+ * useNotificationStore, with the latter taking precedence.
  */
-function useCreateNotificationStore<T>(
-  feedClient: Feed,
-): UseBoundStore<StoreApi<FeedStoreState>> {
-  // Keep selector optional for external use
-  // useStore requires a selector so we'll pass in a default one when not provided
-  const useBoundedStore = (selector?: Selector<T>) =>
-    useStore(feedClient.store, selector ?? ((state) => state as T));
-  return useBoundedStore as UseBoundStore<StoreApi<FeedStoreState>>;
+function useCreateNotificationStore(feedClient: Feed) {
+  return <T = FeedStoreState>(selector?: Selector<T>) => {
+    // Keep selector optional for external use
+    // useStore requires a selector so we'll pass in a default one when not provided
+    // eslint-disable-next-line
+    return useStore(
+      feedClient.store.store,
+      selector ?? ((state) => state as T),
+    );
+  };
 }
 
 /**

package/src/modules/feed/hooks/useNotifications.ts

@@ -17,10 +17,6 @@ function useNotifications(
     (feedChannelId: string, options: FeedClientOptions) => {
       const feedClient = knock.feeds.initialize(feedChannelId, options);
 
-      // In development, we need to introduce this extra set state to force a render
-      // for Zustand as otherwise the state doesn't get reflected correctly
-      feedClient.store.subscribe((t) => feedClient.store.setState(t));
-
       feedClient.listenForUpdates();
 
       return feedClient;

package/CHANGELOG.md

@@ -1,477 +0,0 @@
-# Changelog
-
-## 0.6.13
-
-### Patch Changes
-
-- bea5604: update @knocklabs/react & @knocklabs/react-core to use named exports instead of barrel exports
-
-## 0.6.12
-
-### Patch Changes
-
-- Updated dependencies [4e73f12]
-  - @knocklabs/client@0.14.9
-
-## 0.6.11
-
-### Patch Changes
-
-- dbbbaf7: Dispose of feed on unmount in `useNotifications` hook
-
-  Previously, the `useNotifications` hook did not clean up old instances of `Feed`
-  on unmount. This has been fixed.
-
-## 0.6.10
-
-### Patch Changes
-
-- 337bade: feat: introduce ability to override slack scopes
-
-## 0.6.9
-
-### Patch Changes
-
-- 329ee05: downgrade tanstack store deps to 0.6.x to work in older TS version
-- Updated dependencies [329ee05]
-  - @knocklabs/client@0.14.8
-
-## 0.6.8
-
-### Patch Changes
-
-- Updated dependencies [efd1005]
-  - @knocklabs/client@0.14.7
-
-## 0.6.7
-
-### Patch Changes
-
-- Updated dependencies [a5c615e]
-  - @knocklabs/client@0.14.6
-
-## 0.6.6
-
-### Patch Changes
-
-- 8f00623: activation location rules support for guides
-- Updated dependencies [8f00623]
-  - @knocklabs/client@0.14.5
-
-## 0.6.5
-
-### Patch Changes
-
-- e800896: feat: typescript fixes + quality of life improvements
-- Updated dependencies [e800896]
-  - @knocklabs/client@0.14.4
-
-## 0.6.4
-
-### Patch Changes
-
-- 96d70bc: fixes memory leak when unmounting the useNotifications hook
-
-## 0.6.3
-
-### Patch Changes
-
-- c97a1d9: Update TanStack Store
-- Updated dependencies [c97a1d9]
-  - @knocklabs/client@0.14.3
-
-## 0.6.2
-
-### Patch Changes
-
-- Updated dependencies [00439a2]
-  - @knocklabs/client@0.14.2
-
-## 0.6.1
-
-### Patch Changes
-
-- Updated dependencies [4c41841]
-  - @knocklabs/client@0.14.1
-
-## 0.6.0
-
-### Minor Changes
-
-- 711948c: feat: add guide client, hooks, provider, and components
-
-### Patch Changes
-
-- Updated dependencies [711948c]
-  - @knocklabs/client@0.14.0
-
-## 0.5.2
-
-### Patch Changes
-
-- Updated dependencies [187abc1]
-  - @knocklabs/client@0.13.1
-
-## 0.5.1
-
-### Patch Changes
-
-- Updated dependencies [4cd1b1e]
-  - @knocklabs/client@0.13.0
-
-## 0.5.0
-
-### Minor Changes
-
-- 8ba5dcb: [JS] Support React 19 in React SDKs
-
-### Patch Changes
-
-- Updated dependencies [8ba5dcb]
-  - @knocklabs/client@0.12.0
-
-## 0.4.2
-
-### Patch Changes
-
-- 226e319: Fix unnecessary refetches of first page by `useSlackChannels` and `useMsTeamsTeams` hooks
-
-  Previously, both the `useSlackChannels` and `useMsTeamsTeams` hooks would unnecessarily refetch the first page of data whenever multiple pages of data were loaded. This has been fixed.
-
-## 0.4.1
-
-### Patch Changes
-
-- 1b86a0c: fix: correct pagination logic in useSlackChannels hook (KNO-7995)
-
-## 0.4.0
-
-### Minor Changes
-
-- 7904b65: Remove `slackSearchbarMultipleChannels` from translations strings
-
-## 0.3.4
-
-### Patch Changes
-
-- Updated dependencies [8ea25f4]
-  - @knocklabs/client@0.11.4
-
-## 0.3.3
-
-### Patch Changes
-
-- 12bc993: Use SWR in `useConnectedSlackChannels` hook
-
-  `useConnectedSlackChannels` now uses [SWR](https://swr.vercel.app/) under the hood. The returned array of connections (`data`) will now update optimistically when `updateConnectedChannels` is called.
-
-- Updated dependencies [4f76cd6]
-  - @knocklabs/client@0.11.3
-
-## 0.3.2
-
-### Patch Changes
-
-- 85418a0: rename constants.ts to interfaces.ts
-- 8cc9338: Fix types in useConnectedSlackChannels.ts
-- da84a75: deprecate tenant in favor of tenantId in KnockSlackProvider and useKnockSlackClient
-- 2161d3f: Use SWR for data fetching in useConnectedMsTeamsChannels hook
-- 1ba1393: add TeamsKit hooks for teams and channels
-- Updated dependencies [2161d3f]
-- Updated dependencies [2161d3f]
-- Updated dependencies [1ba1393]
-- Updated dependencies [b4b5c02]
-  - @knocklabs/client@0.11.2
-
-## 0.3.1
-
-### Patch Changes
-
-- b9f6712: fix: types for userId should handle undefined and null
-- Updated dependencies [b9f6712]
-  - @knocklabs/client@0.11.1
-
-## 0.3.0
-
-### Minor Changes
-
-- 013ad8d: feat: add MsTeamsAuthButton
-
-### Patch Changes
-
-- Updated dependencies [013ad8d]
-  - @knocklabs/client@0.11.0
-
-## 0.2.29
-
-### Patch Changes
-
-- Updated dependencies [26db496]
-- Updated dependencies [988aaf9]
-  - @knocklabs/client@0.10.17
-
-## 0.2.28
-
-### Patch Changes
-
-- Updated dependencies [bc99374]
-  - @knocklabs/client@0.10.16
-
-## 0.2.27
-
-### Patch Changes
-
-- Updated dependencies [26166e3]
-  - @knocklabs/client@0.10.15
-
-## 0.2.26
-
-### Patch Changes
-
-- Updated dependencies [7510909]
-  - @knocklabs/client@0.10.14
-
-## 0.2.25
-
-### Patch Changes
-
-- 47a88da: feature: allow passing additional OAuth scope to SlackAuthButton
-
-## 0.2.24
-
-### Patch Changes
-
-- 1d440f7: feat: add prebuilt In App Feed Components for React Native
-- Updated dependencies [1d440f7]
-  - @knocklabs/client@0.10.13
-
-## 0.2.23
-
-### Patch Changes
-
-- Updated dependencies [5545f9e]
-  - @knocklabs/client@0.10.12
-
-## 0.2.22
-
-### Patch Changes
-
-- Updated dependencies [395f0ca]
-  - @knocklabs/client@0.10.11
-
-## 0.2.21
-
-### Patch Changes
-
-- a4d520c: chore: update generic types
-- Updated dependencies [a4d520c]
-  - @knocklabs/client@0.10.10
-
-## 0.2.20
-
-### Patch Changes
-
-- Updated dependencies [d0adb14]
-  - @knocklabs/client@0.10.9
-
-## 0.2.19
-
-### Patch Changes
-
-- 1e60c19: fix: re-introduce subscribe/setstate call for useNotifications
-
-## 0.2.18
-
-### Patch Changes
-
-- 29e3942: fix: introduce new useNotificationStore hook to prevent issues that prevent state updates
-- Updated dependencies [29e3942]
-  - @knocklabs/client@0.10.8
-
-## 0.2.17
-
-### Patch Changes
-
-- f25b112: fix: ensure feed store reference re-renders after changes to user
-- Updated dependencies [f25b112]
-  - @knocklabs/client@0.10.7
-
-## 0.2.16
-
-### Patch Changes
-
-- 5d2ddab: fix: ensure options are memoized in useAuthenticatedKnockClient
-
-## 0.2.15
-
-### Patch Changes
-
-- b29a47a: Add KnockExpoPushNotificationProvider to react-native sdk
-- Updated dependencies [b29a47a]
-  - @knocklabs/client@0.10.6
-
-## 0.2.14
-
-### Patch Changes
-
-- 5fe3063: Fixes issue where notification data was not updating in react strict mode
-
-## 0.2.13
-
-### Patch Changes
-
-- Updated dependencies [044eb0f]
-  - @knocklabs/client@0.10.5
-
-## 0.2.12
-
-### Patch Changes
-
-- Updated dependencies [5a7c56e]
-  - @knocklabs/client@0.10.4
-
-## 0.2.11
-
-### Patch Changes
-
-- Updated dependencies [a71ce51]
-  - @knocklabs/client@0.10.3
-
-## 0.2.10
-
-### Patch Changes
-
-- 42ba22c: fix: improve typing for react < 18
-- Updated dependencies [42ba22c]
-  - @knocklabs/client@0.10.2
-
-## 0.2.9
-
-### Patch Changes
-
-- 354dd1a: fix: move away from jsx runtime to support react 16 + 17
-
-## 0.2.8
-
-### Patch Changes
-
-- 3c277cb: fix: remove react-query and replace with swr for react 16+ support
-- Updated dependencies [3c277cb]
-- Updated dependencies [567e24f]
-  - @knocklabs/client@0.10.1
-
-## 0.2.7
-
-### Patch Changes
-
-- Updated dependencies [8bdc75b]
-  - @knocklabs/client@0.10.0
-
-## 0.2.6
-
-### Patch Changes
-
-- Updated dependencies [f58371c]
-  - @knocklabs/client@0.9.4
-
-## 0.2.5
-
-### Patch Changes
-
-- 10b5646: Include src files for react-core
-
-## 0.2.4
-
-### Patch Changes
-
-- bc69618: Add react-native to package.json files to fix a bug in our React Native SDK
-- Updated dependencies [bc69618]
-  - @knocklabs/client@0.9.3
-
-## 0.2.3
-
-### Patch Changes
-
-- Updated dependencies [fed0f8c]
-  - @knocklabs/client@0.9.2
-
-## 0.2.2
-
-### Patch Changes
-
-- 282d005: Handle auth disconnected status.
-
-## 0.2.1
-
-### Patch Changes
-
-- Updated dependencies [f37d680]
-  - @knocklabs/client@0.9.1
-
-## 0.2.0
-
-### Minor Changes
-
-- 627e643: Add SlackKit components, hooks, client JS functions, and example apps.
-
-### Patch Changes
-
-- e076109: Fix hover state for connect button.
-- Updated dependencies [627e643]
-  - @knocklabs/client@0.9.0
-
-## 0.1.6
-
-### Patch Changes
-
-- c9faba5: fix esm build issues with mjs files
-- Updated dependencies [c9faba5]
-  - @knocklabs/client@0.8.21
-
-## 0.1.5
-
-### Patch Changes
-
-- Re-releasing packages
-- Updated dependencies
-  - @knocklabs/client@0.8.20
-
-## 0.1.4
-
-### Patch Changes
-
-- 7786ec5: chore: upgrade to yarn modern and update local package references
-- 9dd0d15: feat: add onUserTokenExpiring callback option to client
-- Updated dependencies [7786ec5]
-- Updated dependencies [9dd0d15]
-  - @knocklabs/client@0.8.19
-
-## 0.1.3
-
-### Patch Changes
-
-- 1050660: feat: switch timestamp formatting to date-fns intlFormatDistance
-- Updated dependencies [e53c200]
-- Updated dependencies [d4ba1f2]
-  - @knocklabs/client@0.8.18
-
-## 0.1.2
-
-### Patch Changes
-
-- 8988230: Fix esm exports and date-fns/locale imports
-- 8315372: Fix cjs build output for React components
-
-## 0.1.1
-
-### Patch Changes
-
-- d8a216e: fix: react-core build process
-  fix: remove headless prop from KnockFeedProvider
-  fix: move KnockFeedContainer from react-core to react and rename to NotificationFeedContainer
-
-## 0.1.0
-
-### Patch Changes
-
-- bcdbc86: Initialize monorepo

package/dist/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./modules/core/context/KnockProvider.js"),c=require("./modules/core/hooks/useAuthenticatedKnockClient.js"),a=require("./modules/core/hooks/useStableOptions.js"),d=require("./modules/core/constants.js"),e=require("./modules/core/utils.js"),n=require("./modules/feed/context/KnockFeedProvider.js"),l=require("./modules/feed/hooks/useNotifications.js"),k=require("./modules/feed/hooks/useFeedSettings.js"),o=require("./modules/feed/hooks/useNotificationStore.js"),t=require("./modules/guide/context/KnockGuideProvider.js"),K=require("./modules/guide/hooks/useGuide.js"),r=require("./modules/ms-teams/context/KnockMsTeamsProvider.js"),C=require("./modules/ms-teams/hooks/useMsTeamsConnectionStatus.js"),S=require("./modules/ms-teams/hooks/useMsTeamsAuth.js"),m=require("./modules/ms-teams/hooks/useMsTeamsTeams.js"),q=require("./modules/ms-teams/hooks/useMsTeamsChannels.js"),v=require("./modules/ms-teams/hooks/useConnectedMsTeamsChannels.js"),i=require("./modules/slack/context/KnockSlackProvider.js"),P=require("./modules/slack/hooks/useSlackConnectionStatus.js"),T=require("./modules/slack/hooks/useSlackChannels.js"),M=require("./modules/slack/hooks/useConnectedSlackChannels.js"),f=require("./modules/slack/hooks/useSlackAuth.js"),u=require("./modules/i18n/context/KnockI18nProvider.js"),h=require("./modules/i18n/hooks/useTranslations.js"),F=require("./modules/i18n/languages/index.js");exports.KnockProvider=s.KnockProvider;exports.useKnockClient=s.useKnockClient;exports.useAuthenticatedKnockClient=c;exports.useStableOptions=a;exports.FilterStatus=d.FilterStatus;exports.feedProviderKey=e.feedProviderKey;exports.formatBadgeCount=e.formatBadgeCount;exports.formatTimestamp=e.formatTimestamp;exports.msTeamsProviderKey=e.msTeamsProviderKey;exports.renderNodeOrFallback=e.renderNodeOrFallback;exports.slackProviderKey=e.slackProviderKey;exports.toSentenceCase=e.toSentenceCase;exports.KnockFeedProvider=n.KnockFeedProvider;exports.useKnockFeed=n.useKnockFeed;exports.useNotifications=l;exports.useFeedSettings=k;exports.useCreateNotificationStore=o.useCreateNotificationStore;exports.useNotificationStore=o.default;exports.KnockGuideContext=t.KnockGuideContext;exports.KnockGuideProvider=t.KnockGuideProvider;exports.useGuide=K.useGuide;exports.KnockMsTeamsProvider=r.KnockMsTeamsProvider;exports.useKnockMsTeamsClient=r.useKnockMsTeamsClient;exports.useMsTeamsConnectionStatus=C;exports.useMsTeamsAuth=S;exports.useMsTeamsTeams=m;exports.useMsTeamsChannels=q;exports.useConnectedMsTeamsChannels=v;exports.KnockSlackProvider=i.KnockSlackProvider;exports.useKnockSlackClient=i.useKnockSlackClient;exports.useSlackConnectionStatus=P;exports.useSlackChannels=T;exports.useConnectedSlackChannels=M;exports.useSlackAuth=f;exports.I18nContext=u.I18nContext;exports.KnockI18nProvider=u.KnockI18nProvider;exports.useTranslations=h.useTranslations;exports.locales=F.locales;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/modules/core/constants.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(e=>(e.All="all",e.Read="read",e.Unseen="unseen",e.Unread="unread",e))(n||{});exports.FilterStatus=n;
-//# sourceMappingURL=constants.js.map

package/dist/cjs/modules/core/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/modules/core/constants.ts"],"sourcesContent":["export enum FilterStatus {\n  All = \"all\",\n  Read = \"read\",\n  Unseen = \"unseen\",\n  Unread = \"unread\",\n}\n\nexport type ColorMode = \"light\" | \"dark\";\n"],"names":["FilterStatus","All","Read","Unseen","Unread"],"mappings":"gFAAYA,IAAAA,GAAAA,IACVC,EAAAA,IAAM,MACNC,EAAAA,KAAO,OACPC,EAAAA,OAAS,SACTC,EAAAA,OAAS,SAJCJ,IAAAA,GAAAA,CAAAA,CAAAA"}

package/dist/cjs/modules/core/context/KnockProvider.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),b=require("../../i18n/context/KnockI18nProvider.js"),K=require("../hooks/useAuthenticatedKnockClient.js");require("fast-deep-equal");function m(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=m(f),i=o.createContext(null),P=({apiKey:e,host:n,logLevel:t,userId:r,userToken:s,onUserTokenExpiring:c,timeBeforeExpirationInMs:u,children:a,i18n:l})=>{const d=o.useMemo(()=>({host:n,onUserTokenExpiring:c,timeBeforeExpirationInMs:u,logLevel:t}),[n,c,u,t]),k=K(e??"",r,s,d);return o.createElement(i.Provider,{value:{knock:k}},o.createElement(b.KnockI18nProvider,{i18n:l},a))},p=()=>{const e=o.useContext(i);if(!e)throw new Error("useKnockClient must be used within a KnockProvider");return e.knock};exports.KnockProvider=P;exports.useKnockClient=p;
-//# sourceMappingURL=KnockProvider.js.map

package/dist/cjs/modules/core/context/KnockProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnockProvider.js","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"sourcesContent":["import Knock, { AuthenticateOptions, LogLevel } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { I18nContent, KnockI18nProvider } from \"../../i18n\";\nimport { useAuthenticatedKnockClient } from \"../hooks\";\n\nexport interface KnockProviderState {\n  knock: Knock;\n}\n\nconst KnockContext = React.createContext<KnockProviderState | null>(null);\n\nexport interface KnockProviderProps {\n  // Knock client props\n  apiKey: string | undefined;\n  host?: string;\n  // Authentication props\n  userId: Knock[\"userId\"];\n  userToken?: Knock[\"userToken\"];\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n  // i18n translations\n  i18n?: I18nContent;\n  logLevel?: LogLevel;\n}\n\nexport const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({\n  apiKey,\n  host,\n  logLevel,\n  userId,\n  userToken,\n  onUserTokenExpiring,\n  timeBeforeExpirationInMs,\n  children,\n  i18n,\n}) => {\n  // We memoize the options here so that we don't create a new object on every re-render\n  const authenticateOptions = React.useMemo(\n    () => ({\n      host,\n      onUserTokenExpiring,\n      timeBeforeExpirationInMs,\n      logLevel,\n    }),\n    [host, onUserTokenExpiring, timeBeforeExpirationInMs, logLevel],\n  );\n\n  const knock = useAuthenticatedKnockClient(\n    apiKey ?? \"\",\n    userId,\n    userToken,\n    authenticateOptions,\n  );\n\n  return (\n    <KnockContext.Provider value={{ knock }}>\n      <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>\n    </KnockContext.Provider>\n  );\n};\n\nexport const useKnockClient = (): Knock => {\n  const context = React.useContext(KnockContext);\n  if (!context) {\n    throw new Error(\"useKnockClient must be used within a KnockProvider\");\n  }\n  return context.knock;\n};\n"],"names":["KnockContext","React","createContext","KnockProvider","apiKey","host","logLevel","userId","userToken","onUserTokenExpiring","timeBeforeExpirationInMs","children","i18n","authenticateOptions","useMemo","knock","useAuthenticatedKnockClient","KnockI18nProvider","useKnockClient","context","useContext","Error"],"mappings":"yjBAWMA,EAAeC,EAAMC,cAAyC,IAAI,EAgB3DC,EAAiEA,CAAC,CAC7EC,OAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,oBAAAA,EACAC,yBAAAA,EACAC,SAAAA,EACAC,KAAAA,CACF,IAAM,CAEEC,MAAAA,EAAsBZ,EAAMa,QAChC,KAAO,CACLT,KAAAA,EACAI,oBAAAA,EACAC,yBAAAA,EACAJ,SAAAA,IAEF,CAACD,EAAMI,EAAqBC,EAA0BJ,CAAQ,CAChE,EAEMS,EAAQC,EACZZ,GAAU,GACVG,EACAC,EACAK,CACF,EAEA,OACGZ,EAAA,cAAAD,EAAa,SAAb,CAAsB,MAAO,CAAEe,MAAAA,CAAAA,CAC9B,EAAAd,EAAA,cAACgB,EAAAA,kBAAkB,CAAA,KAAAL,CAAA,EAAaD,CAAS,CAC3C,CAEJ,EAEaO,EAAiBA,IAAa,CACnCC,MAAAA,EAAUlB,EAAMmB,WAAWpB,CAAY,EAC7C,GAAI,CAACmB,EACG,MAAA,IAAIE,MAAM,oDAAoD,EAEtE,OAAOF,EAAQJ,KACjB"}

package/dist/cjs/modules/core/hooks/useAuthenticatedKnockClient.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("@knocklabs/client"),d=require("react");require("../context/KnockProvider.js");const k=require("./useStableOptions.js");require("date-fns");const l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},h=l(s),o=l(d);function f(e,r,c,t={}){e.authenticate(r,c,{onUserTokenExpiring:t==null?void 0:t.onUserTokenExpiring,timeBeforeExpirationInMs:t==null?void 0:t.timeBeforeExpirationInMs})}function q(e,r,c,t={}){const a=o.default.useRef(),u=k(t);return o.default.useMemo(()=>{const n=a.current;if(n&&n.isAuthenticated()&&(n.userId!==r||n.userToken!==c))return f(n,r,c,u),n;n&&n.teardown();const i=new h.default(e,{host:u.host,logLevel:u.logLevel});return f(i,r,c,u),a.current=i,i},[e,r,c,u])}module.exports=q;
-//# sourceMappingURL=useAuthenticatedKnockClient.js.map

package/dist/cjs/modules/core/hooks/useAuthenticatedKnockClient.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction authenticateWithOptions(\n  knock: Knock,\n  userId: Knock[\"userId\"],\n  userToken?: Knock[\"userToken\"],\n  options: AuthenticateOptions = {},\n) {\n  knock.authenticate(userId, userToken, {\n    onUserTokenExpiring: options?.onUserTokenExpiring,\n    timeBeforeExpirationInMs: options?.timeBeforeExpirationInMs,\n  });\n}\n\nexport type AuthenticatedKnockClientOptions = KnockOptions &\n  AuthenticateOptions;\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: Knock[\"userId\"],\n  userToken?: Knock[\"userToken\"],\n  options: AuthenticatedKnockClientOptions = {},\n) {\n  const knockRef = React.useRef<Knock | undefined>();\n  const stableOptions = useStableOptions(options);\n\n  return React.useMemo(() => {\n    const currentKnock = knockRef.current;\n\n    // If the userId and the userToken changes then just reauth\n    if (\n      currentKnock &&\n      currentKnock.isAuthenticated() &&\n      (currentKnock.userId !== userId || currentKnock.userToken !== userToken)\n    ) {\n      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);\n      return currentKnock;\n    }\n\n    if (currentKnock) {\n      currentKnock.teardown();\n    }\n\n    // Otherwise instantiate a new Knock client\n    const knock = new Knock(apiKey, {\n      host: stableOptions.host,\n      logLevel: stableOptions.logLevel,\n    });\n\n    authenticateWithOptions(knock, userId, userToken, stableOptions);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, stableOptions]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","stableOptions","useStableOptions","useMemo","currentKnock","current","isAuthenticated","teardown","Knock","host","logLevel"],"mappings":"qPAKA,SAASA,EACPC,EACAC,EACAC,EACAC,EAA+B,CAAA,EAC/B,CACMC,EAAAA,aAAaH,EAAQC,EAAW,CACpCG,oBAAqBF,GAAAA,YAAAA,EAASE,oBAC9BC,yBAA0BH,GAAAA,YAAAA,EAASG,wBAAAA,CACpC,CACH,CAKA,SAASC,EACPC,EACAP,EACAC,EACAC,EAA2C,CAAA,EAC3C,CACMM,MAAAA,EAAWC,UAAMC,OAA0B,EAC3CC,EAAgBC,EAAiBV,CAAO,EAEvCO,OAAAA,EAAAA,QAAMI,QAAQ,IAAM,CACzB,MAAMC,EAAeN,EAASO,QAI5BD,GAAAA,GACAA,EAAaE,gBAAgB,IAC5BF,EAAad,SAAWA,GAAUc,EAAab,YAAcA,GAEtCa,OAAAA,EAAAA,EAAcd,EAAQC,EAAWU,CAAa,EAC/DG,EAGLA,GACFA,EAAaG,SAAS,EAIlBlB,MAAAA,EAAQ,IAAImB,EAAAA,QAAMX,EAAQ,CAC9BY,KAAMR,EAAcQ,KACpBC,SAAUT,EAAcS,QAAAA,CACzB,EAEuBrB,OAAAA,EAAAA,EAAOC,EAAQC,EAAWU,CAAa,EAC/DH,EAASO,QAAUhB,EAEZA,GACN,CAACQ,EAAQP,EAAQC,EAAWU,CAAa,CAAC,CAC/C"}

package/dist/cjs/modules/core/hooks/useStableOptions.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("fast-deep-equal"),r=require("react"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},c=s(n);function a(t){const u=r.useRef();return r.useMemo(()=>{const e=u.current;return e&&c.default(t,e)?e:(u.current=t,t)},[t])}module.exports=a;
-//# sourceMappingURL=useStableOptions.js.map

package/dist/cjs/modules/core/hooks/useStableOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStableOptions.js","sources":["../../../../../src/modules/core/hooks/useStableOptions.ts"],"sourcesContent":["import fastDeepEqual from \"fast-deep-equal\";\nimport { useMemo, useRef } from \"react\";\n\nexport default function useStableOptions<T>(options: T): T {\n  const optionsRef = useRef<T>();\n\n  return useMemo(() => {\n    const currentOptions = optionsRef.current;\n\n    if (currentOptions && fastDeepEqual(options, currentOptions)) {\n      return currentOptions;\n    }\n\n    optionsRef.current = options;\n    return options;\n  }, [options]);\n}\n"],"names":["useStableOptions","options","optionsRef","useRef","useMemo","currentOptions","current","fastDeepEqual"],"mappings":"kIAGA,SAAwBA,EAAoBC,EAAe,CACzD,MAAMC,EAAaC,EAAAA,OAAU,EAE7B,OAAOC,UAAQ,IAAM,CACnB,MAAMC,EAAiBH,EAAWI,QAElC,OAAID,GAAkBE,EAAAA,QAAcN,EAASI,CAAc,EAClDA,GAGTH,EAAWI,QAAUL,EACdA,EAAAA,EACN,CAACA,CAAO,CAAC,CACd"}

package/dist/cjs/modules/core/utils.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("date-fns");function i(e){return e>9?"9+":e}function c(e,t={}){try{const r=o.parseISO(e);return o.intlFormatDistance(r,new Date,{locale:t.locale})}catch{return e}}function d(e){return e.charAt(0).toUpperCase()+e.slice(1)}function l(e,t){return e!==void 0?e:t}function u(e,t,r={}){return[e,t,r.source,r.tenant,r.has_tenant,r.archived].filter(n=>n!=null).join("-")}function s({knockSlackChannelId:e,tenantId:t,connectionStatus:r,errorLabel:n}){return[e,t,r,n].filter(a=>a!=null).join("-")}function f({knockMsTeamsChannelId:e,tenantId:t,connectionStatus:r,errorLabel:n}){return[e,t,r,n].filter(a=>a!=null).join("-")}exports.feedProviderKey=u;exports.formatBadgeCount=i;exports.formatTimestamp=c;exports.msTeamsProviderKey=f;exports.renderNodeOrFallback=l;exports.slackProviderKey=s;exports.toSentenceCase=d;
-//# sourceMappingURL=utils.js.map

package/dist/cjs/modules/core/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["import Knock, { FeedClientOptions } from \"@knocklabs/client\";\nimport { intlFormatDistance, parseISO } from \"date-fns\";\nimport { ReactNode } from \"react\";\n\nexport function formatBadgeCount(count: number): string | number {\n  return count > 9 ? \"9+\" : count;\n}\n\ntype FormatTimestampOptions = {\n  locale?: string | string[];\n};\n\nexport function formatTimestamp(\n  ts: string,\n  options: FormatTimestampOptions = {},\n) {\n  try {\n    const parsedTs = parseISO(ts);\n    const formatted = intlFormatDistance(parsedTs, new Date(), {\n      locale: options.locale,\n    });\n\n    return formatted;\n  } catch (_e) {\n    return ts;\n  }\n}\n\nexport function toSentenceCase(string: string): string {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {\n  return node !== undefined ? node : fallback;\n}\n\n/*\n  Used to build a consistent key for the KnockFeedProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function feedProviderKey(\n  userId: Knock[\"userId\"],\n  feedId: string,\n  options: FeedClientOptions = {},\n) {\n  return [\n    userId,\n    feedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockSlackProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function slackProviderKey({\n  knockSlackChannelId,\n  tenantId,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockSlackChannelId: string;\n  tenantId: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockSlackChannelId, tenantId, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockMsTeamsProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function msTeamsProviderKey({\n  knockMsTeamsChannelId,\n  tenantId,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockMsTeamsChannelId: string;\n  tenantId: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockMsTeamsChannelId, tenantId, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n"],"names":["formatBadgeCount","count","formatTimestamp","ts","options","parsedTs","parseISO","formatted","intlFormatDistance","Date","locale","toSentenceCase","string","charAt","toUpperCase","slice","renderNodeOrFallback","node","fallback","undefined","feedProviderKey","userId","feedId","source","tenant","has_tenant","archived","filter","f","join","slackProviderKey","knockSlackChannelId","tenantId","connectionStatus","errorLabel","msTeamsProviderKey","knockMsTeamsChannelId"],"mappings":"4GAIO,SAASA,EAAiBC,EAAgC,CACxDA,OAAAA,EAAQ,EAAI,KAAOA,CAC5B,CAMO,SAASC,EACdC,EACAC,EAAkC,GAClC,CACI,GAAA,CACIC,MAAAA,EAAWC,WAASH,CAAE,EAKrBI,OAJWC,EAAAA,mBAAmBH,EAAU,IAAII,KAAQ,CACzDC,OAAQN,EAAQM,MAAAA,CACjB,OAGU,CACJP,OAAAA,CAAAA,CAEX,CAEO,SAASQ,EAAeC,EAAwB,CAC9CA,OAAAA,EAAOC,OAAO,CAAC,EAAEC,cAAgBF,EAAOG,MAAM,CAAC,CACxD,CAEgBC,SAAAA,EAAqBC,EAAiBC,EAAqB,CAClED,OAAAA,IAASE,OAAYF,EAAOC,CACrC,CAMO,SAASE,EACdC,EACAC,EACAlB,EAA6B,CAAA,EAC7B,CACO,MAAA,CACLiB,EACAC,EACAlB,EAAQmB,OACRnB,EAAQoB,OACRpB,EAAQqB,WACRrB,EAAQsB,QAAQ,EAEfC,UAAcC,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb,CAMO,SAASC,EAAiB,CAC/BC,oBAAAA,EACAC,SAAAA,EACAC,iBAAAA,EACAC,WAAAA,CAMF,EAAG,CACD,MAAO,CAACH,EAAqBC,EAAUC,EAAkBC,CAAU,EAChEP,OAAcC,GAAAA,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb,CAMO,SAASM,EAAmB,CACjCC,sBAAAA,EACAJ,SAAAA,EACAC,iBAAAA,EACAC,WAAAA,CAMF,EAAG,CACD,MAAO,CAACE,EAAuBJ,EAAUC,EAAkBC,CAAU,EAClEP,OAAcC,GAAAA,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb"}

package/dist/cjs/modules/feed/context/KnockFeedProvider.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");const l=require("../../core/utils.js"),f=require("../hooks/useNotifications.js"),k=require("../hooks/useNotificationStore.js");function v(e){if(e&&typeof e=="object"&&"default"in e)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=v(d),u=c.createContext(void 0),K=({feedId:e,children:r,defaultFeedOptions:t={},colorMode:o="light"})=>{let n;try{n=a.useKnockClient()}catch{throw new Error("KnockFeedProvider must be used within a KnockProvider.")}const i=f(n,e??"",t),s=k.useCreateNotificationStore(i);return c.createElement(u.Provider,{key:l.feedProviderKey(n.userId,e??"",t),value:{knock:n,feedClient:i,useFeedStore:s,colorMode:o}},r)},b=()=>{const e=c.useContext(u);if(!e)throw new Error("useKnockFeed must be used within a KnockFeedProvider");return e};exports.KnockFeedProvider=K;exports.useKnockFeed=b;
-//# sourceMappingURL=KnockFeedProvider.js.map

package/dist/cjs/modules/feed/context/KnockFeedProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnockFeedProvider.js","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"sourcesContent":["import Knock, {\n  Feed,\n  FeedClientOptions,\n  FeedStoreState,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport type { StoreApi, UseBoundStore } from \"zustand\";\n\nimport { useKnockClient } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\nimport { feedProviderKey } from \"../../core/utils\";\nimport { useCreateNotificationStore } from \"../hooks\";\nimport useNotifications from \"../hooks/useNotifications\";\n\nexport interface KnockFeedProviderState {\n  knock: Knock;\n  feedClient: Feed;\n  useFeedStore: UseBoundStore<StoreApi<FeedStoreState>>;\n  colorMode: ColorMode;\n}\n\nconst KnockFeedContext = React.createContext<\n  KnockFeedProviderState | undefined\n>(undefined);\n\nexport interface KnockFeedProviderProps {\n  // Feed props\n  feedId: string | undefined;\n\n  // Extra options\n  colorMode?: ColorMode;\n\n  // Feed client options\n  defaultFeedOptions?: FeedClientOptions;\n}\n\nexport const KnockFeedProvider: React.FC<\n  PropsWithChildren<KnockFeedProviderProps>\n> = ({ feedId, children, defaultFeedOptions = {}, colorMode = \"light\" }) => {\n  let knock: Knock;\n  try {\n    knock = useKnockClient();\n  } catch (_) {\n    throw new Error(\"KnockFeedProvider must be used within a KnockProvider.\");\n  }\n\n  const feedClient = useNotifications(knock, feedId ?? \"\", defaultFeedOptions);\n  const useFeedStore = useCreateNotificationStore(feedClient);\n\n  return (\n    <KnockFeedContext.Provider\n      key={feedProviderKey(knock.userId, feedId ?? \"\", defaultFeedOptions)}\n      value={{\n        knock,\n        feedClient,\n        useFeedStore,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockFeedContext.Provider>\n  );\n};\n\nexport const useKnockFeed = (): KnockFeedProviderState => {\n  const context = React.useContext(KnockFeedContext);\n  if (!context) {\n    throw new Error(\"useKnockFeed must be used within a KnockFeedProvider\");\n  }\n\n  return context;\n};\n"],"names":["KnockFeedContext","React","createContext","undefined","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","Error","feedClient","useNotifications","useFeedStore","useCreateNotificationStore","feedProviderKey","userId","useKnockFeed","context","useContext"],"mappings":"4pBAsBMA,EAAmBC,EAAMC,cAE7BC,MAAS,EAaEC,EAETA,CAAC,CAAEC,OAAAA,EAAQC,SAAAA,EAAUC,mBAAAA,EAAqB,CAAC,EAAGC,UAAAA,EAAY,OAAQ,IAAM,CACtEC,IAAAA,EACA,GAAA,CACFA,EAAQC,EAAAA,eAAe,OACb,CACJ,MAAA,IAAIC,MAAM,wDAAwD,CAAA,CAG1E,MAAMC,EAAaC,EAAiBJ,EAAOJ,GAAU,GAAIE,CAAkB,EACrEO,EAAeC,6BAA2BH,CAAU,EAE1D,OACGX,EAAA,cAAAD,EAAiB,SAAjB,CACC,IAAKgB,EAAAA,gBAAgBP,EAAMQ,OAAQZ,GAAU,GAAIE,CAAkB,EACnE,MAAO,CACLE,MAAAA,EACAG,WAAAA,EACAE,aAAAA,EACAN,UAAAA,IAGDF,CACH,CAEJ,EAEaY,EAAeA,IAA8B,CAClDC,MAAAA,EAAUlB,EAAMmB,WAAWpB,CAAgB,EACjD,GAAI,CAACmB,EACG,MAAA,IAAIR,MAAM,sDAAsD,EAGjEQ,OAAAA,CACT"}