@knocklabs/react-core 0.6.12 → 0.6.14-canary.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.6.14-canary.0
+
+### Patch Changes
+
+- 86a72cc: feat: Migrates the internal store library from zustand to @tanstack/store. This is a non-breaking change that maintains backwards compatibility with the @knocklabs/client and @knocklabs/react-core packages.
+- Updated dependencies [86a72cc]
+  - @knocklabs/client@0.14.10-canary.0
+
+## 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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"KnockFeedProvider.js","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\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: ReturnType<typeof useCreateNotificationStore>;\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":"4pBAiBMA,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"}

package/dist/cjs/modules/feed/hooks/useNotificationStore.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("zustand");function r(e){return u=>n.useStore(e.store,u??(t=>t))}function s(e,o){return r(e)(o??(t=>t))}exports.default=s;exports.useCreateNotificationStore=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@tanstack/react-store");function r(e){return t=>i.useStore(e.store.store,t??(o=>o))}function n(e,t){return r(e)(t??(u=>u))}exports.default=n;exports.useCreateNotificationStore=r;
 //# sourceMappingURL=useNotificationStore.js.map

package/dist/cjs/modules/feed/hooks/useNotificationStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationStore.js","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, type FeedStoreState } from \"@knocklabs/client\";\nimport { type StoreApi, type UseBoundStore, useStore } from \"zustand\";\n\nexport type Selector<T> = (state: FeedStoreState) => T;\n\n/**\n * Access a Bounded Store instance by converting our vanilla store to a UseBoundStore\n * https://zustand.docs.pmnd.rs/guides/typescript#bounded-usestore-hook-for-vanilla-stores\n * Allow passing a selector down from useCreateNotificationStore OR useNotificationStore\n * We'll favor the the one passed later outside of useCreateNotificationStore instantiation\n */\nfunction useCreateNotificationStore<T>(\n  feedClient: Feed,\n): UseBoundStore<StoreApi<FeedStoreState>> {\n  // Keep selector optional for external use\n  // useStore requires a selector so we'll pass in a default one when not provided\n  const useBoundedStore = (selector?: Selector<T>) =>\n    useStore(feedClient.store, selector ?? ((state) => state as T));\n  return useBoundedStore as UseBoundStore<StoreApi<FeedStoreState>>;\n}\n\n/**\n * A hook used to access content within the notification store.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient);\n * ```\n *\n * A selector can be used to access a subset of the store state.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient, (state) => ({\n *   items: state.items,\n *   metadata: state.metadata,\n * }));\n * ```\n */\nfunction useNotificationStore(feedClient: Feed): FeedStoreState;\nfunction useNotificationStore<T>(feedClient: Feed, selector: Selector<T>): T;\nfunction useNotificationStore<T>(\n  feedClient: Feed,\n  selector?: Selector<T>,\n): T | FeedStoreState {\n  const useStoreLocal = useCreateNotificationStore(feedClient);\n  return useStoreLocal(selector ?? ((state) => state as T));\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useCreateNotificationStore","feedClient","useBoundedStore","selector","useStore","store","state","useNotificationStore","useStoreLocal"],"mappings":"uIAWA,SAASA,EACPC,EACyC,CAKlCC,OAFkBC,GACvBC,WAASH,EAAWI,MAAOF,OAAwBG,EAAW,CAElE,CAwBA,SAASC,EACPN,EACAE,EACoB,CAEbK,OADeR,EAA2BC,CAAU,EACtCE,IAAcG,GAAUA,EAAW,CAC1D"}
+{"version":3,"file":"useNotificationStore.js","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, type FeedStoreState } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nexport type Selector<T> = (state: FeedStoreState) => T;\n\n/**\n * Create a hook factory that provides access to the TanStack Store with optional selector support.\n * This pattern allows for flexible store access with or without selectors while maintaining\n * type safety. The selector can be passed either to useCreateNotificationStore or\n * useNotificationStore, with the latter taking precedence.\n */\nfunction useCreateNotificationStore(feedClient: Feed) {\n  return <T = FeedStoreState>(selector?: Selector<T>) => {\n    // Keep selector optional for external use\n    // useStore requires a selector so we'll pass in a default one when not provided\n    // eslint-disable-next-line\n    return useStore(\n      feedClient.store.store,\n      selector ?? ((state) => state as T),\n    );\n  };\n}\n\n/**\n * A hook used to access content within the notification store.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient);\n * ```\n *\n * A selector can be used to access a subset of the store state.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient, (state) => ({\n *   items: state.items,\n *   metadata: state.metadata,\n * }));\n * ```\n */\nfunction useNotificationStore(feedClient: Feed): FeedStoreState;\nfunction useNotificationStore<T>(feedClient: Feed, selector: Selector<T>): T;\nfunction useNotificationStore<T>(\n  feedClient: Feed,\n  selector?: Selector<T>,\n): T | FeedStoreState {\n  const useStoreLocal = useCreateNotificationStore(feedClient);\n  return useStoreLocal(selector ?? ((state) => state as T));\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useCreateNotificationStore","feedClient","selector","useStore","store","state","useNotificationStore","useStoreLocal"],"mappings":"qJAWA,SAASA,EAA2BC,EAAkB,CACpD,OAA4BC,GAInBC,WACLF,EAAWG,MAAMA,MACjBF,OAAwBG,EAC1B,CAEJ,CAwBA,SAASC,EACPL,EACAC,EACoB,CAEbK,OADeP,EAA2BC,CAAU,EACtCC,IAAcG,GAAUA,EAAW,CAC1D"}

