@knocklabs/react-core 0.8.5 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.9.0
+
+### Minor Changes
+
+- b8b64e4: feat(beta): add support for basic guide debugging
+
+### Patch Changes
+
+- Updated dependencies [c761e7c]
+- Updated dependencies [3558784]
+- Updated dependencies [b8b64e4]
+  - @knocklabs/client@0.17.0
+
 ## 0.8.5
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"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"),r=require("./modules/guide/context/KnockGuideProvider.js"),K=require("./modules/guide/hooks/useGuide.js"),C=require("./modules/guide/hooks/useGuides.js"),t=require("./modules/ms-teams/context/KnockMsTeamsProvider.js"),S=require("./modules/ms-teams/hooks/useMsTeamsConnectionStatus.js"),m=require("./modules/ms-teams/hooks/useMsTeamsAuth.js"),P=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"),T=require("./modules/slack/hooks/useSlackConnectionStatus.js"),f=require("./modules/slack/hooks/useSlackChannels.js"),M=require("./modules/slack/hooks/useConnectedSlackChannels.js"),h=require("./modules/slack/hooks/useSlackAuth.js"),u=require("./modules/i18n/context/KnockI18nProvider.js"),F=require("./modules/i18n/hooks/useTranslations.js"),G=require("./modules/i18n/languages/index.js"),y=require("./modules/preferences/hooks/usePreferences.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=r.KnockGuideContext;exports.KnockGuideProvider=r.KnockGuideProvider;exports.useGuide=K.useGuide;exports.useGuides=C.useGuides;exports.KnockMsTeamsProvider=t.KnockMsTeamsProvider;exports.useKnockMsTeamsClient=t.useKnockMsTeamsClient;exports.useMsTeamsConnectionStatus=S;exports.useMsTeamsAuth=m;exports.useMsTeamsTeams=P;exports.useMsTeamsChannels=q;exports.useConnectedMsTeamsChannels=v;exports.KnockSlackProvider=i.KnockSlackProvider;exports.useKnockSlackClient=i.useKnockSlackClient;exports.useSlackConnectionStatus=T;exports.useSlackChannels=f;exports.useConnectedSlackChannels=M;exports.useSlackAuth=h;exports.I18nContext=u.I18nContext;exports.KnockI18nProvider=u.KnockI18nProvider;exports.useTranslations=F.useTranslations;exports.locales=G.locales;exports.usePreferences=y.usePreferences;
+"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"),r=require("./modules/guide/context/KnockGuideProvider.js"),C=require("./modules/guide/hooks/useGuide.js"),K=require("./modules/guide/hooks/useGuides.js"),S=require("./modules/guide/hooks/useGuideContext.js"),t=require("./modules/ms-teams/context/KnockMsTeamsProvider.js"),m=require("./modules/ms-teams/hooks/useMsTeamsConnectionStatus.js"),q=require("./modules/ms-teams/hooks/useMsTeamsAuth.js"),P=require("./modules/ms-teams/hooks/useMsTeamsTeams.js"),v=require("./modules/ms-teams/hooks/useMsTeamsChannels.js"),T=require("./modules/ms-teams/hooks/useConnectedMsTeamsChannels.js"),i=require("./modules/slack/context/KnockSlackProvider.js"),f=require("./modules/slack/hooks/useSlackConnectionStatus.js"),M=require("./modules/slack/hooks/useSlackChannels.js"),h=require("./modules/slack/hooks/useConnectedSlackChannels.js"),G=require("./modules/slack/hooks/useSlackAuth.js"),u=require("./modules/i18n/context/KnockI18nProvider.js"),F=require("./modules/i18n/hooks/useTranslations.js"),x=require("./modules/i18n/languages/index.js"),y=require("./modules/preferences/hooks/usePreferences.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=r.KnockGuideContext;exports.KnockGuideProvider=r.KnockGuideProvider;exports.useGuide=C.useGuide;exports.useGuides=K.useGuides;exports.useGuideContext=S.useGuideContext;exports.KnockMsTeamsProvider=t.KnockMsTeamsProvider;exports.useKnockMsTeamsClient=t.useKnockMsTeamsClient;exports.useMsTeamsConnectionStatus=m;exports.useMsTeamsAuth=q;exports.useMsTeamsTeams=P;exports.useMsTeamsChannels=v;exports.useConnectedMsTeamsChannels=T;exports.KnockSlackProvider=i.KnockSlackProvider;exports.useKnockSlackClient=i.useKnockSlackClient;exports.useSlackConnectionStatus=f;exports.useSlackChannels=M;exports.useConnectedSlackChannels=h;exports.useSlackAuth=G;exports.I18nContext=u.I18nContext;exports.KnockI18nProvider=u.KnockI18nProvider;exports.useTranslations=F.useTranslations;exports.locales=x.locales;exports.usePreferences=y.usePreferences;
 //# sourceMappingURL=index.js.map

package/dist/cjs/modules/guide/context/KnockGuideProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideProvider.js","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"sourcesContent":["import Knock, {\n  KnockGuideClient,\n  KnockGuideTargetParams,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\ntype KnockGuideProviderValue = {\n  client: KnockGuideClient;\n  colorMode: ColorMode;\n};\n\nexport const KnockGuideContext = React.createContext<\n  KnockGuideProviderValue | undefined\n>(undefined);\n\ntype Props = {\n  channelId: string;\n  readyToTarget: boolean;\n  listenForUpdates?: boolean;\n  colorMode?: ColorMode;\n  targetParams?: KnockGuideTargetParams;\n  trackLocationFromWindow?: boolean;\n  orderResolutionDuration?: number; // in milliseconds\n  throttleCheckInterval?: number; // in milliseconds\n};\n\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates = true,\n  colorMode = \"light\",\n  targetParams = {},\n  trackLocationFromWindow = true,\n  // Default to 0 which works well for react apps as this \"yields\" to react for\n  // one render cyle first and close the group stage.\n  orderResolutionDuration = 0,\n  throttleCheckInterval,\n  children,\n}) => {\n  let knock: Knock;\n\n  try {\n    knock = useKnockClient();\n  } catch (_) {\n    throw new Error(\"KnockGuideProvider must be used within a KnockProvider\");\n  }\n\n  const stableTargetParams = useStableOptions(targetParams);\n\n  const knockGuideClient = React.useMemo(() => {\n    return new KnockGuideClient(knock, channelId, stableTargetParams, {\n      trackLocationFromWindow,\n      orderResolutionDuration,\n      throttleCheckInterval,\n    });\n  }, [\n    knock,\n    channelId,\n    stableTargetParams,\n    trackLocationFromWindow,\n    orderResolutionDuration,\n    throttleCheckInterval,\n  ]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n\n    return () => knockGuideClient.cleanup();\n  }, [readyToTarget, listenForUpdates, knockGuideClient]);\n\n  return (\n    <KnockGuideContext.Provider\n      value={{\n        client: knockGuideClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockGuideContext.Provider>\n  );\n};\n"],"names":["KnockGuideContext","React","createContext","undefined","KnockGuideProvider","channelId","readyToTarget","listenForUpdates","colorMode","targetParams","trackLocationFromWindow","orderResolutionDuration","throttleCheckInterval","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","cleanup","client"],"mappings":"0kBAcaA,EAAoBC,EAAMC,cAErCC,MAAS,EAaEC,EAA+DA,CAAC,CAC3EC,UAAAA,EACAC,cAAAA,EACAC,iBAAAA,EAAmB,GACnBC,UAAAA,EAAY,QACZC,aAAAA,EAAe,CAAC,EAChBC,wBAAAA,EAA0B,GAG1BC,wBAAAA,EAA0B,EAC1BC,sBAAAA,EACAC,SAAAA,CACF,IAAM,CACAC,IAAAA,EAEA,GAAA,CACFA,EAAQC,EAAAA,eAAe,OACb,CACJ,MAAA,IAAIC,MAAM,wDAAwD,CAAA,CAGpEC,MAAAA,EAAqBC,EAAiBT,CAAY,EAElDU,EAAmBlB,EAAMmB,QAAQ,IAC9B,IAAIC,EAAAA,iBAAiBP,EAAOT,EAAWY,EAAoB,CAChEP,wBAAAA,EACAC,wBAAAA,EACAC,sBAAAA,CAAAA,CACD,EACA,CACDE,EACAT,EACAY,EACAP,EACAC,EACAC,CAAqB,CACtB,EAEDX,OAAAA,EAAMqB,UAAU,KACVhB,IACFa,EAAiBI,MAAM,EACnBhB,KAAmCiB,UAAU,GAG5C,IAAML,EAAiBM,QAAQ,GACrC,CAACnB,EAAeC,EAAkBY,CAAgB,CAAC,EAGnDlB,EAAA,cAAAD,EAAkB,SAAlB,CACC,MAAO,CACL0B,OAAQP,EACRX,UAAAA,IAGDK,CACH,CAEJ"}
+{"version":3,"file":"KnockGuideProvider.js","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"sourcesContent":["import Knock, {\n  KnockGuideClient,\n  KnockGuideTargetParams,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\ntype KnockGuideProviderValue = {\n  client: KnockGuideClient;\n  colorMode: ColorMode;\n};\n\nexport const KnockGuideContext = React.createContext<\n  KnockGuideProviderValue | undefined\n>(undefined);\n\nexport type KnockGuideProviderProps = {\n  channelId: string;\n  readyToTarget: boolean;\n  listenForUpdates?: boolean;\n  colorMode?: ColorMode;\n  targetParams?: KnockGuideTargetParams;\n  trackLocationFromWindow?: boolean;\n  orderResolutionDuration?: number; // in milliseconds\n  throttleCheckInterval?: number; // in milliseconds\n};\n\nexport const KnockGuideProvider: React.FC<\n  React.PropsWithChildren<KnockGuideProviderProps>\n> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates = true,\n  colorMode = \"light\",\n  targetParams = {},\n  trackLocationFromWindow = true,\n  // Default to 0 which works well for react apps as this \"yields\" to react for\n  // one render cyle first and close the group stage.\n  orderResolutionDuration = 0,\n  throttleCheckInterval,\n  children,\n}) => {\n  let knock: Knock;\n\n  try {\n    knock = useKnockClient();\n  } catch (_) {\n    throw new Error(\"KnockGuideProvider must be used within a KnockProvider\");\n  }\n\n  const stableTargetParams = useStableOptions(targetParams);\n\n  const knockGuideClient = React.useMemo(() => {\n    return new KnockGuideClient(knock, channelId, stableTargetParams, {\n      trackLocationFromWindow,\n      orderResolutionDuration,\n      throttleCheckInterval,\n    });\n  }, [\n    knock,\n    channelId,\n    stableTargetParams,\n    trackLocationFromWindow,\n    orderResolutionDuration,\n    throttleCheckInterval,\n  ]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n\n    return () => knockGuideClient.cleanup();\n  }, [readyToTarget, listenForUpdates, knockGuideClient]);\n\n  return (\n    <KnockGuideContext.Provider\n      value={{\n        client: knockGuideClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockGuideContext.Provider>\n  );\n};\n"],"names":["KnockGuideContext","React","createContext","undefined","KnockGuideProvider","channelId","readyToTarget","listenForUpdates","colorMode","targetParams","trackLocationFromWindow","orderResolutionDuration","throttleCheckInterval","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","cleanup","client"],"mappings":"0kBAcaA,EAAoBC,EAAMC,cAErCC,MAAS,EAaEC,EAETA,CAAC,CACHC,UAAAA,EACAC,cAAAA,EACAC,iBAAAA,EAAmB,GACnBC,UAAAA,EAAY,QACZC,aAAAA,EAAe,CAAC,EAChBC,wBAAAA,EAA0B,GAG1BC,wBAAAA,EAA0B,EAC1BC,sBAAAA,EACAC,SAAAA,CACF,IAAM,CACAC,IAAAA,EAEA,GAAA,CACFA,EAAQC,EAAAA,eAAe,OACb,CACJ,MAAA,IAAIC,MAAM,wDAAwD,CAAA,CAGpEC,MAAAA,EAAqBC,EAAiBT,CAAY,EAElDU,EAAmBlB,EAAMmB,QAAQ,IAC9B,IAAIC,EAAAA,iBAAiBP,EAAOT,EAAWY,EAAoB,CAChEP,wBAAAA,EACAC,wBAAAA,EACAC,sBAAAA,CAAAA,CACD,EACA,CACDE,EACAT,EACAY,EACAP,EACAC,EACAC,CAAqB,CACtB,EAEDX,OAAAA,EAAMqB,UAAU,KACVhB,IACFa,EAAiBI,MAAM,EACnBhB,KAAmCiB,UAAU,GAG5C,IAAML,EAAiBM,QAAQ,GACrC,CAACnB,EAAeC,EAAkBY,CAAgB,CAAC,EAGnDlB,EAAA,cAAAD,EAAkB,SAAlB,CACC,MAAO,CACL0B,OAAQP,EACRX,UAAAA,IAGDK,CACH,CAEJ"}

package/dist/cjs/modules/guide/hooks/useGuide.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGuide.js","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideFilterParams,\n  KnockGuideStep,\n} from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\ninterface UseGuideReturn extends UseGuideContextReturn {\n  guide: KnockGuide | undefined;\n  step: KnockGuideStep | undefined;\n}\n\nexport const useGuide = (filters: KnockGuideFilterParams): UseGuideReturn => {\n  const context = useGuideContext();\n\n  if (!filters.key && !filters.type) {\n    throw new Error(\n      \"useGuide must be given at least one filter: { key?: string; type?: string; }\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const guide = useStore(client.store, (state) =>\n    client.selectGuide(state, filters),\n  );\n\n  const step = guide && guide.getStep();\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","selectGuide","state","step","getStep"],"mappings":"2JAcaA,EAAYC,GAAoD,CAC3E,MAAMC,EAAUC,EAAAA,gBAAgB,EAEhC,GAAI,CAACF,EAAQG,KAAO,CAACH,EAAQI,KACrB,MAAA,IAAIC,MACR,8EACF,EAGI,KAAA,CAAEC,OAAAA,EAAQC,UAAAA,CAAAA,EAAcN,EAExBO,EAAQC,EAAAA,SAASH,EAAOI,SAC5BJ,EAAOK,YAAYC,EAAOZ,CAAO,CACnC,EAEMa,EAAOL,GAASA,EAAMM,QAAQ,EAE7B,MAAA,CAAER,OAAAA,EAAQC,UAAAA,EAAWC,MAAAA,EAAOK,KAAAA,CAAK,CAC1C"}
+{"version":3,"file":"useGuide.js","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideFilterParams,\n  KnockGuideStep,\n} from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Any = any;\n\ninterface UseGuideReturn<C = Any> extends UseGuideContextReturn {\n  guide: KnockGuide<C> | undefined;\n  step: KnockGuideStep<C> | undefined;\n}\n\nexport const useGuide = <C = Any>(\n  filters: KnockGuideFilterParams,\n): UseGuideReturn<C> => {\n  const context = useGuideContext();\n\n  if (!filters.key && !filters.type) {\n    throw new Error(\n      \"useGuide must be given at least one filter: { key?: string; type?: string; }\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const guide = useStore(client.store, (state) =>\n    client.selectGuide<C>(state, filters),\n  );\n\n  const step = guide && guide.getStep();\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","selectGuide","state","step","getStep"],"mappings":"2JAiBaA,EACXC,GACsB,CACtB,MAAMC,EAAUC,EAAAA,gBAAgB,EAEhC,GAAI,CAACF,EAAQG,KAAO,CAACH,EAAQI,KACrB,MAAA,IAAIC,MACR,8EACF,EAGI,KAAA,CAAEC,OAAAA,EAAQC,UAAAA,CAAAA,EAAcN,EAExBO,EAAQC,EAAAA,SAASH,EAAOI,SAC5BJ,EAAOK,YAAeC,EAAOZ,CAAO,CACtC,EAEMa,EAAOL,GAASA,EAAMM,QAAQ,EAE7B,MAAA,CAAER,OAAAA,EAAQC,UAAAA,EAAWC,MAAAA,EAAOK,KAAAA,CAAK,CAC1C"}

package/dist/cjs/modules/guide/hooks/useGuides.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGuides.js","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"sourcesContent":["import { KnockGuide, KnockGuideFilterParams } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\ninterface UseGuidesReturn extends UseGuideContextReturn {\n  guides: KnockGuide[];\n}\n\nexport const useGuides = (\n  filters: Pick<KnockGuideFilterParams, \"type\">,\n): UseGuidesReturn => {\n  const context = useGuideContext();\n  const { client, colorMode } = context;\n\n  const guides = useStore(client.store, (state) =>\n    client.selectGuides(state, filters),\n  );\n\n  return { client, colorMode, guides };\n};\n"],"names":["useGuides","filters","context","useGuideContext","client","colorMode","guides","useStore","store","selectGuides","state"],"mappings":"2JASaA,EACXC,GACoB,CACpB,MAAMC,EAAUC,EAAAA,gBAAgB,EAC1B,CAAEC,OAAAA,EAAQC,UAAAA,CAAAA,EAAcH,EAExBI,EAASC,EAAAA,SAASH,EAAOI,SAC7BJ,EAAOK,aAAaC,EAAOT,CAAO,CACpC,EAEO,MAAA,CAAEG,OAAAA,EAAQC,UAAAA,EAAWC,OAAAA,CAAO,CACrC"}
+{"version":3,"file":"useGuides.js","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"sourcesContent":["import { KnockGuide, KnockGuideFilterParams } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Any = any;\n\ninterface UseGuidesReturn<C = Any> extends UseGuideContextReturn {\n  guides: KnockGuide<C>[];\n}\n\nexport const useGuides = <C = Any>(\n  filters: Pick<KnockGuideFilterParams, \"type\">,\n): UseGuidesReturn<C> => {\n  const context = useGuideContext();\n  const { client, colorMode } = context;\n\n  const guides = useStore(client.store, (state) =>\n    client.selectGuides<C>(state, filters),\n  );\n\n  return { client, colorMode, guides };\n};\n"],"names":["useGuides","filters","context","useGuideContext","client","colorMode","guides","useStore","store","selectGuides","state"],"mappings":"2JAYaA,EACXC,GACuB,CACvB,MAAMC,EAAUC,EAAAA,gBAAgB,EAC1B,CAAEC,OAAAA,EAAQC,UAAAA,CAAAA,EAAcH,EAExBI,EAASC,EAAAA,SAASH,EAAOI,SAC7BJ,EAAOK,aAAgBC,EAAOT,CAAO,CACvC,EAEO,MAAA,CAAEG,OAAAA,EAAQC,UAAAA,EAAWC,OAAAA,CAAO,CACrC"}

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 import { KnockProvider as t, useKnockClient as r } from "./modules/core/context/KnockProvider.mjs";
 import { default as a } from "./modules/core/hooks/useAuthenticatedKnockClient.mjs";
-import { default as f } from "./modules/core/hooks/useStableOptions.mjs";
+import { default as u } from "./modules/core/hooks/useStableOptions.mjs";
 import { FilterStatus as m } from "./modules/core/constants.mjs";
-import { feedProviderKey as l, formatBadgeCount as i, formatTimestamp as c, msTeamsProviderKey as p, renderNodeOrFallback as x, slackProviderKey as k, toSentenceCase as C } from "./modules/core/utils.mjs";
+import { feedProviderKey as l, formatBadgeCount as i, formatTimestamp as c, msTeamsProviderKey as x, renderNodeOrFallback as p, slackProviderKey as k, toSentenceCase as C } from "./modules/core/utils.mjs";
 import { KnockFeedProvider as S, useKnockFeed as T } from "./modules/feed/context/KnockFeedProvider.mjs";
 import { default as v } from "./modules/feed/hooks/useNotifications.mjs";
 import { default as M } from "./modules/feed/hooks/useFeedSettings.mjs";
@@ -10,61 +10,63 @@ import { useCreateNotificationStore as G, default as N } from "./modules/feed/ho
 import { KnockGuideContext as A, KnockGuideProvider as b } from "./modules/guide/context/KnockGuideProvider.mjs";
 import { useGuide as I } from "./modules/guide/hooks/useGuide.mjs";
 import { useGuides as B } from "./modules/guide/hooks/useGuides.mjs";
-import { KnockMsTeamsProvider as q, useKnockMsTeamsClient as w } from "./modules/ms-teams/context/KnockMsTeamsProvider.mjs";
-import { default as D } from "./modules/ms-teams/hooks/useMsTeamsConnectionStatus.mjs";
-import { default as H } from "./modules/ms-teams/hooks/useMsTeamsAuth.mjs";
-import { default as L } from "./modules/ms-teams/hooks/useMsTeamsTeams.mjs";
-import { default as R } from "./modules/ms-teams/hooks/useMsTeamsChannels.mjs";
-import { default as V } from "./modules/ms-teams/hooks/useConnectedMsTeamsChannels.mjs";
-import { KnockSlackProvider as X, useKnockSlackClient as Y } from "./modules/slack/context/KnockSlackProvider.mjs";
-import { default as _ } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
-import { default as ee } from "./modules/slack/hooks/useSlackChannels.mjs";
-import { default as te } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
-import { default as se } from "./modules/slack/hooks/useSlackAuth.mjs";
-import { I18nContext as ne, KnockI18nProvider as fe } from "./modules/i18n/context/KnockI18nProvider.mjs";
-import { useTranslations as me } from "./modules/i18n/hooks/useTranslations.mjs";
-import { locales as le } from "./modules/i18n/languages/index.mjs";
-import { usePreferences as ce } from "./modules/preferences/hooks/usePreferences.mjs";
+import { useGuideContext as q } from "./modules/guide/hooks/useGuideContext.mjs";
+import { KnockMsTeamsProvider as z, useKnockMsTeamsClient as D } from "./modules/ms-teams/context/KnockMsTeamsProvider.mjs";
+import { default as H } from "./modules/ms-teams/hooks/useMsTeamsConnectionStatus.mjs";
+import { default as L } from "./modules/ms-teams/hooks/useMsTeamsAuth.mjs";
+import { default as R } from "./modules/ms-teams/hooks/useMsTeamsTeams.mjs";
+import { default as V } from "./modules/ms-teams/hooks/useMsTeamsChannels.mjs";
+import { default as X } from "./modules/ms-teams/hooks/useConnectedMsTeamsChannels.mjs";
+import { KnockSlackProvider as Z, useKnockSlackClient as _ } from "./modules/slack/context/KnockSlackProvider.mjs";
+import { default as ee } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
+import { default as te } from "./modules/slack/hooks/useSlackChannels.mjs";
+import { default as se } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
+import { default as ne } from "./modules/slack/hooks/useSlackAuth.mjs";
+import { I18nContext as fe, KnockI18nProvider as me } from "./modules/i18n/context/KnockI18nProvider.mjs";
+import { useTranslations as le } from "./modules/i18n/hooks/useTranslations.mjs";
+import { locales as ce } from "./modules/i18n/languages/index.mjs";
+import { usePreferences as pe } from "./modules/preferences/hooks/usePreferences.mjs";
 export {
   m as FilterStatus,
-  ne as I18nContext,
+  fe as I18nContext,
   S as KnockFeedProvider,
   A as KnockGuideContext,
   b as KnockGuideProvider,
-  fe as KnockI18nProvider,
-  q as KnockMsTeamsProvider,
+  me as KnockI18nProvider,
+  z as KnockMsTeamsProvider,
   t as KnockProvider,
-  X as KnockSlackProvider,
+  Z as KnockSlackProvider,
   l as feedProviderKey,
   i as formatBadgeCount,
   c as formatTimestamp,
-  le as locales,
-  p as msTeamsProviderKey,
-  x as renderNodeOrFallback,
+  ce as locales,
+  x as msTeamsProviderKey,
+  p as renderNodeOrFallback,
   k as slackProviderKey,
   C as toSentenceCase,
   a as useAuthenticatedKnockClient,
-  V as useConnectedMsTeamsChannels,
-  te as useConnectedSlackChannels,
+  X as useConnectedMsTeamsChannels,
+  se as useConnectedSlackChannels,
   G as useCreateNotificationStore,
   M as useFeedSettings,
   I as useGuide,
+  q as useGuideContext,
   B as useGuides,
   r as useKnockClient,
   T as useKnockFeed,
-  w as useKnockMsTeamsClient,
-  Y as useKnockSlackClient,
-  H as useMsTeamsAuth,
-  R as useMsTeamsChannels,
-  D as useMsTeamsConnectionStatus,
-  L as useMsTeamsTeams,
+  D as useKnockMsTeamsClient,
+  _ as useKnockSlackClient,
+  L as useMsTeamsAuth,
+  V as useMsTeamsChannels,
+  H as useMsTeamsConnectionStatus,
+  R as useMsTeamsTeams,
   N as useNotificationStore,
   v as useNotifications,
-  ce as usePreferences,
-  se as useSlackAuth,
-  ee as useSlackChannels,
-  _ as useSlackConnectionStatus,
-  f as useStableOptions,
-  me as useTranslations
+  pe as usePreferences,
+  ne as useSlackAuth,
+  te as useSlackChannels,
+  ee as useSlackConnectionStatus,
+  u as useStableOptions,
+  le as useTranslations
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

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

package/dist/esm/modules/guide/context/KnockGuideProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"sourcesContent":["import Knock, {\n  KnockGuideClient,\n  KnockGuideTargetParams,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\ntype KnockGuideProviderValue = {\n  client: KnockGuideClient;\n  colorMode: ColorMode;\n};\n\nexport const KnockGuideContext = React.createContext<\n  KnockGuideProviderValue | undefined\n>(undefined);\n\ntype Props = {\n  channelId: string;\n  readyToTarget: boolean;\n  listenForUpdates?: boolean;\n  colorMode?: ColorMode;\n  targetParams?: KnockGuideTargetParams;\n  trackLocationFromWindow?: boolean;\n  orderResolutionDuration?: number; // in milliseconds\n  throttleCheckInterval?: number; // in milliseconds\n};\n\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates = true,\n  colorMode = \"light\",\n  targetParams = {},\n  trackLocationFromWindow = true,\n  // Default to 0 which works well for react apps as this \"yields\" to react for\n  // one render cyle first and close the group stage.\n  orderResolutionDuration = 0,\n  throttleCheckInterval,\n  children,\n}) => {\n  let knock: Knock;\n\n  try {\n    knock = useKnockClient();\n  } catch (_) {\n    throw new Error(\"KnockGuideProvider must be used within a KnockProvider\");\n  }\n\n  const stableTargetParams = useStableOptions(targetParams);\n\n  const knockGuideClient = React.useMemo(() => {\n    return new KnockGuideClient(knock, channelId, stableTargetParams, {\n      trackLocationFromWindow,\n      orderResolutionDuration,\n      throttleCheckInterval,\n    });\n  }, [\n    knock,\n    channelId,\n    stableTargetParams,\n    trackLocationFromWindow,\n    orderResolutionDuration,\n    throttleCheckInterval,\n  ]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n\n    return () => knockGuideClient.cleanup();\n  }, [readyToTarget, listenForUpdates, knockGuideClient]);\n\n  return (\n    <KnockGuideContext.Provider\n      value={{\n        client: knockGuideClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockGuideContext.Provider>\n  );\n};\n"],"names":["KnockGuideContext","React","createContext","undefined","KnockGuideProvider","channelId","readyToTarget","listenForUpdates","colorMode","targetParams","trackLocationFromWindow","orderResolutionDuration","throttleCheckInterval","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","cleanup","client"],"mappings":";;;;;AAcaA,MAAAA,IAAoBC,EAAMC,cAErCC,MAAS,GAaEC,IAA+DA,CAAC;AAAA,EAC3EC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AAAA,EACnBC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe,CAAC;AAAA,EAChBC,yBAAAA,IAA0B;AAAA;AAAA;AAAA,EAG1BC,yBAAAA,IAA0B;AAAA,EAC1BC,uBAAAA;AAAAA,EACAC,UAAAA;AACF,MAAM;AACAC,MAAAA;AAEA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACb;AACJ,UAAA,IAAIC,MAAM,wDAAwD;AAAA,EAAA;AAGpEC,QAAAA,IAAqBC,EAAiBT,CAAY,GAElDU,IAAmBlB,EAAMmB,QAAQ,MAC9B,IAAIC,EAAiBP,GAAOT,GAAWY,GAAoB;AAAA,IAChEP,yBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC,uBAAAA;AAAAA,EAAAA,CACD,GACA,CACDE,GACAT,GACAY,GACAP,GACAC,GACAC,CAAqB,CACtB;AAEDX,SAAAA,EAAMqB,UAAU,OACVhB,MACFa,EAAiBI,MAAM,GACnBhB,OAAmCiB,UAAU,IAG5C,MAAML,EAAiBM,QAAQ,IACrC,CAACnB,GAAeC,GAAkBY,CAAgB,CAAC,GAGnD,gBAAAlB,EAAA,cAAAD,EAAkB,UAAlB,EACC,OAAO;AAAA,IACL0B,QAAQP;AAAAA,IACRX,WAAAA;AAAAA,OAGDK,CACH;AAEJ;"}
+{"version":3,"file":"KnockGuideProvider.mjs","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"sourcesContent":["import Knock, {\n  KnockGuideClient,\n  KnockGuideTargetParams,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\ntype KnockGuideProviderValue = {\n  client: KnockGuideClient;\n  colorMode: ColorMode;\n};\n\nexport const KnockGuideContext = React.createContext<\n  KnockGuideProviderValue | undefined\n>(undefined);\n\nexport type KnockGuideProviderProps = {\n  channelId: string;\n  readyToTarget: boolean;\n  listenForUpdates?: boolean;\n  colorMode?: ColorMode;\n  targetParams?: KnockGuideTargetParams;\n  trackLocationFromWindow?: boolean;\n  orderResolutionDuration?: number; // in milliseconds\n  throttleCheckInterval?: number; // in milliseconds\n};\n\nexport const KnockGuideProvider: React.FC<\n  React.PropsWithChildren<KnockGuideProviderProps>\n> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates = true,\n  colorMode = \"light\",\n  targetParams = {},\n  trackLocationFromWindow = true,\n  // Default to 0 which works well for react apps as this \"yields\" to react for\n  // one render cyle first and close the group stage.\n  orderResolutionDuration = 0,\n  throttleCheckInterval,\n  children,\n}) => {\n  let knock: Knock;\n\n  try {\n    knock = useKnockClient();\n  } catch (_) {\n    throw new Error(\"KnockGuideProvider must be used within a KnockProvider\");\n  }\n\n  const stableTargetParams = useStableOptions(targetParams);\n\n  const knockGuideClient = React.useMemo(() => {\n    return new KnockGuideClient(knock, channelId, stableTargetParams, {\n      trackLocationFromWindow,\n      orderResolutionDuration,\n      throttleCheckInterval,\n    });\n  }, [\n    knock,\n    channelId,\n    stableTargetParams,\n    trackLocationFromWindow,\n    orderResolutionDuration,\n    throttleCheckInterval,\n  ]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n\n    return () => knockGuideClient.cleanup();\n  }, [readyToTarget, listenForUpdates, knockGuideClient]);\n\n  return (\n    <KnockGuideContext.Provider\n      value={{\n        client: knockGuideClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockGuideContext.Provider>\n  );\n};\n"],"names":["KnockGuideContext","React","createContext","undefined","KnockGuideProvider","channelId","readyToTarget","listenForUpdates","colorMode","targetParams","trackLocationFromWindow","orderResolutionDuration","throttleCheckInterval","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","cleanup","client"],"mappings":";;;;;AAcaA,MAAAA,IAAoBC,EAAMC,cAErCC,MAAS,GAaEC,IAETA,CAAC;AAAA,EACHC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AAAA,EACnBC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe,CAAC;AAAA,EAChBC,yBAAAA,IAA0B;AAAA;AAAA;AAAA,EAG1BC,yBAAAA,IAA0B;AAAA,EAC1BC,uBAAAA;AAAAA,EACAC,UAAAA;AACF,MAAM;AACAC,MAAAA;AAEA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACb;AACJ,UAAA,IAAIC,MAAM,wDAAwD;AAAA,EAAA;AAGpEC,QAAAA,IAAqBC,EAAiBT,CAAY,GAElDU,IAAmBlB,EAAMmB,QAAQ,MAC9B,IAAIC,EAAiBP,GAAOT,GAAWY,GAAoB;AAAA,IAChEP,yBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC,uBAAAA;AAAAA,EAAAA,CACD,GACA,CACDE,GACAT,GACAY,GACAP,GACAC,GACAC,CAAqB,CACtB;AAEDX,SAAAA,EAAMqB,UAAU,OACVhB,MACFa,EAAiBI,MAAM,GACnBhB,OAAmCiB,UAAU,IAG5C,MAAML,EAAiBM,QAAQ,IACrC,CAACnB,GAAeC,GAAkBY,CAAgB,CAAC,GAGnD,gBAAAlB,EAAA,cAAAD,EAAkB,UAAlB,EACC,OAAO;AAAA,IACL0B,QAAQP;AAAAA,IACRX,WAAAA;AAAAA,OAGDK,CACH;AAEJ;"}

package/dist/esm/modules/guide/hooks/useGuide.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGuide.mjs","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideFilterParams,\n  KnockGuideStep,\n} from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\ninterface UseGuideReturn extends UseGuideContextReturn {\n  guide: KnockGuide | undefined;\n  step: KnockGuideStep | undefined;\n}\n\nexport const useGuide = (filters: KnockGuideFilterParams): UseGuideReturn => {\n  const context = useGuideContext();\n\n  if (!filters.key && !filters.type) {\n    throw new Error(\n      \"useGuide must be given at least one filter: { key?: string; type?: string; }\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const guide = useStore(client.store, (state) =>\n    client.selectGuide(state, filters),\n  );\n\n  const step = guide && guide.getStep();\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","state","selectGuide","step","getStep"],"mappings":";;AAcaA,MAAAA,IAAWA,CAACC,MAAoD;AAC3E,QAAMC,IAAUC,EAAgB;AAEhC,MAAI,CAACF,EAAQG,OAAO,CAACH,EAAQI;AACrB,UAAA,IAAIC,MACR,8EACF;AAGI,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,EAAAA,IAAcN,GAExBO,IAAQC,EAASH,EAAOI,OAAQC,OACpCL,EAAOM,YAAYD,GAAOX,CAAO,CACnC,GAEMa,IAAOL,KAASA,EAAMM,QAAQ;AAE7B,SAAA;AAAA,IAAER,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,IAAWC,OAAAA;AAAAA,IAAOK,MAAAA;AAAAA,EAAK;AAC1C;"}
+{"version":3,"file":"useGuide.mjs","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"sourcesContent":["import {\n  KnockGuide,\n  KnockGuideFilterParams,\n  KnockGuideStep,\n} from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Any = any;\n\ninterface UseGuideReturn<C = Any> extends UseGuideContextReturn {\n  guide: KnockGuide<C> | undefined;\n  step: KnockGuideStep<C> | undefined;\n}\n\nexport const useGuide = <C = Any>(\n  filters: KnockGuideFilterParams,\n): UseGuideReturn<C> => {\n  const context = useGuideContext();\n\n  if (!filters.key && !filters.type) {\n    throw new Error(\n      \"useGuide must be given at least one filter: { key?: string; type?: string; }\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const guide = useStore(client.store, (state) =>\n    client.selectGuide<C>(state, filters),\n  );\n\n  const step = guide && guide.getStep();\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","state","selectGuide","step","getStep"],"mappings":";;AAiBaA,MAAAA,IAAW,CACtBC,MACsB;AACtB,QAAMC,IAAUC,EAAgB;AAEhC,MAAI,CAACF,EAAQG,OAAO,CAACH,EAAQI;AACrB,UAAA,IAAIC,MACR,8EACF;AAGI,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,EAAAA,IAAcN,GAExBO,IAAQC,EAASH,EAAOI,OAAQC,OACpCL,EAAOM,YAAeD,GAAOX,CAAO,CACtC,GAEMa,IAAOL,KAASA,EAAMM,QAAQ;AAE7B,SAAA;AAAA,IAAER,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,IAAWC,OAAAA;AAAAA,IAAOK,MAAAA;AAAAA,EAAK;AAC1C;"}

package/dist/esm/modules/guide/hooks/useGuides.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGuides.mjs","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"sourcesContent":["import { KnockGuide, KnockGuideFilterParams } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\ninterface UseGuidesReturn extends UseGuideContextReturn {\n  guides: KnockGuide[];\n}\n\nexport const useGuides = (\n  filters: Pick<KnockGuideFilterParams, \"type\">,\n): UseGuidesReturn => {\n  const context = useGuideContext();\n  const { client, colorMode } = context;\n\n  const guides = useStore(client.store, (state) =>\n    client.selectGuides(state, filters),\n  );\n\n  return { client, colorMode, guides };\n};\n"],"names":["useGuides","filters","context","useGuideContext","client","colorMode","guides","useStore","store","state","selectGuides"],"mappings":";;AASaA,MAAAA,IAAYA,CACvBC,MACoB;AACpB,QAAMC,IAAUC,EAAgB,GAC1B;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,EAAAA,IAAcH,GAExBI,IAASC,EAASH,EAAOI,OAAQC,OACrCL,EAAOM,aAAaD,GAAOR,CAAO,CACpC;AAEO,SAAA;AAAA,IAAEG,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,IAAWC,QAAAA;AAAAA,EAAO;AACrC;"}
+{"version":3,"file":"useGuides.mjs","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"sourcesContent":["import { KnockGuide, KnockGuideFilterParams } from \"@knocklabs/client\";\nimport { useStore } from \"@tanstack/react-store\";\n\nimport { UseGuideContextReturn, useGuideContext } from \"./useGuideContext\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Any = any;\n\ninterface UseGuidesReturn<C = Any> extends UseGuideContextReturn {\n  guides: KnockGuide<C>[];\n}\n\nexport const useGuides = <C = Any>(\n  filters: Pick<KnockGuideFilterParams, \"type\">,\n): UseGuidesReturn<C> => {\n  const context = useGuideContext();\n  const { client, colorMode } = context;\n\n  const guides = useStore(client.store, (state) =>\n    client.selectGuides<C>(state, filters),\n  );\n\n  return { client, colorMode, guides };\n};\n"],"names":["useGuides","filters","context","useGuideContext","client","colorMode","guides","useStore","store","state","selectGuides"],"mappings":";;AAYaA,MAAAA,IAAY,CACvBC,MACuB;AACvB,QAAMC,IAAUC,EAAgB,GAC1B;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,EAAAA,IAAcH,GAExBI,IAASC,EAASH,EAAOI,OAAQC,OACrCL,EAAOM,aAAgBD,GAAOR,CAAO,CACvC;AAEO,SAAA;AAAA,IAAEG,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,IAAWC,QAAAA;AAAAA,EAAO;AACrC;"}

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 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, useGuides, } from './modules/guide';
+export { KnockGuideProvider, KnockGuideContext, type KnockGuideProviderProps, useGuide, useGuides, useGuideContext, } 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';

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

@@ -1 +1 @@
-{"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,EACR,SAAS,GACV,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;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,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,KAAK,uBAAuB,EAC5B,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,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;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types/modules/guide/context/KnockGuideProvider.d.ts

@@ -6,7 +6,7 @@ type KnockGuideProviderValue = {
     colorMode: ColorMode;
 };
 export declare const KnockGuideContext: React.Context<KnockGuideProviderValue | undefined>;
-type Props = {
+export type KnockGuideProviderProps = {
     channelId: string;
     readyToTarget: boolean;
     listenForUpdates?: boolean;
@@ -16,6 +16,6 @@ type Props = {
     orderResolutionDuration?: number;
     throttleCheckInterval?: number;
 };
-export declare const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>>;
+export declare const KnockGuideProvider: React.FC<React.PropsWithChildren<KnockGuideProviderProps>>;
 export {};
 //# sourceMappingURL=KnockGuideProvider.d.ts.map

package/dist/types/modules/guide/context/KnockGuideProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oDAElB,CAAC;AAEb,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAyDvE,CAAC"}
+{"version":3,"file":"KnockGuideProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/context/KnockGuideProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oDAElB,CAAC;AAEb,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CA0DjD,CAAC"}

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

@@ -1,2 +1,2 @@
-export { KnockGuideProvider, KnockGuideContext } from './KnockGuideProvider';
+export { KnockGuideProvider, KnockGuideContext, type KnockGuideProviderProps, } from './KnockGuideProvider';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
 export { useGuide } from './useGuide';
 export { useGuides } from './useGuides';
+export { useGuideContext } from './useGuideContext';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/modules/guide/hooks/useGuide.d.ts

@@ -1,9 +1,10 @@
 import { KnockGuide, KnockGuideFilterParams, KnockGuideStep } from '@knocklabs/client';
 import { UseGuideContextReturn } from './useGuideContext';
-interface UseGuideReturn extends UseGuideContextReturn {
-    guide: KnockGuide | undefined;
-    step: KnockGuideStep | undefined;
+type Any = any;
+interface UseGuideReturn<C = Any> extends UseGuideContextReturn {
+    guide: KnockGuide<C> | undefined;
+    step: KnockGuideStep<C> | undefined;
 }
-export declare const useGuide: (filters: KnockGuideFilterParams) => UseGuideReturn;
+export declare const useGuide: <C = Any>(filters: KnockGuideFilterParams) => UseGuideReturn<C>;
 export {};
 //# sourceMappingURL=useGuide.d.ts.map

package/dist/types/modules/guide/hooks/useGuide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGuide.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,sBAAsB,EACtB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,qBAAqB,EAAmB,MAAM,mBAAmB,CAAC;AAE3E,UAAU,cAAe,SAAQ,qBAAqB;IACpD,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,cAAc,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,GAAI,SAAS,sBAAsB,KAAG,cAkB1D,CAAC"}
+{"version":3,"file":"useGuide.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/useGuide.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,sBAAsB,EACtB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,qBAAqB,EAAmB,MAAM,mBAAmB,CAAC;AAG3E,KAAK,GAAG,GAAG,GAAG,CAAC;AAEf,UAAU,cAAc,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IAC7D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACjC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,GAAG,GAAG,EAC9B,SAAS,sBAAsB,KAC9B,cAAc,CAAC,CAAC,CAkBlB,CAAC"}

package/dist/types/modules/guide/hooks/useGuides.d.ts

@@ -1,8 +1,9 @@
 import { KnockGuide, KnockGuideFilterParams } from '@knocklabs/client';
 import { UseGuideContextReturn } from './useGuideContext';
-interface UseGuidesReturn extends UseGuideContextReturn {
-    guides: KnockGuide[];
+type Any = any;
+interface UseGuidesReturn<C = Any> extends UseGuideContextReturn {
+    guides: KnockGuide<C>[];
 }
-export declare const useGuides: (filters: Pick<KnockGuideFilterParams, "type">) => UseGuidesReturn;
+export declare const useGuides: <C = Any>(filters: Pick<KnockGuideFilterParams, "type">) => UseGuidesReturn<C>;
 export {};
 //# sourceMappingURL=useGuides.d.ts.map

package/dist/types/modules/guide/hooks/useGuides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGuides.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,OAAO,EAAE,qBAAqB,EAAmB,MAAM,mBAAmB,CAAC;AAE3E,UAAU,eAAgB,SAAQ,qBAAqB;IACrD,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,GACpB,SAAS,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,KAC5C,eASF,CAAC"}
+{"version":3,"file":"useGuides.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/useGuides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGvE,OAAO,EAAE,qBAAqB,EAAmB,MAAM,mBAAmB,CAAC;AAG3E,KAAK,GAAG,GAAG,GAAG,CAAC;AAEf,UAAU,eAAe,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,GAAG,GAAG,EAC/B,SAAS,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,KAC5C,eAAe,CAAC,CAAC,CASnB,CAAC"}

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

@@ -1,3 +1,3 @@
-export { KnockGuideProvider, KnockGuideContext } from './context';
-export { useGuide, useGuides } from './hooks';
+export { KnockGuideProvider, KnockGuideContext, type KnockGuideProviderProps, } from './context';
+export { useGuide, useGuides, useGuideContext } 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,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,uBAAuB,GAC7B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,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.8.5",
+  "version": "0.9.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -47,7 +47,7 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.16.5",
+    "@knocklabs/client": "^0.17.0",
     "@tanstack/react-store": "^0.7.3",
     "date-fns": "^4.0.0",
     "fast-deep-equal": "^3.1.3",

package/src/index.ts

@@ -29,8 +29,10 @@ export {
 export {
   KnockGuideProvider,
   KnockGuideContext,
+  type KnockGuideProviderProps,
   useGuide,
   useGuides,
+  useGuideContext,
 } from "./modules/guide";
 export {
   type MsTeamsChannelQueryOptions,

package/src/modules/guide/context/KnockGuideProvider.tsx

@@ -16,7 +16,7 @@ export const KnockGuideContext = React.createContext<
   KnockGuideProviderValue | undefined
 >(undefined);
 
-type Props = {
+export type KnockGuideProviderProps = {
   channelId: string;
   readyToTarget: boolean;
   listenForUpdates?: boolean;
@@ -27,7 +27,9 @@ type Props = {
   throttleCheckInterval?: number; // in milliseconds
 };
 
-export const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({
+export const KnockGuideProvider: React.FC<
+  React.PropsWithChildren<KnockGuideProviderProps>
+> = ({
   channelId,
   readyToTarget,
   listenForUpdates = true,

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

@@ -1 +1,5 @@
-export { KnockGuideProvider, KnockGuideContext } from "./KnockGuideProvider";
+export {
+  KnockGuideProvider,
+  KnockGuideContext,
+  type KnockGuideProviderProps,
+} from "./KnockGuideProvider";

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

@@ -1,2 +1,3 @@
 export { useGuide } from "./useGuide";
 export { useGuides } from "./useGuides";
+export { useGuideContext } from "./useGuideContext";

package/src/modules/guide/hooks/useGuide.ts

@@ -7,12 +7,17 @@ import { useStore } from "@tanstack/react-store";
 
 import { UseGuideContextReturn, useGuideContext } from "./useGuideContext";
 
-interface UseGuideReturn extends UseGuideContextReturn {
-  guide: KnockGuide | undefined;
-  step: KnockGuideStep | undefined;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Any = any;
+
+interface UseGuideReturn<C = Any> extends UseGuideContextReturn {
+  guide: KnockGuide<C> | undefined;
+  step: KnockGuideStep<C> | undefined;
 }
 
-export const useGuide = (filters: KnockGuideFilterParams): UseGuideReturn => {
+export const useGuide = <C = Any>(
+  filters: KnockGuideFilterParams,
+): UseGuideReturn<C> => {
   const context = useGuideContext();
 
   if (!filters.key && !filters.type) {
@@ -24,7 +29,7 @@ export const useGuide = (filters: KnockGuideFilterParams): UseGuideReturn => {
   const { client, colorMode } = context;
 
   const guide = useStore(client.store, (state) =>
-    client.selectGuide(state, filters),
+    client.selectGuide<C>(state, filters),
   );
 
   const step = guide && guide.getStep();

package/src/modules/guide/hooks/useGuides.ts

@@ -3,18 +3,21 @@ import { useStore } from "@tanstack/react-store";
 
 import { UseGuideContextReturn, useGuideContext } from "./useGuideContext";
 
-interface UseGuidesReturn extends UseGuideContextReturn {
-  guides: KnockGuide[];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Any = any;
+
+interface UseGuidesReturn<C = Any> extends UseGuideContextReturn {
+  guides: KnockGuide<C>[];
 }
 
-export const useGuides = (
+export const useGuides = <C = Any>(
   filters: Pick<KnockGuideFilterParams, "type">,
-): UseGuidesReturn => {
+): UseGuidesReturn<C> => {
   const context = useGuideContext();
   const { client, colorMode } = context;
 
   const guides = useStore(client.store, (state) =>
-    client.selectGuides(state, filters),
+    client.selectGuides<C>(state, filters),
   );
 
   return { client, colorMode, guides };

package/src/modules/guide/index.ts

@@ -1,2 +1,6 @@
-export { KnockGuideProvider, KnockGuideContext } from "./context";
-export { useGuide, useGuides } from "./hooks";
+export {
+  KnockGuideProvider,
+  KnockGuideContext,
+  type KnockGuideProviderProps,
+} from "./context";
+export { useGuide, useGuides, useGuideContext } from "./hooks";