package/dist/cjs/modules/feed/hooks/useNotifications.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react");require("../../core/context/KnockProvider.js");require("@knocklabs/client");const p=require("../../core/hooks/useStableOptions.js");require("date-fns");function b(c,s,l={}){const r=n.useCallback((u,f)=>{const i=c.feeds.initialize(u,f);return i.store.subscribe(d=>i.store.setState(d)),i.listenForUpdates(),i},[c]),e=p(l),[t,a]=n.useState(()=>({feedClient:r(s,e),options:e})),o=n.useRef(!1);return n.useEffect(()=>{const u=o.current;if(t.feedClient.feedId!==s||t.options!==e||u){o.current=!1,a({feedClient:r(s,e),options:e});return}return()=>{o.current=!0,t.feedClient.dispose()}},[r,s,e,t]),t.feedClient}module.exports=b;
+"use strict";const i=require("react");require("../../core/context/KnockProvider.js");require("@knocklabs/client");const a=require("../../core/hooks/useStableOptions.js");require("date-fns");function p(u,s,l={}){const n=i.useCallback((o,c)=>{const f=u.feeds.initialize(o,c);return f.listenForUpdates(),f},[u]),e=a(l),[t,d]=i.useState(()=>({feedClient:n(s,e),options:e})),r=i.useRef(!1);return i.useEffect(()=>{const o=r.current;if(t.feedClient.feedId!==s||t.options!==e||o){r.current=!1,d({feedClient:n(s,e),options:e});return}return()=>{r.current=!0,t.feedClient.dispose()}},[n,s,e,t]),t.feedClient}module.exports=p;
 //# sourceMappingURL=useNotifications.js.map

package/dist/cjs/modules/feed/hooks/useNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\ninterface State {\n  feedClient: Feed;\n  options: FeedClientOptions;\n}\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n): Feed {\n  const initFeedClient = useCallback(\n    (feedChannelId: string, options: FeedClientOptions) => {\n      const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n      // In development, we need to introduce this extra set state to force a render\n      // for Zustand as otherwise the state doesn't get reflected correctly\n      feedClient.store.subscribe((t) => feedClient.store.setState(t));\n\n      feedClient.listenForUpdates();\n\n      return feedClient;\n    },\n    [knock],\n  );\n\n  const stableOptions = useStableOptions(options);\n  const [state, setState] = useState<State>(() => ({\n    // FIXME In strict mode, useState initializer functions are called twice,\n    // which results in one extra instance of the feed client being created\n    // and not disposed of. This only affects strict mode.\n    feedClient: initFeedClient(feedChannelId, stableOptions),\n    options: stableOptions,\n  }));\n  const disposedRef = useRef(false);\n\n  useEffect(() => {\n    const isDisposed = disposedRef.current;\n\n    // Initialize a new feed client if the feed ID has changed,\n    // options have changed, or the current feed client has been disposed\n    const needsReinit =\n      state.feedClient.feedId !== feedChannelId ||\n      state.options !== stableOptions ||\n      isDisposed;\n\n    if (needsReinit) {\n      disposedRef.current = false;\n      setState({\n        feedClient: initFeedClient(feedChannelId, stableOptions),\n        options: stableOptions,\n      });\n      return;\n    }\n\n    return () => {\n      disposedRef.current = true;\n      state.feedClient.dispose();\n    };\n  }, [initFeedClient, feedChannelId, stableOptions, state]);\n\n  return state.feedClient;\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","initFeedClient","useCallback","feedClient","feeds","initialize","store","subscribe","t","setState","listenForUpdates","stableOptions","useStableOptions","state","useState","disposedRef","useRef","useEffect","isDisposed","current","feedId","dispose"],"mappings":"8LAUA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EACvB,CACN,MAAMC,EAAiBC,EAAAA,YACrB,CAACH,EAAuBC,IAA+B,CACrD,MAAMG,EAAaL,EAAMM,MAAMC,WAAWN,EAAeC,CAAO,EAIhEG,OAAAA,EAAWG,MAAMC,UAAWC,GAAML,EAAWG,MAAMG,SAASD,CAAC,CAAC,EAE9DL,EAAWO,iBAAiB,EAErBP,CAAAA,EAET,CAACL,CAAK,CACR,EAEMa,EAAgBC,EAAiBZ,CAAO,EACxC,CAACa,EAAOJ,CAAQ,EAAIK,WAAgB,KAAO,CAI/CX,WAAYF,EAAeF,EAAeY,CAAa,EACvDX,QAASW,CAAAA,EACT,EACII,EAAcC,SAAO,EAAK,EAEhCC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAaH,EAAYI,QAS/B,GAJEN,EAAMV,WAAWiB,SAAWrB,GAC5Bc,EAAMb,UAAYW,GAClBO,EAEe,CACfH,EAAYI,QAAU,GACbV,EAAA,CACPN,WAAYF,EAAeF,EAAeY,CAAa,EACvDX,QAASW,CAAAA,CACV,EACD,MAAA,CAGF,MAAO,IAAM,CACXI,EAAYI,QAAU,GACtBN,EAAMV,WAAWkB,QAAQ,CAC3B,GACC,CAACpB,EAAgBF,EAAeY,EAAeE,CAAK,CAAC,EAEjDA,EAAMV,UACf"}
+{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\ninterface State {\n  feedClient: Feed;\n  options: FeedClientOptions;\n}\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n): Feed {\n  const initFeedClient = useCallback(\n    (feedChannelId: string, options: FeedClientOptions) => {\n      const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n      feedClient.listenForUpdates();\n\n      return feedClient;\n    },\n    [knock],\n  );\n\n  const stableOptions = useStableOptions(options);\n  const [state, setState] = useState<State>(() => ({\n    // FIXME In strict mode, useState initializer functions are called twice,\n    // which results in one extra instance of the feed client being created\n    // and not disposed of. This only affects strict mode.\n    feedClient: initFeedClient(feedChannelId, stableOptions),\n    options: stableOptions,\n  }));\n  const disposedRef = useRef(false);\n\n  useEffect(() => {\n    const isDisposed = disposedRef.current;\n\n    // Initialize a new feed client if the feed ID has changed,\n    // options have changed, or the current feed client has been disposed\n    const needsReinit =\n      state.feedClient.feedId !== feedChannelId ||\n      state.options !== stableOptions ||\n      isDisposed;\n\n    if (needsReinit) {\n      disposedRef.current = false;\n      setState({\n        feedClient: initFeedClient(feedChannelId, stableOptions),\n        options: stableOptions,\n      });\n      return;\n    }\n\n    return () => {\n      disposedRef.current = true;\n      state.feedClient.dispose();\n    };\n  }, [initFeedClient, feedChannelId, stableOptions, state]);\n\n  return state.feedClient;\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","initFeedClient","useCallback","feedClient","feeds","initialize","listenForUpdates","stableOptions","useStableOptions","state","setState","useState","disposedRef","useRef","useEffect","isDisposed","current","feedId","dispose"],"mappings":"8LAUA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EACvB,CACN,MAAMC,EAAiBC,EAAAA,YACrB,CAACH,EAAuBC,IAA+B,CACrD,MAAMG,EAAaL,EAAMM,MAAMC,WAAWN,EAAeC,CAAO,EAEhEG,OAAAA,EAAWG,iBAAiB,EAErBH,CAAAA,EAET,CAACL,CAAK,CACR,EAEMS,EAAgBC,EAAiBR,CAAO,EACxC,CAACS,EAAOC,CAAQ,EAAIC,WAAgB,KAAO,CAI/CR,WAAYF,EAAeF,EAAeQ,CAAa,EACvDP,QAASO,CAAAA,EACT,EACIK,EAAcC,SAAO,EAAK,EAEhCC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAaH,EAAYI,QAS/B,GAJEP,EAAMN,WAAWc,SAAWlB,GAC5BU,EAAMT,UAAYO,GAClBQ,EAEe,CACfH,EAAYI,QAAU,GACbN,EAAA,CACPP,WAAYF,EAAeF,EAAeQ,CAAa,EACvDP,QAASO,CAAAA,CACV,EACD,MAAA,CAGF,MAAO,IAAM,CACXK,EAAYI,QAAU,GACtBP,EAAMN,WAAWe,QAAQ,CAC3B,GACC,CAACjB,EAAgBF,EAAeQ,EAAeE,CAAK,CAAC,EAEjDA,EAAMN,UACf"}

package/dist/esm/modules/feed/context/KnockFeedProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockFeedProvider.mjs","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":";;;;;;;AAsBA,MAAMA,IAAmBC,EAAMC,cAE7BC,MAAS,GAaEC,IAETA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,UAAAA;AAAAA,EAAUC,oBAAAA,IAAqB,CAAC;AAAA,EAAGC,WAAAA,IAAY;AAAQ,MAAM;AACtEC,MAAAA;AACA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACb;AACJ,UAAA,IAAIC,MAAM,wDAAwD;AAAA,EAAA;AAG1E,QAAMC,IAAaC,EAAiBJ,GAAOJ,KAAU,IAAIE,CAAkB,GACrEO,IAAeC,EAA2BH,CAAU;AAE1D,SACG,gBAAAX,EAAA,cAAAD,EAAiB,UAAjB,EACC,KAAKgB,EAAgBP,EAAMQ,QAAQZ,KAAU,IAAIE,CAAkB,GACnE,OAAO;AAAA,IACLE,OAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAN,WAAAA;AAAAA,OAGDF,CACH;AAEJ,GAEaY,IAAeA,MAA8B;AAClDC,QAAAA,IAAUlB,EAAMmB,WAAWpB,CAAgB;AACjD,MAAI,CAACmB;AACG,UAAA,IAAIR,MAAM,sDAAsD;AAGjEQ,SAAAA;AACT;"}
+{"version":3,"file":"KnockFeedProvider.mjs","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\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: ReturnType<typeof useCreateNotificationStore>;\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":";;;;;;;AAiBA,MAAMA,IAAmBC,EAAMC,cAE7BC,MAAS,GAaEC,IAETA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,UAAAA;AAAAA,EAAUC,oBAAAA,IAAqB,CAAC;AAAA,EAAGC,WAAAA,IAAY;AAAQ,MAAM;AACtEC,MAAAA;AACA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACb;AACJ,UAAA,IAAIC,MAAM,wDAAwD;AAAA,EAAA;AAG1E,QAAMC,IAAaC,EAAiBJ,GAAOJ,KAAU,IAAIE,CAAkB,GACrEO,IAAeC,EAA2BH,CAAU;AAE1D,SACG,gBAAAX,EAAA,cAAAD,EAAiB,UAAjB,EACC,KAAKgB,EAAgBP,EAAMQ,QAAQZ,KAAU,IAAIE,CAAkB,GACnE,OAAO;AAAA,IACLE,OAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAN,WAAAA;AAAAA,OAGDF,CACH;AAEJ,GAEaY,IAAeA,MAA8B;AAClDC,QAAAA,IAAUlB,EAAMmB,WAAWpB,CAAgB;AACjD,MAAI,CAACmB;AACG,UAAA,IAAIR,MAAM,sDAAsD;AAGjEQ,SAAAA;AACT;"}

package/dist/esm/modules/feed/hooks/useNotificationStore.mjs

@@ -1,12 +1,12 @@
-import { useStore as u } from "zustand";
-function n(e) {
-  return (r) => u(e.store, r ?? ((o) => o));
+import { useStore as u } from "@tanstack/react-store";
+function n(t) {
+  return (e) => u(t.store.store, e ?? ((o) => o));
 }
-function i(e, t) {
-  return n(e)(t ?? ((o) => o));
+function s(t, e) {
+  return n(t)(e ?? ((r) => r));
 }
 export {
-  i as default,
+  s as default,
   n as useCreateNotificationStore
 };
 //# sourceMappingURL=useNotificationStore.mjs.map

package/dist/esm/modules/feed/hooks/useNotificationStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationStore.mjs","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, type FeedStoreState } from \"@knocklabs/client\";\nimport { type StoreApi, type UseBoundStore, useStore } from \"zustand\";\n\nexport type Selector<T> = (state: FeedStoreState) => T;\n\n/**\n * Access a Bounded Store instance by converting our vanilla store to a UseBoundStore\n * https://zustand.docs.pmnd.rs/guides/typescript#bounded-usestore-hook-for-vanilla-stores\n * Allow passing a selector down from useCreateNotificationStore OR useNotificationStore\n * We'll favor the the one passed later outside of useCreateNotificationStore instantiation\n */\nfunction useCreateNotificationStore<T>(\n  feedClient: Feed,\n): UseBoundStore<StoreApi<FeedStoreState>> {\n  // Keep selector optional for external use\n  // useStore requires a selector so we'll pass in a default one when not provided\n  const useBoundedStore = (selector?: Selector<T>) =>\n    useStore(feedClient.store, selector ?? ((state) => state as T));\n  return useBoundedStore as UseBoundStore<StoreApi<FeedStoreState>>;\n}\n\n/**\n * A hook used to access content within the notification store.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient);\n * ```\n *\n * A selector can be used to access a subset of the store state.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient, (state) => ({\n *   items: state.items,\n *   metadata: state.metadata,\n * }));\n * ```\n */\nfunction useNotificationStore(feedClient: Feed): FeedStoreState;\nfunction useNotificationStore<T>(feedClient: Feed, selector: Selector<T>): T;\nfunction useNotificationStore<T>(\n  feedClient: Feed,\n  selector?: Selector<T>,\n): T | FeedStoreState {\n  const useStoreLocal = useCreateNotificationStore(feedClient);\n  return useStoreLocal(selector ?? ((state) => state as T));\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useCreateNotificationStore","feedClient","useBoundedStore","selector","useStore","store","state","useNotificationStore","useStoreLocal"],"mappings":";AAWA,SAASA,EACPC,GACyC;AAKlCC,SAFiBA,CAACC,MACvBC,EAASH,EAAWI,OAAOF,MAAcG,OAAUA,EAAW;AAElE;AAwBA,SAASC,EACPN,GACAE,GACoB;AAEbK,SADeR,EAA2BC,CAAU,EACtCE,MAAcG,CAAAA,MAAUA,EAAW;AAC1D;"}
+{"version":3,"file":"useNotificationStore.mjs","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, type FeedStoreState } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nexport type Selector<T> = (state: FeedStoreState) => T;\n\n/**\n * Create a hook factory that provides access to the TanStack Store with optional selector support.\n * This pattern allows for flexible store access with or without selectors while maintaining\n * type safety. The selector can be passed either to useCreateNotificationStore or\n * useNotificationStore, with the latter taking precedence.\n */\nfunction useCreateNotificationStore(feedClient: Feed) {\n  return <T = FeedStoreState>(selector?: Selector<T>) => {\n    // Keep selector optional for external use\n    // useStore requires a selector so we'll pass in a default one when not provided\n    // eslint-disable-next-line\n    return useStore(\n      feedClient.store.store,\n      selector ?? ((state) => state as T),\n    );\n  };\n}\n\n/**\n * A hook used to access content within the notification store.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient);\n * ```\n *\n * A selector can be used to access a subset of the store state.\n *\n * @example\n *\n * ```ts\n * const { items, metadata } = useNotificationStore(feedClient, (state) => ({\n *   items: state.items,\n *   metadata: state.metadata,\n * }));\n * ```\n */\nfunction useNotificationStore(feedClient: Feed): FeedStoreState;\nfunction useNotificationStore<T>(feedClient: Feed, selector: Selector<T>): T;\nfunction useNotificationStore<T>(\n  feedClient: Feed,\n  selector?: Selector<T>,\n): T | FeedStoreState {\n  const useStoreLocal = useCreateNotificationStore(feedClient);\n  return useStoreLocal(selector ?? ((state) => state as T));\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useCreateNotificationStore","feedClient","selector","useStore","store","state","useNotificationStore","useStoreLocal"],"mappings":";AAWA,SAASA,EAA2BC,GAAkB;AACpD,SAAO,CAAqBC,MAInBC,EACLF,EAAWG,MAAMA,OACjBF,MAAcG,OAAUA,EAC1B;AAEJ;AAwBA,SAASC,EACPL,GACAC,GACoB;AAEbK,SADeP,EAA2BC,CAAU,EACtCC,MAAcG,CAAAA,MAAUA,EAAW;AAC1D;"}

package/dist/esm/modules/feed/hooks/useNotifications.mjs

@@ -1,24 +1,24 @@
-import { useCallback as a, useState as d, useRef as m, useEffect as b } from "react";
+import { useCallback as l, useState as d, useRef as a, useEffect as m } from "react";
 import "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
 import C from "../../core/hooks/useStableOptions.mjs";
 import "date-fns";
-function z(f, s, p = {}) {
-  const o = a((r, u) => {
-    const i = f.feeds.initialize(r, u);
-    return i.store.subscribe((l) => i.store.setState(l)), i.listenForUpdates(), i;
-  }, [f]), e = C(p), [t, c] = d(() => ({
+function x(r, i, p = {}) {
+  const s = l((o, f) => {
+    const u = r.feeds.initialize(o, f);
+    return u.listenForUpdates(), u;
+  }, [r]), e = C(p), [t, c] = d(() => ({
     // FIXME In strict mode, useState initializer functions are called twice,
     // which results in one extra instance of the feed client being created
     // and not disposed of. This only affects strict mode.
-    feedClient: o(s, e),
+    feedClient: s(i, e),
     options: e
-  })), n = m(!1);
-  return b(() => {
-    const r = n.current;
-    if (t.feedClient.feedId !== s || t.options !== e || r) {
+  })), n = a(!1);
+  return m(() => {
+    const o = n.current;
+    if (t.feedClient.feedId !== i || t.options !== e || o) {
       n.current = !1, c({
-        feedClient: o(s, e),
+        feedClient: s(i, e),
         options: e
       });
       return;
@@ -26,9 +26,9 @@ function z(f, s, p = {}) {
     return () => {
       n.current = !0, t.feedClient.dispose();
     };
-  }, [o, s, e, t]), t.feedClient;
+  }, [s, i, e, t]), t.feedClient;
 }
 export {
-  z as default
+  x as default
 };
 //# sourceMappingURL=useNotifications.mjs.map

package/dist/esm/modules/feed/hooks/useNotifications.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\ninterface State {\n  feedClient: Feed;\n  options: FeedClientOptions;\n}\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n): Feed {\n  const initFeedClient = useCallback(\n    (feedChannelId: string, options: FeedClientOptions) => {\n      const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n      // In development, we need to introduce this extra set state to force a render\n      // for Zustand as otherwise the state doesn't get reflected correctly\n      feedClient.store.subscribe((t) => feedClient.store.setState(t));\n\n      feedClient.listenForUpdates();\n\n      return feedClient;\n    },\n    [knock],\n  );\n\n  const stableOptions = useStableOptions(options);\n  const [state, setState] = useState<State>(() => ({\n    // FIXME In strict mode, useState initializer functions are called twice,\n    // which results in one extra instance of the feed client being created\n    // and not disposed of. This only affects strict mode.\n    feedClient: initFeedClient(feedChannelId, stableOptions),\n    options: stableOptions,\n  }));\n  const disposedRef = useRef(false);\n\n  useEffect(() => {\n    const isDisposed = disposedRef.current;\n\n    // Initialize a new feed client if the feed ID has changed,\n    // options have changed, or the current feed client has been disposed\n    const needsReinit =\n      state.feedClient.feedId !== feedChannelId ||\n      state.options !== stableOptions ||\n      isDisposed;\n\n    if (needsReinit) {\n      disposedRef.current = false;\n      setState({\n        feedClient: initFeedClient(feedChannelId, stableOptions),\n        options: stableOptions,\n      });\n      return;\n    }\n\n    return () => {\n      disposedRef.current = true;\n      state.feedClient.dispose();\n    };\n  }, [initFeedClient, feedChannelId, stableOptions, state]);\n\n  return state.feedClient;\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","initFeedClient","useCallback","feedClient","feeds","initialize","store","subscribe","t","setState","listenForUpdates","stableOptions","useStableOptions","state","useState","disposedRef","useRef","useEffect","isDisposed","current","feedId","dispose"],"mappings":";;;;;AAUA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GACvB;AACN,QAAMC,IAAiBC,EACrB,CAACH,GAAuBC,MAA+B;AACrD,UAAMG,IAAaL,EAAMM,MAAMC,WAAWN,GAAeC,CAAO;AAIhEG,WAAAA,EAAWG,MAAMC,UAAWC,CAAAA,MAAML,EAAWG,MAAMG,SAASD,CAAC,CAAC,GAE9DL,EAAWO,iBAAiB,GAErBP;AAAAA,EAAAA,GAET,CAACL,CAAK,CACR,GAEMa,IAAgBC,EAAiBZ,CAAO,GACxC,CAACa,GAAOJ,CAAQ,IAAIK,EAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,IAI/CX,YAAYF,EAAeF,GAAeY,CAAa;AAAA,IACvDX,SAASW;AAAAA,EAAAA,EACT,GACII,IAAcC,EAAO,EAAK;AAEhCC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAaH,EAAYI;AAS/B,QAJEN,EAAMV,WAAWiB,WAAWrB,KAC5Bc,EAAMb,YAAYW,KAClBO,GAEe;AACfH,MAAAA,EAAYI,UAAU,IACbV,EAAA;AAAA,QACPN,YAAYF,EAAeF,GAAeY,CAAa;AAAA,QACvDX,SAASW;AAAAA,MAAAA,CACV;AACD;AAAA,IAAA;AAGF,WAAO,MAAM;AACXI,MAAAA,EAAYI,UAAU,IACtBN,EAAMV,WAAWkB,QAAQ;AAAA,IAC3B;AAAA,KACC,CAACpB,GAAgBF,GAAeY,GAAeE,CAAK,CAAC,GAEjDA,EAAMV;AACf;"}
+{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\ninterface State {\n  feedClient: Feed;\n  options: FeedClientOptions;\n}\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n): Feed {\n  const initFeedClient = useCallback(\n    (feedChannelId: string, options: FeedClientOptions) => {\n      const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n      feedClient.listenForUpdates();\n\n      return feedClient;\n    },\n    [knock],\n  );\n\n  const stableOptions = useStableOptions(options);\n  const [state, setState] = useState<State>(() => ({\n    // FIXME In strict mode, useState initializer functions are called twice,\n    // which results in one extra instance of the feed client being created\n    // and not disposed of. This only affects strict mode.\n    feedClient: initFeedClient(feedChannelId, stableOptions),\n    options: stableOptions,\n  }));\n  const disposedRef = useRef(false);\n\n  useEffect(() => {\n    const isDisposed = disposedRef.current;\n\n    // Initialize a new feed client if the feed ID has changed,\n    // options have changed, or the current feed client has been disposed\n    const needsReinit =\n      state.feedClient.feedId !== feedChannelId ||\n      state.options !== stableOptions ||\n      isDisposed;\n\n    if (needsReinit) {\n      disposedRef.current = false;\n      setState({\n        feedClient: initFeedClient(feedChannelId, stableOptions),\n        options: stableOptions,\n      });\n      return;\n    }\n\n    return () => {\n      disposedRef.current = true;\n      state.feedClient.dispose();\n    };\n  }, [initFeedClient, feedChannelId, stableOptions, state]);\n\n  return state.feedClient;\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","initFeedClient","useCallback","feedClient","feeds","initialize","listenForUpdates","stableOptions","useStableOptions","state","setState","useState","disposedRef","useRef","useEffect","isDisposed","current","feedId","dispose"],"mappings":";;;;;AAUA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GACvB;AACN,QAAMC,IAAiBC,EACrB,CAACH,GAAuBC,MAA+B;AACrD,UAAMG,IAAaL,EAAMM,MAAMC,WAAWN,GAAeC,CAAO;AAEhEG,WAAAA,EAAWG,iBAAiB,GAErBH;AAAAA,EAAAA,GAET,CAACL,CAAK,CACR,GAEMS,IAAgBC,EAAiBR,CAAO,GACxC,CAACS,GAAOC,CAAQ,IAAIC,EAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,IAI/CR,YAAYF,EAAeF,GAAeQ,CAAa;AAAA,IACvDP,SAASO;AAAAA,EAAAA,EACT,GACIK,IAAcC,EAAO,EAAK;AAEhCC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAaH,EAAYI;AAS/B,QAJEP,EAAMN,WAAWc,WAAWlB,KAC5BU,EAAMT,YAAYO,KAClBQ,GAEe;AACfH,MAAAA,EAAYI,UAAU,IACbN,EAAA;AAAA,QACPP,YAAYF,EAAeF,GAAeQ,CAAa;AAAA,QACvDP,SAASO;AAAAA,MAAAA,CACV;AACD;AAAA,IAAA;AAGF,WAAO,MAAM;AACXK,MAAAA,EAAYI,UAAU,IACtBP,EAAMN,WAAWe,QAAQ;AAAA,IAC3B;AAAA,KACC,CAACjB,GAAgBF,GAAeQ,GAAeE,CAAK,CAAC,GAEjDA,EAAMN;AACf;"}

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
-export * from './modules/core';
-export * from './modules/feed';
-export * from './modules/guide';
-export * from './modules/ms-teams';
-export * from './modules/slack';
-export * from './modules/i18n';
-export * from './interfaces';
+export { FilterStatus, KnockProvider, feedProviderKey, formatBadgeCount, formatTimestamp, msTeamsProviderKey, renderNodeOrFallback, slackProviderKey, toSentenceCase, type ColorMode, type KnockProviderProps, type KnockProviderState, useAuthenticatedKnockClient, useKnockClient, useStableOptions, } from './modules/core';
+export { KnockFeedProvider, type KnockFeedProviderProps, type KnockFeedProviderState, type Selector, useCreateNotificationStore, useFeedSettings, useKnockFeed, useNotificationStore, useNotifications, } from './modules/feed';
+export { KnockGuideProvider, KnockGuideContext, useGuide, } from './modules/guide';
+export { type MsTeamsChannelQueryOptions, type MsTeamsTeamQueryOptions, KnockMsTeamsProvider, type KnockMsTeamsProviderProps, type KnockMsTeamsProviderState, useConnectedMsTeamsChannels, useKnockMsTeamsClient, useMsTeamsAuth, useMsTeamsChannels, useMsTeamsConnectionStatus, useMsTeamsTeams, } from './modules/ms-teams';
+export { KnockSlackProvider, type ContainerObject, type KnockSlackProviderProps, type KnockSlackProviderState, type SlackChannelQueryOptions, useConnectedSlackChannels, useKnockSlackClient, useSlackAuth, useSlackChannels, useSlackConnectionStatus, } from './modules/slack';
+export { I18nContext, KnockI18nProvider, locales, type I18nContent, type KnockI18nProviderProps, type Translations, useTranslations, } from './modules/i18n';
+export { type RecipientObject } from './interfaces';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,2BAA2B,EAC3B,cAAc,EACd,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,QAAQ,EACb,0BAA0B,EAC1B,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,GACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAC1B,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,yBAAyB,EACzB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/modules/core/context/index.d.ts

@@ -1,2 +1,2 @@
-export * from './KnockProvider';
+export { KnockProvider, useKnockClient, type KnockProviderProps, type KnockProviderState, } from './KnockProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/core/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC"}

package/dist/types/modules/core/index.d.ts

@@ -1,5 +1,5 @@
-export * from './context';
-export * from './hooks';
-export * from './constants';
-export * from './utils';
+export { KnockProvider, useKnockClient, type KnockProviderProps, type KnockProviderState, } from './context';
+export { useAuthenticatedKnockClient, useStableOptions } from './hooks';
+export { FilterStatus, type ColorMode } from './constants';
+export { formatBadgeCount, formatTimestamp, toSentenceCase, renderNodeOrFallback, feedProviderKey, slackProviderKey, msTeamsProviderKey, } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/types/modules/feed/context/KnockFeedProvider.d.ts

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

package/dist/types/modules/feed/context/KnockFeedProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KnockFeedProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IACtD,SAAS,EAAE,SAAS,CAAC;CACtB;AAMD,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,iBAAiB,CAAC,sBAAsB,CAAC,CAyB1C,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAO/B,CAAC"}
+{"version":3,"file":"KnockFeedProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAGtD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;IAC5D,SAAS,EAAE,SAAS,CAAC;CACtB;AAMD,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,iBAAiB,CAAC,sBAAsB,CAAC,CAyB1C,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAO/B,CAAC"}

package/dist/types/modules/feed/hooks/useNotificationStore.d.ts

@@ -1,13 +1,12 @@
 import { Feed, FeedStoreState } from '@knocklabs/client';
-import { StoreApi, UseBoundStore } from 'zustand';
 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.
  */
-declare function useCreateNotificationStore<T>(feedClient: Feed): UseBoundStore<StoreApi<FeedStoreState>>;
+declare function useCreateNotificationStore(feedClient: Feed): <T = FeedStoreState>(selector?: Selector<T>) => T;
 /**
  * A hook used to access content within the notification store.
  *

package/dist/types/modules/feed/hooks/useNotificationStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationStore.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAY,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,CAAC;AAEvD;;;;;GAKG;AACH,iBAAS,0BAA0B,CAAC,CAAC,EACnC,UAAU,EAAE,IAAI,GACf,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAMzC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,oBAAoB,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC;AAChE,iBAAS,oBAAoB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAS7E,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"useNotificationStore.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,CAAC;AAEvD;;;;;GAKG;AACH,iBAAS,0BAA0B,CAAC,UAAU,EAAE,IAAI,IAC1C,CAAC,GAAG,cAAc,EAAE,WAAW,QAAQ,CAAC,CAAC,CAAC,OASnD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,oBAAoB,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC;AAChE,iBAAS,oBAAoB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAS7E,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,eAAe,oBAAoB,CAAC"}

package/dist/types/modules/feed/hooks/useNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAUnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,GAC9B,IAAI,CAoDN;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAUnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,GAC9B,IAAI,CAgDN;AAED,eAAe,gBAAgB,CAAC"}

package/dist/types/modules/feed/index.d.ts

@@ -1,3 +1,3 @@
-export * from './context';
-export * from './hooks';
+export { KnockFeedProvider, useKnockFeed, type KnockFeedProviderState, type KnockFeedProviderProps, } from './context';
+export { useNotifications, useFeedSettings, useNotificationStore, useCreateNotificationStore, type Selector, } from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/feed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/feed/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/feed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,GAC5B,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,KAAK,QAAQ,GACd,MAAM,SAAS,CAAC"}

package/dist/types/modules/guide/index.d.ts

@@ -1,3 +1,3 @@
-export * from './context';
-export * from './hooks';
+export { KnockGuideProvider, KnockGuideContext } from './context';
+export { useGuide } from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/guide/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/modules/i18n/context/index.d.ts

@@ -1,2 +1,2 @@
-export * from './KnockI18nProvider';
+export { KnockI18nProvider, I18nContext, type KnockI18nProviderProps, } from './KnockI18nProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}

package/dist/types/modules/i18n/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useTranslations';
+export { useTranslations } from './useTranslations';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/modules/i18n/index.d.ts

@@ -1,4 +1,4 @@
-export * from './context';
-export * from './hooks';
-export * from './languages';
+export { KnockI18nProvider, I18nContext, type KnockI18nProviderProps, } from './context';
+export { useTranslations } from './hooks';
+export { type Translations, type I18nContent, locales } from './languages';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,KAAK,sBAAsB,GAC5B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/modules/ms-teams/context/index.d.ts

@@ -1,2 +1,2 @@
-export * from './KnockMsTeamsProvider';
+export { KnockMsTeamsProvider, type KnockMsTeamsProviderProps, type KnockMsTeamsProviderState, useKnockMsTeamsClient, } from './KnockMsTeamsProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/ms-teams/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/ms-teams/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,qBAAqB,GACtB,MAAM,wBAAwB,CAAC"}

package/dist/types/modules/ms-teams/index.d.ts

@@ -1,4 +1,4 @@
-export * from './context';
-export * from './hooks';
-export * from './interfaces';
+export { KnockMsTeamsProvider, type KnockMsTeamsProviderProps, type KnockMsTeamsProviderState, useKnockMsTeamsClient, } from './context';
+export { useConnectedMsTeamsChannels, useMsTeamsAuth, useMsTeamsChannels, useMsTeamsConnectionStatus, useMsTeamsTeams, } from './hooks';
+export { type MsTeamsChannelQueryOptions, type MsTeamsTeamQueryOptions, } from './interfaces';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/ms-teams/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/ms-teams/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/ms-teams/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAC1B,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,GAC7B,MAAM,cAAc,CAAC"}

package/dist/types/modules/slack/context/index.d.ts

@@ -1,2 +1,2 @@
-export * from './KnockSlackProvider';
+export { KnockSlackProvider, useKnockSlackClient, type KnockSlackProviderState, type KnockSlackProviderProps, } from './KnockSlackProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/slack/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC"}

package/dist/types/modules/slack/index.d.ts

@@ -1,4 +1,4 @@
-export * from './context';
-export * from './hooks';
-export * from './interfaces';
+export { KnockSlackProvider, useKnockSlackClient, type KnockSlackProviderState, type KnockSlackProviderProps, } from './context';
+export { useSlackConnectionStatus, useSlackChannels, useConnectedSlackChannels, useSlackAuth, } from './hooks';
+export { type ContainerObject, type SlackChannelQueryOptions, } from './interfaces';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/modules/slack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/slack/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/slack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,GAC7B,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,wBAAwB,GAC9B,MAAM,cAAc,CAAC"}

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.12",
+  "version": "0.6.14-canary.0",
   "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": "^0.14.10-canary.0",
+    "@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",
@@ -60,7 +59,7 @@
     "@types/react": "^18.3.6",
     "@typescript-eslint/eslint-plugin": "^8.32.0",
     "@typescript-eslint/parser": "^8.32.1",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^4.5.1",
     "babel-plugin-react-require": "^4.0.3",
     "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^5.2.0",

package/src/index.ts

@@ -1,7 +1,68 @@
-export * from "./modules/core";
-export * from "./modules/feed";
-export * from "./modules/guide";
-export * from "./modules/ms-teams";
-export * from "./modules/slack";
-export * from "./modules/i18n";
-export * from "./interfaces";
+export {
+  FilterStatus,
+  KnockProvider,
+  feedProviderKey,
+  formatBadgeCount,
+  formatTimestamp,
+  msTeamsProviderKey,
+  renderNodeOrFallback,
+  slackProviderKey,
+  toSentenceCase,
+  type ColorMode,
+  type KnockProviderProps,
+  type KnockProviderState,
+  useAuthenticatedKnockClient,
+  useKnockClient,
+  useStableOptions,
+} from "./modules/core";
+export {
+  KnockFeedProvider,
+  type KnockFeedProviderProps,
+  type KnockFeedProviderState,
+  type Selector,
+  useCreateNotificationStore,
+  useFeedSettings,
+  useKnockFeed,
+  useNotificationStore,
+  useNotifications,
+} from "./modules/feed";
+export {
+  KnockGuideProvider,
+  KnockGuideContext,
+  useGuide,
+} from "./modules/guide";
+export {
+  type MsTeamsChannelQueryOptions,
+  type MsTeamsTeamQueryOptions,
+  KnockMsTeamsProvider,
+  type KnockMsTeamsProviderProps,
+  type KnockMsTeamsProviderState,
+  useConnectedMsTeamsChannels,
+  useKnockMsTeamsClient,
+  useMsTeamsAuth,
+  useMsTeamsChannels,
+  useMsTeamsConnectionStatus,
+  useMsTeamsTeams,
+} from "./modules/ms-teams";
+export {
+  KnockSlackProvider,
+  type ContainerObject,
+  type KnockSlackProviderProps,
+  type KnockSlackProviderState,
+  type SlackChannelQueryOptions,
+  useConnectedSlackChannels,
+  useKnockSlackClient,
+  useSlackAuth,
+  useSlackChannels,
+  useSlackConnectionStatus,
+} from "./modules/slack";
+export {
+  I18nContext,
+  KnockI18nProvider,
+  locales,
+  type I18nContent,
+  type KnockI18nProviderProps,
+  type Translations,
+  useTranslations,
+} from "./modules/i18n";
+export { type RecipientObject } from "./interfaces";

package/src/modules/core/context/index.ts

@@ -1 +1,6 @@
-export * from "./KnockProvider";
+export {
+  KnockProvider,
+  useKnockClient,
+  type KnockProviderProps,
+  type KnockProviderState,
+} from "./KnockProvider";

package/src/modules/core/index.ts

@@ -1,4 +1,17 @@
-export * from "./context";
-export * from "./hooks";
-export * from "./constants";
-export * from "./utils";
+export {
+  KnockProvider,
+  useKnockClient,
+  type KnockProviderProps,
+  type KnockProviderState,
+} from "./context";
+export { useAuthenticatedKnockClient, useStableOptions } from "./hooks";
+export { FilterStatus, type ColorMode } from "./constants";
+export {
+  formatBadgeCount,
+  formatTimestamp,
+  toSentenceCase,
+  renderNodeOrFallback,
+  feedProviderKey,
+  slackProviderKey,
+  msTeamsProviderKey,
+} from "./utils";

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/src/modules/feed/index.ts

@@ -1,2 +1,13 @@
-export * from "./context";
-export * from "./hooks";
+export {
+  KnockFeedProvider,
+  useKnockFeed,
+  type KnockFeedProviderState,
+  type KnockFeedProviderProps,
+} from "./context";
+export {
+  useNotifications,
+  useFeedSettings,
+  useNotificationStore,
+  useCreateNotificationStore,
+  type Selector,
+} from "./hooks";

package/src/modules/guide/index.ts

@@ -1,2 +1,2 @@
-export * from "./context";
-export * from "./hooks";
+export { KnockGuideProvider, KnockGuideContext } from "./context";
+export { useGuide } from "./hooks";

package/src/modules/i18n/context/index.ts

@@ -1 +1,5 @@
-export * from "./KnockI18nProvider";
+export {
+  KnockI18nProvider,
+  I18nContext,
+  type KnockI18nProviderProps,
+} from "./KnockI18nProvider";

package/src/modules/i18n/hooks/index.ts

@@ -1 +1 @@
-export * from "./useTranslations";
+export { useTranslations } from "./useTranslations";

package/src/modules/i18n/index.ts

@@ -1,3 +1,7 @@
-export * from "./context";
-export * from "./hooks";
-export * from "./languages";
+export {
+  KnockI18nProvider,
+  I18nContext,
+  type KnockI18nProviderProps,
+} from "./context";
+export { useTranslations } from "./hooks";
+export { type Translations, type I18nContent, locales } from "./languages";

package/src/modules/ms-teams/context/index.ts

@@ -1 +1,6 @@
-export * from "./KnockMsTeamsProvider";
+export {
+  KnockMsTeamsProvider,
+  type KnockMsTeamsProviderProps,
+  type KnockMsTeamsProviderState,
+  useKnockMsTeamsClient,
+} from "./KnockMsTeamsProvider";

package/src/modules/ms-teams/index.ts

@@ -1,3 +1,17 @@
-export * from "./context";
-export * from "./hooks";
-export * from "./interfaces";
+export {
+  KnockMsTeamsProvider,
+  type KnockMsTeamsProviderProps,
+  type KnockMsTeamsProviderState,
+  useKnockMsTeamsClient,
+} from "./context";
+export {
+  useConnectedMsTeamsChannels,
+  useMsTeamsAuth,
+  useMsTeamsChannels,
+  useMsTeamsConnectionStatus,
+  useMsTeamsTeams,
+} from "./hooks";
+export {
+  type MsTeamsChannelQueryOptions,
+  type MsTeamsTeamQueryOptions,
+} from "./interfaces";

package/src/modules/slack/context/index.ts

@@ -1 +1,6 @@
-export * from "./KnockSlackProvider";
+export {
+  KnockSlackProvider,
+  useKnockSlackClient,
+  type KnockSlackProviderState,
+  type KnockSlackProviderProps,
+} from "./KnockSlackProvider";

package/src/modules/slack/index.ts

@@ -1,3 +1,16 @@
-export * from "./context";
-export * from "./hooks";
-export * from "./interfaces";
+export {
+  KnockSlackProvider,
+  useKnockSlackClient,
+  type KnockSlackProviderState,
+  type KnockSlackProviderProps,
+} from "./context";
+export {
+  useSlackConnectionStatus,
+  useSlackChannels,
+  useConnectedSlackChannels,
+  useSlackAuth,
+} from "./hooks";
+export {
+  type ContainerObject,
+  type SlackChannelQueryOptions,
+} from "./interfaces";