@knocklabs/react-core 0.5.2 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.6.0
+
+### Minor Changes
+
+- 711948c: feat: add guide client, hooks, provider, and components
+
+### Patch Changes
+
+- Updated dependencies [711948c]
+  - @knocklabs/client@0.14.0
+
 ## 0.5.2
 
 ### Patch Changes

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +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 FeedStateContext = React.createContext<\n  KnockFeedProviderState | undefined\n>(undefined);\n\nexport interface KnockFeedProviderProps {\n  // Feed props\n  feedId: string;\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  const knock = useKnockClient();\n  const feedClient = useNotifications(knock, feedId, defaultFeedOptions);\n  const useFeedStore = useCreateNotificationStore(feedClient);\n\n  return (\n    <FeedStateContext.Provider\n      key={feedProviderKey(knock.userId, feedId, defaultFeedOptions)}\n      value={{\n        knock,\n        feedClient,\n        useFeedStore,\n        colorMode,\n      }}\n    >\n      {children}\n    </FeedStateContext.Provider>\n  );\n};\n\nexport const useKnockFeed = (): KnockFeedProviderState => {\n  const context = React.useContext(FeedStateContext);\n\n  if (!context) {\n    throw new Error(\"useKnockFeed must be used within a KnockFeedProvider\");\n  }\n\n  return context;\n};\n"],"names":["FeedStateContext","React","createContext","undefined","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","useCreateNotificationStore","feedProviderKey","userId","useKnockFeed","context","useContext","Error"],"mappings":"4pBAsBMA,EAAmBC,EAAMC,cAE7BC,MAAS,EAaEC,EAETA,CAAC,CAAEC,OAAAA,EAAQC,SAAAA,EAAUC,mBAAAA,EAAqB,CAAC,EAAGC,UAAAA,EAAY,OAAQ,IAAM,CAC1E,MAAMC,EAAQC,EAAAA,eAAe,EACvBC,EAAaC,EAAiBH,EAAOJ,EAAQE,CAAkB,EAC/DM,EAAeC,6BAA2BH,CAAU,EAGxD,OAAAV,EAAA,cAACD,EAAiB,SAAjB,CACC,IAAKe,kBAAgBN,EAAMO,OAAQX,EAAQE,CAAkB,EAC7D,MAAO,CACLE,MAAAA,EACAE,WAAAA,EACAE,aAAAA,EACAL,UAAAA,IAGDF,CACH,CAEJ,EAEaW,EAAeA,IAA8B,CAClDC,MAAAA,EAAUjB,EAAMkB,WAAWnB,CAAgB,EAEjD,GAAI,CAACkB,EACG,MAAA,IAAIE,MAAM,sDAAsD,EAGjEF,OAAAA,CACT"}
+{"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;\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,EAAQE,CAAkB,EAC/DO,EAAeC,6BAA2BH,CAAU,EAGxD,OAAAX,EAAA,cAACD,EAAiB,SAAjB,CACC,IAAKgB,kBAAgBP,EAAMQ,OAAQZ,EAAQE,CAAkB,EAC7D,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/guide/context/KnockGuideProvider.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@knocklabs/client"),f=require("react"),b=require("../../core/context/KnockProvider.js"),k=require("../../core/hooks/useStableOptions.js");require("date-fns");function m(e){if(e&&typeof e=="object"&&"default"in e)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=m(f),s=c.createContext(void 0),v=({channelId:e,readyToTarget:r,listenForUpdates:t,colorMode:o="light",targetParams:a,children:d})=>{let i;try{i=b.useKnockClient()}catch{throw new Error("KnockGuideProvider must be used within a KnockProvider")}const u=k(a),n=c.useMemo(()=>new l.KnockGuideClient(i,e,u),[i,e,u]);return c.useEffect(()=>(r&&(n.fetch(),t&&n.subscribe()),()=>n.unsubscribe()),[r,t,n]),c.createElement(s.Provider,{value:{client:n,colorMode:o}},d)};exports.KnockGuideContext=s;exports.KnockGuideProvider=v;
+//# sourceMappingURL=KnockGuideProvider.js.map

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

@@ -0,0 +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};\n\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates,\n  colorMode = \"light\",\n  targetParams,\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  }, [knock, channelId, stableTargetParams]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n    return () => knockGuideClient.unsubscribe();\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","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","unsubscribe","client"],"mappings":"0kBAcaA,EAAoBC,EAAMC,cAErCC,MAAS,EAUEC,EAA+DA,CAAC,CAC3EC,UAAAA,EACAC,cAAAA,EACAC,iBAAAA,EACAC,UAAAA,EAAY,QACZC,aAAAA,EACAC,SAAAA,CACF,IAAM,CACAC,IAAAA,EAEA,GAAA,CACFA,EAAQC,EAAAA,eAAe,OACb,CACJ,MAAA,IAAIC,MAAM,wDAAwD,CAAA,CAGpEC,MAAAA,EAAqBC,EAAiBN,CAAY,EAElDO,EAAmBf,EAAMgB,QAAQ,IAC9B,IAAIC,EAAAA,iBAAiBP,EAAON,EAAWS,CAAkB,EAC/D,CAACH,EAAON,EAAWS,CAAkB,CAAC,EAEzCb,OAAAA,EAAMkB,UAAU,KACVb,IACFU,EAAiBI,MAAM,EACnBb,KAAmCc,UAAU,GAE5C,IAAML,EAAiBM,YAAY,GACzC,CAAChB,EAAeC,EAAkBS,CAAgB,CAAC,EAGnDf,EAAA,cAAAD,EAAkB,SAAlB,CACC,MAAO,CACLuB,OAAQP,EACRR,UAAAA,IAGDE,CACH,CAEJ"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@tanstack/react-store"),c=require("./useGuideContext.js"),d=e=>{const u=c.useGuideContext();if(!e.key&&!e.type)throw new Error("useGuide must be used with at least one filter: either a guide key or a guide type");const{client:t,colorMode:r}=u,[o]=n.useStore(t.store,s=>t.select(s,e)),i=o&&o.steps.find(s=>!s.message.archived_at);return{client:t,colorMode:r,guide:o,step:i}};exports.useGuide=d;
+//# sourceMappingURL=useGuide.js.map

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

@@ -0,0 +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 used with at least one filter: either a guide key or a guide type\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const [guide] = useStore(client.store, (state) =>\n    client.select(state, filters),\n  );\n\n  const step = guide && guide.steps.find((s) => !s.message.archived_at);\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","state","select","step","steps","find","s","message","archived_at"],"mappings":"2JAcaA,EAAYC,GAAoD,CAC3E,MAAMC,EAAUC,EAAAA,gBAAgB,EAEhC,GAAI,CAACF,EAAQG,KAAO,CAACH,EAAQI,KACrB,MAAA,IAAIC,MACR,oFACF,EAGI,KAAA,CAAEC,OAAAA,EAAQC,UAAAA,CAAAA,EAAcN,EAExB,CAACO,CAAK,EAAIC,EAASH,SAAAA,EAAOI,MAAQC,GACtCL,EAAOM,OAAOD,EAAOX,CAAO,CAC9B,EAEMa,EAAOL,GAASA,EAAMM,MAAMC,KAAY,GAAA,CAACC,EAAEC,QAAQC,WAAW,EAE7D,MAAA,CAAEZ,OAAAA,EAAQC,UAAAA,EAAWC,MAAAA,EAAOK,KAAAA,CAAK,CAC1C"}

package/dist/cjs/modules/guide/hooks/useGuideContext.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=require("../context/KnockGuideProvider.js");function c(e){if(e&&typeof e=="object"&&"default"in e)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=c(r),s=()=>{const e=i.useContext(u.KnockGuideContext);if(!e)throw new Error("useGuide must be used within a KnockGuideProvider");return e};exports.useGuideContext=s;
+//# sourceMappingURL=useGuideContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGuideContext.js","sources":["../../../../../src/modules/guide/hooks/useGuideContext.ts"],"sourcesContent":["import { KnockGuideClient } from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { KnockGuideContext } from \"../context\";\n\nexport interface UseGuideContextReturn {\n  client: KnockGuideClient;\n  colorMode: \"light\" | \"dark\";\n}\n\nexport const useGuideContext = (): UseGuideContextReturn => {\n  const context = React.useContext(KnockGuideContext);\n  if (!context) {\n    throw new Error(\"useGuide must be used within a KnockGuideProvider\");\n  }\n\n  return context;\n};\n"],"names":["useGuideContext","context","React","useContext","KnockGuideContext","Error"],"mappings":"keAUaA,EAAkBA,IAA6B,CACpDC,MAAAA,EAAUC,EAAMC,WAAWC,mBAAiB,EAClD,GAAI,CAACH,EACG,MAAA,IAAII,MAAM,mDAAmD,EAG9DJ,OAAAA,CACT"}

package/dist/cjs/modules/ms-teams/context/KnockMsTeamsProvider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");const d=require("../../core/utils.js"),v=require("../hooks/useMsTeamsConnectionStatus.js");require("swr/infinite");require("swr");require("../../i18n/context/KnockI18nProvider.js");function P(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=P(b),i=n.createContext(null),p=({knockMsTeamsChannelId:e,tenantId:t,children:r})=>{const o=f.useKnockClient(),{connectionStatus:s,setConnectionStatus:u,errorLabel:c,setErrorLabel:a,actionLabel:l,setActionLabel:m}=v(o,e,t);return n.createElement(i.Provider,{key:d.msTeamsProviderKey({knockMsTeamsChannelId:e,tenantId:t,connectionStatus:s,errorLabel:c}),value:{connectionStatus:s,setConnectionStatus:u,errorLabel:c,setErrorLabel:a,actionLabel:l,setActionLabel:m,knockMsTeamsChannelId:e,tenantId:t}},r)},q=()=>{const e=n.useContext(i);if(!e)throw new Error("useKnockMsTeamsClient must be used within a KnockMsTeamsProvider");return e};exports.KnockMsTeamsProvider=p;exports.useKnockMsTeamsClient=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");const d=require("../../core/utils.js"),v=require("../hooks/useMsTeamsConnectionStatus.js");require("swr/infinite");require("swr");require("../../i18n/context/KnockI18nProvider.js");function P(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=P(b),i=n.createContext(null),p=({knockMsTeamsChannelId:e,tenantId:t,children:r})=>{const o=f.useKnockClient(),{connectionStatus:s,setConnectionStatus:u,errorLabel:c,setErrorLabel:a,actionLabel:l,setActionLabel:m}=v(o,e,t);return n.createElement(i.Provider,{key:d.msTeamsProviderKey({knockMsTeamsChannelId:e,tenantId:t,connectionStatus:s,errorLabel:c}),value:{connectionStatus:s,setConnectionStatus:u,errorLabel:c,setErrorLabel:a,actionLabel:l,setActionLabel:m,knockMsTeamsChannelId:e,tenantId:t}},r)},q=()=>{const e=n.useContext(i);if(!e)throw new Error("useKnockMsTeamsClient must be used within a KnockMsTeamsProvider");return e};exports.KnockMsTeamsProvider=p;exports.useKnockMsTeamsClient=q;
 //# sourceMappingURL=KnockMsTeamsProvider.js.map

package/dist/cjs/modules/ms-teams/hooks/useConnectedMsTeamsChannels.js

@@ -1,2 +1,2 @@
-"use strict";const S=require("../context/KnockMsTeamsProvider.js"),i=require("react");require("../../i18n/context/KnockI18nProvider.js");const E=require("../../i18n/hooks/useTranslations.js");require("@knocklabs/client");const T=require("../../core/context/KnockProvider.js");require("zustand/shallow");require("date-fns");require("swr/infinite");const _=require("swr"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=g(_),M="MS_TEAMS_CONNECTED_CHANNELS";function D({msTeamsChannelsRecipientObject:{objectId:e,collection:a}}){const{t:l}=E.useTranslations(),r=T.useKnockClient(),{connectionStatus:d,knockMsTeamsChannelId:s}=S.useKnockMsTeamsClient(),[C,c]=i.useState(null),[h,o]=i.useState(!1),{data:p,mutate:m,isValidating:f,isLoading:q}=k.default(d==="connected"?[M,s,a,e]:null,async()=>r.objects.getChannelData({collection:a,objectId:e,channelId:s}).then(t=>{var n;return((n=t.data)==null?void 0:n.connections)??[]}).catch(()=>[]),{onSuccess:()=>{c(null)}});return{data:p??null,updateConnectedChannels:async t=>{o(!0);try{await m(()=>r.objects.setChannelData({objectId:e,collection:a,channelId:s,data:{connections:t}}).then(n=>{var u;return((u=n.data)==null?void 0:u.connections)??[]}),{populateCache:!0,revalidate:!1,optimisticData:t})}catch{c(l("msTeamsChannelSetError")||"")}o(!1)},updating:h,loading:q||f,error:C}}module.exports=D;
+"use strict";const S=require("../context/KnockMsTeamsProvider.js"),i=require("react");require("../../i18n/context/KnockI18nProvider.js");const E=require("../../i18n/hooks/useTranslations.js");require("@knocklabs/client");const T=require("../../core/context/KnockProvider.js");require("fast-deep-equal");require("date-fns");require("swr/infinite");const _=require("swr"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=g(_),M="MS_TEAMS_CONNECTED_CHANNELS";function D({msTeamsChannelsRecipientObject:{objectId:e,collection:a}}){const{t:l}=E.useTranslations(),r=T.useKnockClient(),{connectionStatus:d,knockMsTeamsChannelId:s}=S.useKnockMsTeamsClient(),[C,c]=i.useState(null),[h,o]=i.useState(!1),{data:p,mutate:m,isValidating:f,isLoading:q}=k.default(d==="connected"?[M,s,a,e]:null,async()=>r.objects.getChannelData({collection:a,objectId:e,channelId:s}).then(t=>{var n;return((n=t.data)==null?void 0:n.connections)??[]}).catch(()=>[]),{onSuccess:()=>{c(null)}});return{data:p??null,updateConnectedChannels:async t=>{o(!0);try{await m(()=>r.objects.setChannelData({objectId:e,collection:a,channelId:s,data:{connections:t}}).then(n=>{var u;return((u=n.data)==null?void 0:u.connections)??[]}),{populateCache:!0,revalidate:!1,optimisticData:t})}catch{c(l("msTeamsChannelSetError")||"")}o(!1)},updating:h,loading:q||f,error:C}}module.exports=D;
 //# sourceMappingURL=useConnectedMsTeamsChannels.js.map

package/dist/cjs/modules/ms-teams/hooks/useMsTeamsAuth.js

@@ -1,2 +1,2 @@
-"use strict";const m=require("../context/KnockMsTeamsProvider.js"),o=require("react");require("../../i18n/context/KnockI18nProvider.js");const T=require("@knocklabs/client"),_=require("../../core/context/KnockProvider.js");require("zustand/shallow");require("date-fns");require("swr/infinite");require("swr");const d="https://login.microsoftonline.com/organizations/adminconsent",h="/providers/ms-teams/authenticate";function C(c,i){const e=_.useKnockClient(),{setConnectionStatus:n,knockMsTeamsChannelId:t,tenantId:s,setActionLabel:a}=m.useKnockMsTeamsClient(),u=o.useMemo(()=>e.host+h,[e.host]),k=o.useCallback(()=>{const r={state:JSON.stringify({redirect_url:i,ms_teams_tenant_object:{object_id:s,collection:T.TENANT_OBJECT_COLLECTION},channel_id:t,public_key:e.apiKey,user_token:e.userToken}),client_id:c,redirect_uri:u};return`${d}?${new URLSearchParams(r)}`},[i,s,t,e.apiKey,e.userToken,c,u]),l=o.useCallback(async()=>{a(null),n("disconnecting");try{const r=await e.msTeams.revokeAccessToken({tenant:s,knockChannelId:t});n(r==="ok"?"disconnected":"error")}catch{n("error")}},[n,e.msTeams,s,t,a]);return{buildMsTeamsAuthUrl:k,disconnectFromMsTeams:l}}module.exports=C;
+"use strict";const m=require("../context/KnockMsTeamsProvider.js"),o=require("react");require("../../i18n/context/KnockI18nProvider.js");const T=require("@knocklabs/client"),_=require("../../core/context/KnockProvider.js");require("fast-deep-equal");require("date-fns");require("swr/infinite");require("swr");const d="https://login.microsoftonline.com/organizations/adminconsent",h="/providers/ms-teams/authenticate";function C(c,i){const e=_.useKnockClient(),{setConnectionStatus:n,knockMsTeamsChannelId:t,tenantId:s,setActionLabel:a}=m.useKnockMsTeamsClient(),u=o.useMemo(()=>e.host+h,[e.host]),k=o.useCallback(()=>{const r={state:JSON.stringify({redirect_url:i,ms_teams_tenant_object:{object_id:s,collection:T.TENANT_OBJECT_COLLECTION},channel_id:t,public_key:e.apiKey,user_token:e.userToken}),client_id:c,redirect_uri:u};return`${d}?${new URLSearchParams(r)}`},[i,s,t,e.apiKey,e.userToken,c,u]),l=o.useCallback(async()=>{a(null),n("disconnecting");try{const r=await e.msTeams.revokeAccessToken({tenant:s,knockChannelId:t});n(r==="ok"?"disconnected":"error")}catch{n("error")}},[n,e.msTeams,s,t,a]);return{buildMsTeamsAuthUrl:k,disconnectFromMsTeams:l}}module.exports=C;
 //# sourceMappingURL=useMsTeamsAuth.js.map

package/dist/cjs/modules/ms-teams/hooks/useMsTeamsChannels.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("swr"),f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("react");require("zustand/shallow");require("date-fns");const d=require("../context/KnockMsTeamsProvider.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},C=k(u),h="MS_TEAMS_CHANNELS";function m({teamId:e,queryOptions:n}){const t=f.useKnockClient(),{knockMsTeamsChannelId:a,tenantId:c}=d.useKnockMsTeamsClient(),l=()=>t.msTeams.getChannels({knockChannelId:a,tenant:c,teamId:e,queryOptions:{$filter:n==null?void 0:n.filter,$select:n==null?void 0:n.select}}),{data:s,isLoading:o,isValidating:r,mutate:i}=C.default(e?[h,e]:null,l,{revalidateOnFocus:!1});return{data:(s==null?void 0:s.ms_teams_channels)??[],isLoading:o||r,refetch:()=>i()}}module.exports=m;
+"use strict";const u=require("swr"),f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("react");require("fast-deep-equal");require("date-fns");const d=require("../context/KnockMsTeamsProvider.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},C=k(u),h="MS_TEAMS_CHANNELS";function m({teamId:e,queryOptions:n}){const t=f.useKnockClient(),{knockMsTeamsChannelId:a,tenantId:c}=d.useKnockMsTeamsClient(),l=()=>t.msTeams.getChannels({knockChannelId:a,tenant:c,teamId:e,queryOptions:{$filter:n==null?void 0:n.filter,$select:n==null?void 0:n.select}}),{data:s,isLoading:o,isValidating:r,mutate:i}=C.default(e?[h,e]:null,l,{revalidateOnFocus:!1});return{data:(s==null?void 0:s.ms_teams_channels)??[],isLoading:o||r,refetch:()=>i()}}module.exports=m;
 //# sourceMappingURL=useMsTeamsChannels.js.map

package/dist/cjs/modules/ms-teams/hooks/useMsTeamsTeams.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react"),S=require("swr/infinite"),h=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");require("date-fns");const g=require("../context/KnockMsTeamsProvider.js"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},I=E(S),P=1e3,_="MS_TEAMS_TEAMS";function x(e,n){return e===0?[_,""]:n&&["",null].includes(n.skip_token)?null:[_,n.skip_token??""]}function R({queryOptions:e={}}){const n=h.useKnockClient(),{knockMsTeamsChannelId:u,tenantId:T,connectionStatus:l}=g.useKnockMsTeamsClient(),M=t=>n.msTeams.getTeams({knockChannelId:u,tenant:T,queryOptions:{$skiptoken:t==null?void 0:t[1],$top:e==null?void 0:e.limitPerPage,$filter:e==null?void 0:e.filter,$select:e==null?void 0:e.select}}),{data:s,error:o,isLoading:c,isValidating:a,setSize:f,mutate:C}=I.default(x,M,{initialSize:0,revalidateOnFocus:!1,revalidateFirstPage:!1}),m=s==null?void 0:s.at(-1),k=m===void 0||!!m.skip_token,i=r.useMemo(()=>(s??[]).flatMap(t=>t==null?void 0:t.ms_teams_teams).filter(t=>!!t),[s]),d=(e==null?void 0:e.maxCount)||P;return r.useEffect(()=>{l==="connected"&&!o&&k&&!c&&!a&&i.length<d&&f(t=>t+1)},[i.length,f,k,c,a,d,o,l]),{data:i,isLoading:c||a,refetch:()=>C()}}module.exports=R;
+"use strict";const r=require("react"),S=require("swr/infinite"),h=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");require("date-fns");const g=require("../context/KnockMsTeamsProvider.js"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},I=E(S),P=1e3,_="MS_TEAMS_TEAMS";function x(e,n){return e===0?[_,""]:n&&["",null].includes(n.skip_token)?null:[_,n.skip_token??""]}function R({queryOptions:e={}}){const n=h.useKnockClient(),{knockMsTeamsChannelId:u,tenantId:T,connectionStatus:l}=g.useKnockMsTeamsClient(),M=t=>n.msTeams.getTeams({knockChannelId:u,tenant:T,queryOptions:{$skiptoken:t==null?void 0:t[1],$top:e==null?void 0:e.limitPerPage,$filter:e==null?void 0:e.filter,$select:e==null?void 0:e.select}}),{data:s,error:o,isLoading:c,isValidating:a,setSize:f,mutate:C}=I.default(x,M,{initialSize:0,revalidateOnFocus:!1,revalidateFirstPage:!1}),m=s==null?void 0:s.at(-1),k=m===void 0||!!m.skip_token,i=r.useMemo(()=>(s??[]).flatMap(t=>t==null?void 0:t.ms_teams_teams).filter(t=>!!t),[s]),d=(e==null?void 0:e.maxCount)||P;return r.useEffect(()=>{l==="connected"&&!o&&k&&!c&&!a&&i.length<d&&f(t=>t+1)},[i.length,f,k,c,a,d,o,l]),{data:i,isLoading:c||a,refetch:()=>C()}}module.exports=R;
 //# sourceMappingURL=useMsTeamsTeams.js.map

package/dist/cjs/modules/slack/context/KnockSlackProvider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../hooks/useSlackConnectionStatus.js"),b=require("react");require("swr/infinite");const f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");const v=require("../../core/utils.js");require("swr");require("../../i18n/context/KnockI18nProvider.js");function C(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=C(b),i=o.createContext(null),P=e=>{const{knockSlackChannelId:t,children:r}=e,n="tenantId"in e?e.tenantId:e.tenant,u=f.useKnockClient(),{connectionStatus:c,setConnectionStatus:l,errorLabel:a,setErrorLabel:s,actionLabel:k,setActionLabel:d}=S(u,t,n);return o.createElement(i.Provider,{key:v.slackProviderKey({knockSlackChannelId:t,tenantId:n,connectionStatus:c,errorLabel:a}),value:{connectionStatus:c,setConnectionStatus:l,errorLabel:a,setErrorLabel:s,actionLabel:k,setActionLabel:d,knockSlackChannelId:t,tenant:n,tenantId:n}},r)},q=()=>{const e=o.useContext(i);if(e===void 0)throw new Error("useKnockSlackClient must be used within a KnockSlackProvider");return e};exports.KnockSlackProvider=P;exports.useKnockSlackClient=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../hooks/useSlackConnectionStatus.js"),b=require("react");require("swr/infinite");const f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");const v=require("../../core/utils.js");require("swr");require("../../i18n/context/KnockI18nProvider.js");function C(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=C(b),i=o.createContext(null),P=e=>{const{knockSlackChannelId:t,children:r}=e,n="tenantId"in e?e.tenantId:e.tenant,u=f.useKnockClient(),{connectionStatus:c,setConnectionStatus:l,errorLabel:a,setErrorLabel:s,actionLabel:k,setActionLabel:d}=S(u,t,n);return o.createElement(i.Provider,{key:v.slackProviderKey({knockSlackChannelId:t,tenantId:n,connectionStatus:c,errorLabel:a}),value:{connectionStatus:c,setConnectionStatus:l,errorLabel:a,setErrorLabel:s,actionLabel:k,setActionLabel:d,knockSlackChannelId:t,tenant:n,tenantId:n}},r)},q=()=>{const e=o.useContext(i);if(e===void 0)throw new Error("useKnockSlackClient must be used within a KnockSlackProvider");return e};exports.KnockSlackProvider=P;exports.useKnockSlackClient=q;
 //# sourceMappingURL=KnockSlackProvider.js.map

package/dist/cjs/modules/slack/hooks/useConnectedSlackChannels.js

@@ -1,2 +1,2 @@
-"use strict";const q=require("../context/KnockSlackProvider.js"),i=require("react");require("../../i18n/context/KnockI18nProvider.js");const g=require("../../i18n/hooks/useTranslations.js");require("swr/infinite");const E=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");require("date-fns");const _=require("swr"),D=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},K=D(_),R="SLACK_CONNECTED_CHANNELS";function y({slackChannelsRecipientObject:{objectId:e,collection:a}}){const{t:l}=g.useTranslations(),c=E.useKnockClient(),{connectionStatus:d,knockSlackChannelId:s}=q.useKnockSlackClient(),[C,r]=i.useState(null),[h,o]=i.useState(!1),{data:k,mutate:p,isValidating:S,isLoading:f}=K.default(d==="connected"?[R,s,a,e]:null,async()=>c.objects.getChannelData({collection:a,objectId:e,channelId:s}).then(t=>{var n;return((n=t.data)==null?void 0:n.connections)??[]}).catch(()=>[]),{onSuccess:()=>{r(null)}});return{data:k??null,updateConnectedChannels:async t=>{o(!0);try{await p(()=>c.objects.setChannelData({objectId:e,collection:a,channelId:s,data:{connections:t}}).then(n=>{var u;return((u=n.data)==null?void 0:u.connections)??[]}),{populateCache:!0,revalidate:!1,optimisticData:t})}catch{r(l("slackChannelSetError")||"")}o(!1)},updating:h,loading:f||S,error:C}}module.exports=y;
+"use strict";const q=require("../context/KnockSlackProvider.js"),i=require("react");require("../../i18n/context/KnockI18nProvider.js");const g=require("../../i18n/hooks/useTranslations.js");require("swr/infinite");const E=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");require("date-fns");const _=require("swr"),D=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},K=D(_),R="SLACK_CONNECTED_CHANNELS";function y({slackChannelsRecipientObject:{objectId:e,collection:a}}){const{t:l}=g.useTranslations(),c=E.useKnockClient(),{connectionStatus:d,knockSlackChannelId:s}=q.useKnockSlackClient(),[C,r]=i.useState(null),[h,o]=i.useState(!1),{data:k,mutate:p,isValidating:S,isLoading:f}=K.default(d==="connected"?[R,s,a,e]:null,async()=>c.objects.getChannelData({collection:a,objectId:e,channelId:s}).then(t=>{var n;return((n=t.data)==null?void 0:n.connections)??[]}).catch(()=>[]),{onSuccess:()=>{r(null)}});return{data:k??null,updateConnectedChannels:async t=>{o(!0);try{await p(()=>c.objects.setChannelData({objectId:e,collection:a,channelId:s,data:{connections:t}}).then(n=>{var u;return((u=n.data)==null?void 0:u.connections)??[]}),{populateCache:!0,revalidate:!1,optimisticData:t})}catch{r(l("slackChannelSetError")||"")}o(!1)},updating:h,loading:f||S,error:C}}module.exports=y;
 //# sourceMappingURL=useConnectedSlackChannels.js.map

package/dist/cjs/modules/slack/hooks/useSlackAuth.js

@@ -1,2 +1,2 @@
-"use strict";const _=require("../context/KnockSlackProvider.js"),k=require("react");require("../../i18n/context/KnockI18nProvider.js");require("swr/infinite");const S=require("../../core/context/KnockProvider.js"),d=require("@knocklabs/client");require("zustand/shallow");require("date-fns");require("swr");const C="https://slack.com/oauth/v2/authorize",l=["chat:write","chat:write.public","channels:read","groups:read"];function A(s,a,o){const e=S.useKnockClient(),{setConnectionStatus:c,knockSlackChannelId:n,tenantId:r,setActionLabel:i}=_.useKnockSlackClient(),u=o&&o.length>0?Array.from(new Set(l.concat(o))):l,h=k.useCallback(async()=>{i(null),c("disconnecting");try{const t=await e.slack.revokeAccessToken({tenant:r,knockChannelId:n});c(t==="ok"?"disconnected":"error")}catch{c("error")}},[c,e.slack,r,n,i]);return{buildSlackAuthUrl:k.useCallback(()=>{const t={state:JSON.stringify({redirect_url:a,access_token_object:{object_id:r,collection:d.TENANT_OBJECT_COLLECTION},channel_id:n,public_key:e.apiKey,user_token:e.userToken}),client_id:s,scope:u.join(",")};return`${C}?${new URLSearchParams(t)}`},[a,r,n,e.apiKey,e.userToken,s,u]),disconnectFromSlack:h}}module.exports=A;
+"use strict";const _=require("../context/KnockSlackProvider.js"),k=require("react");require("../../i18n/context/KnockI18nProvider.js");require("swr/infinite");const S=require("../../core/context/KnockProvider.js"),d=require("@knocklabs/client");require("fast-deep-equal");require("date-fns");require("swr");const C="https://slack.com/oauth/v2/authorize",l=["chat:write","chat:write.public","channels:read","groups:read"];function A(s,a,o){const e=S.useKnockClient(),{setConnectionStatus:c,knockSlackChannelId:n,tenantId:r,setActionLabel:i}=_.useKnockSlackClient(),u=o&&o.length>0?Array.from(new Set(l.concat(o))):l,h=k.useCallback(async()=>{i(null),c("disconnecting");try{const t=await e.slack.revokeAccessToken({tenant:r,knockChannelId:n});c(t==="ok"?"disconnected":"error")}catch{c("error")}},[c,e.slack,r,n,i]);return{buildSlackAuthUrl:k.useCallback(()=>{const t={state:JSON.stringify({redirect_url:a,access_token_object:{object_id:r,collection:d.TENANT_OBJECT_COLLECTION},channel_id:n,public_key:e.apiKey,user_token:e.userToken}),client_id:s,scope:u.join(",")};return`${C}?${new URLSearchParams(t)}`},[a,r,n,e.apiKey,e.userToken,s,u]),disconnectFromSlack:h}}module.exports=A;
 //# sourceMappingURL=useSlackAuth.js.map

package/dist/cjs/modules/slack/hooks/useSlackChannels.js

@@ -1,2 +1,2 @@
-"use strict";const P=require("../context/KnockSlackProvider.js"),d=require("react");require("../../i18n/context/KnockI18nProvider.js");const m=require("swr/infinite"),x=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");require("date-fns");require("swr");const I=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},L=I(m),N=1e3,g=200,A="private_channel,public_channel",C="SLACK_CHANNELS";function R(n,e){return n===0?[C,""]:e&&["",null].includes(e.next_cursor)?null:[C,e.next_cursor??""]}function M({queryOptions:n}){const e=x.useKnockClient(),{knockSlackChannelId:_,tenantId:h,connectionStatus:i}=P.useKnockSlackClient(),S=t=>e.slack.getChannels({tenant:h,knockChannelId:_,queryOptions:{...n,cursor:t==null?void 0:t[1],limit:(n==null?void 0:n.limitPerPage)||g,types:(n==null?void 0:n.types)||A}}),{data:c,error:r,isLoading:l,isValidating:a,setSize:o,mutate:E}=L.default(R,S,{initialSize:0,revalidateFirstPage:!1}),u=c==null?void 0:c.at(-1),f=u===void 0||!!u.next_cursor,s=d.useMemo(()=>(c??[]).flatMap(t=>t==null?void 0:t.slack_channels).filter(t=>!!t),[c]),k=(n==null?void 0:n.maxCount)||N;return d.useEffect(()=>{i==="connected"&&!r&&f&&!l&&!a&&s.length<k&&o(t=>t+1)},[s.length,o,f,l,a,k,r,i]),{data:s,isLoading:l||a,refetch:()=>E()}}module.exports=M;
+"use strict";const P=require("../context/KnockSlackProvider.js"),d=require("react");require("../../i18n/context/KnockI18nProvider.js");const m=require("swr/infinite"),x=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("fast-deep-equal");require("date-fns");require("swr");const I=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},L=I(m),N=1e3,g=200,A="private_channel,public_channel",C="SLACK_CHANNELS";function R(n,e){return n===0?[C,""]:e&&["",null].includes(e.next_cursor)?null:[C,e.next_cursor??""]}function M({queryOptions:n}){const e=x.useKnockClient(),{knockSlackChannelId:_,tenantId:h,connectionStatus:i}=P.useKnockSlackClient(),S=t=>e.slack.getChannels({tenant:h,knockChannelId:_,queryOptions:{...n,cursor:t==null?void 0:t[1],limit:(n==null?void 0:n.limitPerPage)||g,types:(n==null?void 0:n.types)||A}}),{data:c,error:r,isLoading:l,isValidating:a,setSize:o,mutate:E}=L.default(R,S,{initialSize:0,revalidateFirstPage:!1}),u=c==null?void 0:c.at(-1),f=u===void 0||!!u.next_cursor,s=d.useMemo(()=>(c??[]).flatMap(t=>t==null?void 0:t.slack_channels).filter(t=>!!t),[c]),k=(n==null?void 0:n.maxCount)||N;return d.useEffect(()=>{i==="connected"&&!r&&f&&!l&&!a&&s.length<k&&o(t=>t+1)},[s.length,o,f,l,a,k,r,i]),{data:s,isLoading:l||a,refetch:()=>E()}}module.exports=M;
 //# sourceMappingURL=useSlackChannels.js.map

package/dist/esm/index.mjs

@@ -1,61 +1,66 @@
 import { KnockProvider as t, useKnockClient as r } from "./modules/core/context/KnockProvider.mjs";
-import { default as s } from "./modules/core/hooks/useAuthenticatedKnockClient.mjs";
+import { default as a } from "./modules/core/hooks/useAuthenticatedKnockClient.mjs";
 import { default as f } from "./modules/core/hooks/useStableOptions.mjs";
 import { FilterStatus as m } from "./modules/core/constants.mjs";
-import { feedProviderKey as d, formatBadgeCount as i, formatTimestamp as c, msTeamsProviderKey as p, renderNodeOrFallback as x, slackProviderKey as k, toSentenceCase as C } from "./modules/core/utils.mjs";
-import { KnockFeedProvider as K, useKnockFeed as T } from "./modules/feed/context/KnockFeedProvider.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 { KnockFeedProvider as S, useKnockFeed as T } from "./modules/feed/context/KnockFeedProvider.mjs";
 import { default as P } from "./modules/feed/hooks/useNotifications.mjs";
 import { default as M } from "./modules/feed/hooks/useFeedSettings.mjs";
 import { useCreateNotificationStore as N, default as y } from "./modules/feed/hooks/useNotificationStore.mjs";
-import { KnockMsTeamsProvider as b, useKnockMsTeamsClient as g } from "./modules/ms-teams/context/KnockMsTeamsProvider.mjs";
-import { default as O } from "./modules/ms-teams/hooks/useMsTeamsConnectionStatus.mjs";
-import { default as j } from "./modules/ms-teams/hooks/useMsTeamsAuth.mjs";
-import { default as w } from "./modules/ms-teams/hooks/useMsTeamsTeams.mjs";
-import { default as D } from "./modules/ms-teams/hooks/useMsTeamsChannels.mjs";
-import { default as G } from "./modules/ms-teams/hooks/useConnectedMsTeamsChannels.mjs";
-import { KnockSlackProvider as J, useKnockSlackClient as L } from "./modules/slack/context/KnockSlackProvider.mjs";
-import { default as R } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
-import { default as V } from "./modules/slack/hooks/useSlackChannels.mjs";
-import { default as X } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
-import { default as Z } from "./modules/slack/hooks/useSlackAuth.mjs";
-import { I18nContext as $, KnockI18nProvider as ee } from "./modules/i18n/context/KnockI18nProvider.mjs";
-import { useTranslations as te } from "./modules/i18n/hooks/useTranslations.mjs";
-import { locales as ae } from "./modules/i18n/languages/index.mjs";
+import { KnockGuideContext as G, KnockGuideProvider as b } from "./modules/guide/context/KnockGuideProvider.mjs";
+import { useGuide as I } from "./modules/guide/hooks/useGuide.mjs";
+import { KnockMsTeamsProvider as B, useKnockMsTeamsClient as j } from "./modules/ms-teams/context/KnockMsTeamsProvider.mjs";
+import { default as w } from "./modules/ms-teams/hooks/useMsTeamsConnectionStatus.mjs";
+import { default as D } from "./modules/ms-teams/hooks/useMsTeamsAuth.mjs";
+import { default as H } from "./modules/ms-teams/hooks/useMsTeamsTeams.mjs";
+import { default as L } from "./modules/ms-teams/hooks/useMsTeamsChannels.mjs";
+import { default as R } from "./modules/ms-teams/hooks/useConnectedMsTeamsChannels.mjs";
+import { KnockSlackProvider as V, useKnockSlackClient as W } from "./modules/slack/context/KnockSlackProvider.mjs";
+import { default as Y } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
+import { default as _ } from "./modules/slack/hooks/useSlackChannels.mjs";
+import { default as ee } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
+import { default as te } from "./modules/slack/hooks/useSlackAuth.mjs";
+import { I18nContext as se, KnockI18nProvider as ae } from "./modules/i18n/context/KnockI18nProvider.mjs";
+import { useTranslations as fe } from "./modules/i18n/hooks/useTranslations.mjs";
+import { locales as me } from "./modules/i18n/languages/index.mjs";
 export {
   m as FilterStatus,
-  $ as I18nContext,
-  K as KnockFeedProvider,
-  ee as KnockI18nProvider,
-  b as KnockMsTeamsProvider,
+  se as I18nContext,
+  S as KnockFeedProvider,
+  G as KnockGuideContext,
+  b as KnockGuideProvider,
+  ae as KnockI18nProvider,
+  B as KnockMsTeamsProvider,
   t as KnockProvider,
-  J as KnockSlackProvider,
-  d as feedProviderKey,
+  V as KnockSlackProvider,
+  l as feedProviderKey,
   i as formatBadgeCount,
   c as formatTimestamp,
-  ae as locales,
+  me as locales,
   p as msTeamsProviderKey,
   x as renderNodeOrFallback,
   k as slackProviderKey,
   C as toSentenceCase,
-  s as useAuthenticatedKnockClient,
-  G as useConnectedMsTeamsChannels,
-  X as useConnectedSlackChannels,
+  a as useAuthenticatedKnockClient,
+  R as useConnectedMsTeamsChannels,
+  ee as useConnectedSlackChannels,
   N as useCreateNotificationStore,
   M as useFeedSettings,
+  I as useGuide,
   r as useKnockClient,
   T as useKnockFeed,
-  g as useKnockMsTeamsClient,
-  L as useKnockSlackClient,
-  j as useMsTeamsAuth,
-  D as useMsTeamsChannels,
-  O as useMsTeamsConnectionStatus,
-  w as useMsTeamsTeams,
+  j as useKnockMsTeamsClient,
+  W as useKnockSlackClient,
+  D as useMsTeamsAuth,
+  L as useMsTeamsChannels,
+  w as useMsTeamsConnectionStatus,
+  H as useMsTeamsTeams,
   y as useNotificationStore,
   P as useNotifications,
-  Z as useSlackAuth,
-  V as useSlackChannels,
-  R as useSlackConnectionStatus,
+  te as useSlackAuth,
+  _ as useSlackChannels,
+  Y as useSlackConnectionStatus,
   f as useStableOptions,
-  te as useTranslations
+  fe 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/core/context/KnockProvider.mjs

@@ -1,35 +1,35 @@
 import * as t from "react";
-import { KnockI18nProvider as v } from "../../i18n/context/KnockI18nProvider.mjs";
-import K from "../hooks/useAuthenticatedKnockClient.mjs";
-import "zustand/shallow";
-const i = t.createContext(null), p = ({
+import { KnockI18nProvider as d } from "../../i18n/context/KnockI18nProvider.mjs";
+import l from "../hooks/useAuthenticatedKnockClient.mjs";
+import "fast-deep-equal";
+const u = t.createContext(null), P = ({
   apiKey: e,
   host: o,
   logLevel: n,
-  userId: u,
+  userId: i,
   userToken: s,
   onUserTokenExpiring: r,
   timeBeforeExpirationInMs: c,
-  children: a,
+  children: k,
   i18n: m
 }) => {
-  const k = t.useMemo(() => ({
+  const a = t.useMemo(() => ({
     host: o,
     onUserTokenExpiring: r,
     timeBeforeExpirationInMs: c,
     logLevel: n
-  }), [o, r, c, n]), d = K(e, u, s, k);
-  return /* @__PURE__ */ t.createElement(i.Provider, { value: {
-    knock: d
-  } }, /* @__PURE__ */ t.createElement(v, { i18n: m }, a));
+  }), [o, r, c, n]), K = l(e, i, s, a);
+  return /* @__PURE__ */ t.createElement(u.Provider, { value: {
+    knock: K
+  } }, /* @__PURE__ */ t.createElement(d, { i18n: m }, k));
 }, f = () => {
-  const e = t.useContext(i);
-  if (e === void 0)
-    throw new Error("useKnock must be used within a KnockProvider");
+  const e = t.useContext(u);
+  if (!e)
+    throw new Error("useKnockClient must be used within a KnockProvider");
   return e.knock;
 };
 export {
-  p as KnockProvider,
+  P as KnockProvider,
   f as useKnockClient
 };
 //# sourceMappingURL=KnockProvider.mjs.map

package/dist/esm/modules/core/context/KnockProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockProvider.mjs","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"sourcesContent":["import Knock, { AuthenticateOptions, LogLevel } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { I18nContent, KnockI18nProvider } from \"../../i18n\";\nimport { useAuthenticatedKnockClient } from \"../hooks\";\n\nexport interface KnockProviderState {\n  knock: Knock;\n}\n\nconst ProviderStateContext = React.createContext<KnockProviderState | null>(\n  null,\n);\n\nexport interface KnockProviderProps {\n  // Knock client props\n  apiKey: string;\n  host?: string;\n  // Authentication props\n  userId: Knock[\"userId\"];\n  userToken?: Knock[\"userToken\"];\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n  // i18n translations\n  i18n?: I18nContent;\n  logLevel?: LogLevel;\n}\n\nexport const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({\n  apiKey,\n  host,\n  logLevel,\n  userId,\n  userToken,\n  onUserTokenExpiring,\n  timeBeforeExpirationInMs,\n  children,\n  i18n,\n}) => {\n  // We memoize the options here so that we don't create a new object on every re-render\n  const authenticateOptions = React.useMemo(\n    () => ({\n      host,\n      onUserTokenExpiring,\n      timeBeforeExpirationInMs,\n      logLevel,\n    }),\n    [host, onUserTokenExpiring, timeBeforeExpirationInMs, logLevel],\n  );\n\n  const knock = useAuthenticatedKnockClient(\n    apiKey,\n    userId,\n    userToken,\n    authenticateOptions,\n  );\n\n  return (\n    <ProviderStateContext.Provider\n      value={{\n        knock,\n      }}\n    >\n      <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>\n    </ProviderStateContext.Provider>\n  );\n};\n\nexport const useKnockClient = (): Knock => {\n  const context = React.useContext(ProviderStateContext) as KnockProviderState;\n  if (context === undefined) {\n    throw new Error(\"useKnock must be used within a KnockProvider\");\n  }\n  return context.knock;\n};\n"],"names":["ProviderStateContext","React","createContext","KnockProvider","apiKey","host","logLevel","userId","userToken","onUserTokenExpiring","timeBeforeExpirationInMs","children","i18n","authenticateOptions","useMemo","knock","useAuthenticatedKnockClient","KnockI18nProvider","useKnockClient","context","useContext","undefined","Error"],"mappings":";;;;AAWA,MAAMA,IAAuBC,EAAMC,cACjC,IACF,GAgBaC,IAAiEA,CAAC;AAAA,EAC7EC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AACF,MAAM;AAEEC,QAAAA,IAAsBZ,EAAMa,QAChC,OAAO;AAAA,IACLT,MAAAA;AAAAA,IACAI,qBAAAA;AAAAA,IACAC,0BAAAA;AAAAA,IACAJ,UAAAA;AAAAA,MAEF,CAACD,GAAMI,GAAqBC,GAA0BJ,CAAQ,CAChE,GAEMS,IAAQC,EACZZ,GACAG,GACAC,GACAK,CACF;AAEA,SACG,gBAAAZ,EAAA,cAAAD,EAAqB,UAArB,EACC,OAAO;AAAA,IACLe,OAAAA;AAAAA,EAAAA,EAGF,GAAA,gBAAAd,EAAA,cAACgB,GAAkB,EAAA,MAAAL,EAAA,GAAaD,CAAS,CAC3C;AAEJ,GAEaO,IAAiBA,MAAa;AACnCC,QAAAA,IAAUlB,EAAMmB,WAAWpB,CAAoB;AACrD,MAAImB,MAAYE;AACR,UAAA,IAAIC,MAAM,8CAA8C;AAEhE,SAAOH,EAAQJ;AACjB;"}
+{"version":3,"file":"KnockProvider.mjs","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"sourcesContent":["import Knock, { AuthenticateOptions, LogLevel } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { I18nContent, KnockI18nProvider } from \"../../i18n\";\nimport { useAuthenticatedKnockClient } from \"../hooks\";\n\nexport interface KnockProviderState {\n  knock: Knock;\n}\n\nconst KnockContext = React.createContext<KnockProviderState | null>(null);\n\nexport interface KnockProviderProps {\n  // Knock client props\n  apiKey: string;\n  host?: string;\n  // Authentication props\n  userId: Knock[\"userId\"];\n  userToken?: Knock[\"userToken\"];\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n  // i18n translations\n  i18n?: I18nContent;\n  logLevel?: LogLevel;\n}\n\nexport const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({\n  apiKey,\n  host,\n  logLevel,\n  userId,\n  userToken,\n  onUserTokenExpiring,\n  timeBeforeExpirationInMs,\n  children,\n  i18n,\n}) => {\n  // We memoize the options here so that we don't create a new object on every re-render\n  const authenticateOptions = React.useMemo(\n    () => ({\n      host,\n      onUserTokenExpiring,\n      timeBeforeExpirationInMs,\n      logLevel,\n    }),\n    [host, onUserTokenExpiring, timeBeforeExpirationInMs, logLevel],\n  );\n\n  const knock = useAuthenticatedKnockClient(\n    apiKey,\n    userId,\n    userToken,\n    authenticateOptions,\n  );\n\n  return (\n    <KnockContext.Provider\n      value={{\n        knock,\n      }}\n    >\n      <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>\n    </KnockContext.Provider>\n  );\n};\n\nexport const useKnockClient = (): Knock => {\n  const context = React.useContext(KnockContext);\n  if (!context) {\n    throw new Error(\"useKnockClient must be used within a KnockProvider\");\n  }\n  return context.knock;\n};\n"],"names":["KnockContext","React","createContext","KnockProvider","apiKey","host","logLevel","userId","userToken","onUserTokenExpiring","timeBeforeExpirationInMs","children","i18n","authenticateOptions","useMemo","knock","useAuthenticatedKnockClient","KnockI18nProvider","useKnockClient","context","useContext","Error"],"mappings":";;;;AAWA,MAAMA,IAAeC,EAAMC,cAAyC,IAAI,GAgB3DC,IAAiEA,CAAC;AAAA,EAC7EC,QAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,MAAAA;AACF,MAAM;AAEEC,QAAAA,IAAsBZ,EAAMa,QAChC,OAAO;AAAA,IACLT,MAAAA;AAAAA,IACAI,qBAAAA;AAAAA,IACAC,0BAAAA;AAAAA,IACAJ,UAAAA;AAAAA,MAEF,CAACD,GAAMI,GAAqBC,GAA0BJ,CAAQ,CAChE,GAEMS,IAAQC,EACZZ,GACAG,GACAC,GACAK,CACF;AAEA,SACG,gBAAAZ,EAAA,cAAAD,EAAa,UAAb,EACC,OAAO;AAAA,IACLe,OAAAA;AAAAA,EAAAA,EAGF,GAAA,gBAAAd,EAAA,cAACgB,GAAkB,EAAA,MAAAL,EAAA,GAAaD,CAAS,CAC3C;AAEJ,GAEaO,IAAiBA,MAAa;AACnCC,QAAAA,IAAUlB,EAAMmB,WAAWpB,CAAY;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAIE,MAAM,oDAAoD;AAEtE,SAAOF,EAAQJ;AACjB;"}

package/dist/esm/modules/core/hooks/useStableOptions.mjs

@@ -1,11 +1,11 @@
-import { useRef as u, useMemo as n } from "react";
-import { shallow as o } from "zustand/shallow";
-function c(r) {
-  const t = u();
-  return n(() => {
-    const e = t.current;
-    return e && o(r, e) ? e : (t.current = r, r);
-  }, [r]);
+import u from "fast-deep-equal";
+import { useRef as n, useMemo as f } from "react";
+function c(e) {
+  const t = n();
+  return f(() => {
+    const r = t.current;
+    return r && u(e, r) ? r : (t.current = e, e);
+  }, [e]);
 }
 export {
   c as default

package/dist/esm/modules/core/hooks/useStableOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStableOptions.mjs","sources":["../../../../../src/modules/core/hooks/useStableOptions.ts"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { shallow } from \"zustand/shallow\";\n\nexport default function useStableOptions<T>(options: T): T {\n  const optionsRef = useRef<T>();\n\n  return useMemo(() => {\n    const currentOptions = optionsRef.current;\n\n    if (currentOptions && shallow(options, currentOptions)) {\n      return currentOptions;\n    }\n\n    optionsRef.current = options;\n    return options;\n  }, [options]);\n}\n"],"names":["useStableOptions","options","optionsRef","useRef","useMemo","currentOptions","current","shallow"],"mappings":";;AAGA,SAAwBA,EAAoBC,GAAe;AACzD,QAAMC,IAAaC,EAAU;AAE7B,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAAiBH,EAAWI;AAElC,WAAID,KAAkBE,EAAQN,GAASI,CAAc,IAC5CA,KAGTH,EAAWI,UAAUL,GACdA;AAAAA,EAAAA,GACN,CAACA,CAAO,CAAC;AACd;"}
+{"version":3,"file":"useStableOptions.mjs","sources":["../../../../../src/modules/core/hooks/useStableOptions.ts"],"sourcesContent":["import fastDeepEqual from \"fast-deep-equal\";\nimport { useMemo, useRef } from \"react\";\n\nexport default function useStableOptions<T>(options: T): T {\n  const optionsRef = useRef<T>();\n\n  return useMemo(() => {\n    const currentOptions = optionsRef.current;\n\n    if (currentOptions && fastDeepEqual(options, currentOptions)) {\n      return currentOptions;\n    }\n\n    optionsRef.current = options;\n    return options;\n  }, [options]);\n}\n"],"names":["useStableOptions","options","optionsRef","useRef","useMemo","currentOptions","current","fastDeepEqual"],"mappings":";;AAGA,SAAwBA,EAAoBC,GAAe;AACzD,QAAMC,IAAaC,EAAU;AAE7B,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAAiBH,EAAWI;AAElC,WAAID,KAAkBE,EAAcN,GAASI,CAAc,IAClDA,KAGTH,EAAWI,UAAUL,GACdA;AAAAA,EAAAA,GACN,CAACA,CAAO,CAAC;AACd;"}

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

@@ -1,24 +1,30 @@
 import * as t from "react";
-import { useKnockClient as u } from "../../core/context/KnockProvider.mjs";
+import { useKnockClient as m } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
-import { feedProviderKey as d } from "../../core/utils.mjs";
-import a from "../hooks/useNotifications.mjs";
-import { useCreateNotificationStore as f } from "../hooks/useNotificationStore.mjs";
+import "fast-deep-equal";
+import { feedProviderKey as u } from "../../core/utils.mjs";
+import k from "../hooks/useNotifications.mjs";
+import { useCreateNotificationStore as a } from "../hooks/useNotificationStore.mjs";
 const i = t.createContext(void 0), F = ({
   feedId: e,
   children: c,
   defaultFeedOptions: r = {},
   colorMode: s = "light"
 }) => {
-  const o = u(), n = a(o, e, r), m = f(n);
-  return /* @__PURE__ */ t.createElement(i.Provider, { key: d(o.userId, e, r), value: {
+  let o;
+  try {
+    o = m();
+  } catch {
+    throw new Error("KnockFeedProvider must be used within a KnockProvider.");
+  }
+  const n = k(o, e, r), d = a(n);
+  return /* @__PURE__ */ t.createElement(i.Provider, { key: u(o.userId, e, r), value: {
     knock: o,
     feedClient: n,
-    useFeedStore: m,
+    useFeedStore: d,
     colorMode: s
   } }, c);
-}, l = () => {
+}, P = () => {
   const e = t.useContext(i);
   if (!e)
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
@@ -26,6 +32,6 @@ const i = t.createContext(void 0), F = ({
 };
 export {
   F as KnockFeedProvider,
-  l as useKnockFeed
+  P as useKnockFeed
 };
 //# sourceMappingURL=KnockFeedProvider.mjs.map

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 FeedStateContext = React.createContext<\n  KnockFeedProviderState | undefined\n>(undefined);\n\nexport interface KnockFeedProviderProps {\n  // Feed props\n  feedId: string;\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  const knock = useKnockClient();\n  const feedClient = useNotifications(knock, feedId, defaultFeedOptions);\n  const useFeedStore = useCreateNotificationStore(feedClient);\n\n  return (\n    <FeedStateContext.Provider\n      key={feedProviderKey(knock.userId, feedId, defaultFeedOptions)}\n      value={{\n        knock,\n        feedClient,\n        useFeedStore,\n        colorMode,\n      }}\n    >\n      {children}\n    </FeedStateContext.Provider>\n  );\n};\n\nexport const useKnockFeed = (): KnockFeedProviderState => {\n  const context = React.useContext(FeedStateContext);\n\n  if (!context) {\n    throw new Error(\"useKnockFeed must be used within a KnockFeedProvider\");\n  }\n\n  return context;\n};\n"],"names":["FeedStateContext","React","createContext","undefined","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","useCreateNotificationStore","feedProviderKey","userId","useKnockFeed","context","useContext","Error"],"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;AAC1E,QAAMC,IAAQC,EAAe,GACvBC,IAAaC,EAAiBH,GAAOJ,GAAQE,CAAkB,GAC/DM,IAAeC,EAA2BH,CAAU;AAGxD,SAAA,gBAAAV,EAAA,cAACD,EAAiB,UAAjB,EACC,KAAKe,EAAgBN,EAAMO,QAAQX,GAAQE,CAAkB,GAC7D,OAAO;AAAA,IACLE,OAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAL,WAAAA;AAAAA,OAGDF,CACH;AAEJ,GAEaW,IAAeA,MAA8B;AAClDC,QAAAA,IAAUjB,EAAMkB,WAAWnB,CAAgB;AAEjD,MAAI,CAACkB;AACG,UAAA,IAAIE,MAAM,sDAAsD;AAGjEF,SAAAA;AACT;"}
+{"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;\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,GAAQE,CAAkB,GAC/DO,IAAeC,EAA2BH,CAAU;AAGxD,SAAA,gBAAAX,EAAA,cAACD,EAAiB,UAAjB,EACC,KAAKgB,EAAgBP,EAAMQ,QAAQZ,GAAQE,CAAkB,GAC7D,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/guide/context/KnockGuideProvider.mjs

@@ -0,0 +1,30 @@
+import { KnockGuideClient as k } from "@knocklabs/client";
+import * as t from "react";
+import { useKnockClient as f } from "../../core/context/KnockProvider.mjs";
+import a from "../../core/hooks/useStableOptions.mjs";
+import "date-fns";
+const d = t.createContext(void 0), C = ({
+  channelId: o,
+  readyToTarget: i,
+  listenForUpdates: n,
+  colorMode: u = "light",
+  targetParams: s,
+  children: m
+}) => {
+  let r;
+  try {
+    r = f();
+  } catch {
+    throw new Error("KnockGuideProvider must be used within a KnockProvider");
+  }
+  const c = a(s), e = t.useMemo(() => new k(r, o, c), [r, o, c]);
+  return t.useEffect(() => (i && (e.fetch(), n && e.subscribe()), () => e.unsubscribe()), [i, n, e]), /* @__PURE__ */ t.createElement(d.Provider, { value: {
+    client: e,
+    colorMode: u
+  } }, m);
+};
+export {
+  d as KnockGuideContext,
+  C as KnockGuideProvider
+};
+//# sourceMappingURL=KnockGuideProvider.mjs.map

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

@@ -0,0 +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};\n\nexport const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({\n  channelId,\n  readyToTarget,\n  listenForUpdates,\n  colorMode = \"light\",\n  targetParams,\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  }, [knock, channelId, stableTargetParams]);\n\n  React.useEffect(() => {\n    if (readyToTarget) {\n      knockGuideClient.fetch();\n      if (listenForUpdates) knockGuideClient.subscribe();\n    }\n    return () => knockGuideClient.unsubscribe();\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","children","knock","useKnockClient","Error","stableTargetParams","useStableOptions","knockGuideClient","useMemo","KnockGuideClient","useEffect","fetch","subscribe","unsubscribe","client"],"mappings":";;;;;AAcaA,MAAAA,IAAoBC,EAAMC,cAErCC,MAAS,GAUEC,IAA+DA,CAAC;AAAA,EAC3EC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,kBAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,cAAAA;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,EAAiBN,CAAY,GAElDO,IAAmBf,EAAMgB,QAAQ,MAC9B,IAAIC,EAAiBP,GAAON,GAAWS,CAAkB,GAC/D,CAACH,GAAON,GAAWS,CAAkB,CAAC;AAEzCb,SAAAA,EAAMkB,UAAU,OACVb,MACFU,EAAiBI,MAAM,GACnBb,OAAmCc,UAAU,IAE5C,MAAML,EAAiBM,YAAY,IACzC,CAAChB,GAAeC,GAAkBS,CAAgB,CAAC,GAGnD,gBAAAf,EAAA,cAAAD,EAAkB,UAAlB,EACC,OAAO;AAAA,IACLuB,QAAQP;AAAAA,IACRR,WAAAA;AAAAA,OAGDE,CACH;AAEJ;"}

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

@@ -0,0 +1,21 @@
+import { useStore as n } from "@tanstack/react-store";
+import { useGuideContext as c } from "./useGuideContext.mjs";
+const p = (e) => {
+  const r = c();
+  if (!e.key && !e.type)
+    throw new Error("useGuide must be used with at least one filter: either a guide key or a guide type");
+  const {
+    client: t,
+    colorMode: i
+  } = r, [o] = n(t.store, (s) => t.select(s, e)), u = o && o.steps.find((s) => !s.message.archived_at);
+  return {
+    client: t,
+    colorMode: i,
+    guide: o,
+    step: u
+  };
+};
+export {
+  p as useGuide
+};
+//# sourceMappingURL=useGuide.mjs.map

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

@@ -0,0 +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 used with at least one filter: either a guide key or a guide type\",\n    );\n  }\n\n  const { client, colorMode } = context;\n\n  const [guide] = useStore(client.store, (state) =>\n    client.select(state, filters),\n  );\n\n  const step = guide && guide.steps.find((s) => !s.message.archived_at);\n\n  return { client, colorMode, guide, step };\n};\n"],"names":["useGuide","filters","context","useGuideContext","key","type","Error","client","colorMode","guide","useStore","store","state","select","step","steps","find","s","message","archived_at"],"mappings":";;AAcaA,MAAAA,IAAWA,CAACC,MAAoD;AAC3E,QAAMC,IAAUC,EAAgB;AAEhC,MAAI,CAACF,EAAQG,OAAO,CAACH,EAAQI;AACrB,UAAA,IAAIC,MACR,oFACF;AAGI,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,EAAAA,IAAcN,GAExB,CAACO,CAAK,IAAIC,EAASH,EAAOI,OAAQC,CAAAA,MACtCL,EAAOM,OAAOD,GAAOX,CAAO,CAC9B,GAEMa,IAAOL,KAASA,EAAMM,MAAMC,KAAMC,CAAM,MAAA,CAACA,EAAEC,QAAQC,WAAW;AAE7D,SAAA;AAAA,IAAEZ,QAAAA;AAAAA,IAAQC,WAAAA;AAAAA,IAAWC,OAAAA;AAAAA,IAAOK,MAAAA;AAAAA,EAAK;AAC1C;"}

package/dist/esm/modules/guide/hooks/useGuideContext.mjs

@@ -0,0 +1,12 @@
+import * as t from "react";
+import { KnockGuideContext as o } from "../context/KnockGuideProvider.mjs";
+const n = () => {
+  const e = t.useContext(o);
+  if (!e)
+    throw new Error("useGuide must be used within a KnockGuideProvider");
+  return e;
+};
+export {
+  n as useGuideContext
+};
+//# sourceMappingURL=useGuideContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGuideContext.mjs","sources":["../../../../../src/modules/guide/hooks/useGuideContext.ts"],"sourcesContent":["import { KnockGuideClient } from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { KnockGuideContext } from \"../context\";\n\nexport interface UseGuideContextReturn {\n  client: KnockGuideClient;\n  colorMode: \"light\" | \"dark\";\n}\n\nexport const useGuideContext = (): UseGuideContextReturn => {\n  const context = React.useContext(KnockGuideContext);\n  if (!context) {\n    throw new Error(\"useGuide must be used within a KnockGuideProvider\");\n  }\n\n  return context;\n};\n"],"names":["useGuideContext","context","React","useContext","KnockGuideContext","Error"],"mappings":";;AAUO,MAAMA,IAAkBA,MAA6B;AACpDC,QAAAA,IAAUC,EAAMC,WAAWC,CAAiB;AAClD,MAAI,CAACH;AACG,UAAA,IAAII,MAAM,mDAAmD;AAG9DJ,SAAAA;AACT;"}

package/dist/esm/modules/ms-teams/context/KnockMsTeamsProvider.mjs

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { useKnockClient as l } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import { msTeamsProviderKey as v } from "../../core/utils.mjs";
 import C from "../hooks/useMsTeamsConnectionStatus.mjs";
 import "swr/infinite";

package/dist/esm/modules/ms-teams/hooks/useConnectedMsTeamsChannels.mjs

@@ -4,7 +4,7 @@ import "../../i18n/context/KnockI18nProvider.mjs";
 import { useTranslations as S } from "../../i18n/hooks/useTranslations.mjs";
 import "@knocklabs/client";
 import { useKnockClient as T } from "../../core/context/KnockProvider.mjs";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import "swr/infinite";
 import k from "swr";

package/dist/esm/modules/ms-teams/hooks/useMsTeamsAuth.mjs

@@ -3,7 +3,7 @@ import { useMemo as _, useCallback as m } from "react";
 import "../../i18n/context/KnockI18nProvider.mjs";
 import { TENANT_OBJECT_COLLECTION as k } from "@knocklabs/client";
 import { useKnockClient as d } from "../../core/context/KnockProvider.mjs";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import "swr/infinite";
 import "swr";

package/dist/esm/modules/ms-teams/hooks/useMsTeamsChannels.mjs

@@ -2,7 +2,7 @@ import f from "swr";
 import { useKnockClient as r } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
 import "react";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import { useKnockMsTeamsClient as h } from "../context/KnockMsTeamsProvider.mjs";
 const k = "MS_TEAMS_CHANNELS";

package/dist/esm/modules/ms-teams/hooks/useMsTeamsTeams.mjs

@@ -2,7 +2,7 @@ import { useMemo as C, useEffect as S } from "react";
 import g from "swr/infinite";
 import { useKnockClient as E } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import { useKnockMsTeamsClient as x } from "../context/KnockMsTeamsProvider.mjs";
 const I = 1e3, T = "MS_TEAMS_TEAMS";

package/dist/esm/modules/slack/context/KnockSlackProvider.mjs

@@ -3,7 +3,7 @@ import * as o from "react";
 import "swr/infinite";
 import { useKnockClient as S } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import { slackProviderKey as C } from "../../core/utils.mjs";
 import "swr";
 import "../../i18n/context/KnockI18nProvider.mjs";

package/dist/esm/modules/slack/hooks/useConnectedSlackChannels.mjs

@@ -5,7 +5,7 @@ import { useTranslations as g } from "../../i18n/hooks/useTranslations.mjs";
 import "swr/infinite";
 import { useKnockClient as E } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import D from "swr";
 const N = "SLACK_CONNECTED_CHANNELS";

package/dist/esm/modules/slack/hooks/useSlackAuth.mjs

@@ -4,7 +4,7 @@ import "../../i18n/context/KnockI18nProvider.mjs";
 import "swr/infinite";
 import { useKnockClient as h } from "../../core/context/KnockProvider.mjs";
 import { TENANT_OBJECT_COLLECTION as _ } from "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import "swr";
 const S = "https://slack.com/oauth/v2/authorize", u = ["chat:write", "chat:write.public", "channels:read", "groups:read"];

package/dist/esm/modules/slack/hooks/useSlackChannels.mjs

@@ -4,7 +4,7 @@ import "../../i18n/context/KnockI18nProvider.mjs";
 import I from "swr/infinite";
 import { useKnockClient as L } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
-import "zustand/shallow";
+import "fast-deep-equal";
 import "date-fns";
 import "swr";
 const N = 1e3, P = 200, g = "private_channel,public_channel", k = "SLACK_CHANNELS";

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 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';

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,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"KnockProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAqB,MAAM,YAAY,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;CACd;AAMD,MAAM,WAAW,kBAAkB;IAEjC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IAE3E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAsCzE,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,KAMjC,CAAC"}
+{"version":3,"file":"KnockProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAqB,MAAM,YAAY,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;CACd;AAID,MAAM,WAAW,kBAAkB;IAEjC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IAE3E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAsCzE,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,KAMjC,CAAC"}

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,CAAC;IAGf,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,CAmB1C,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAQ/B,CAAC"}
+{"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,CAAC;IAGf,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/guide/context/KnockGuideProvider.d.ts

@@ -0,0 +1,18 @@
+import { KnockGuideClient, KnockGuideTargetParams } from '@knocklabs/client';
+import { ColorMode } from '../../core/constants';
+import * as React from "react";
+type KnockGuideProviderValue = {
+    client: KnockGuideClient;
+    colorMode: ColorMode;
+};
+export declare const KnockGuideContext: React.Context<KnockGuideProviderValue | undefined>;
+type Props = {
+    channelId: string;
+    readyToTarget: boolean;
+    listenForUpdates?: boolean;
+    colorMode?: ColorMode;
+    targetParams?: KnockGuideTargetParams;
+};
+export declare const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=KnockGuideProvider.d.ts.map

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

@@ -0,0 +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;CACvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAwCvE,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { KnockGuideClient } from '@knocklabs/client';
+export interface UseGuideContextReturn {
+    client: KnockGuideClient;
+    colorMode: "light" | "dark";
+}
+export declare const useGuideContext: () => UseGuideContextReturn;
+//# sourceMappingURL=useGuideContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGuideContext.d.ts","sourceRoot":"","sources":["../../../../../src/modules/guide/hooks/useGuideContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAKrD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,QAAO,qBAOlC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/guide/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,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.5.2",
+  "version": "0.6.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -49,8 +49,10 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.13.1",
+    "@knocklabs/client": "^0.14.0",
+    "@tanstack/react-store": "^0.5.5",
     "date-fns": "^4.0.0",
+    "fast-deep-equal": "^3.1.3",
     "swr": "^2.3.3",
     "zustand": "^4.5.6"
   },

package/src/index.ts

@@ -1,5 +1,6 @@
 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";

package/src/modules/core/context/KnockProvider.tsx

@@ -9,9 +9,7 @@ export interface KnockProviderState {
   knock: Knock;
 }
 
-const ProviderStateContext = React.createContext<KnockProviderState | null>(
-  null,
-);
+const KnockContext = React.createContext<KnockProviderState | null>(null);
 
 export interface KnockProviderProps {
   // Knock client props
@@ -57,20 +55,20 @@ export const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({
   );
 
   return (
-    <ProviderStateContext.Provider
+    <KnockContext.Provider
       value={{
         knock,
       }}
     >
       <KnockI18nProvider i18n={i18n}>{children}</KnockI18nProvider>
-    </ProviderStateContext.Provider>
+    </KnockContext.Provider>
   );
 };
 
 export const useKnockClient = (): Knock => {
-  const context = React.useContext(ProviderStateContext) as KnockProviderState;
-  if (context === undefined) {
-    throw new Error("useKnock must be used within a KnockProvider");
+  const context = React.useContext(KnockContext);
+  if (!context) {
+    throw new Error("useKnockClient must be used within a KnockProvider");
   }
   return context.knock;
 };

package/src/modules/core/hooks/useStableOptions.ts

@@ -1,5 +1,5 @@
+import fastDeepEqual from "fast-deep-equal";
 import { useMemo, useRef } from "react";
-import { shallow } from "zustand/shallow";
 
 export default function useStableOptions<T>(options: T): T {
   const optionsRef = useRef<T>();
@@ -7,7 +7,7 @@ export default function useStableOptions<T>(options: T): T {
   return useMemo(() => {
     const currentOptions = optionsRef.current;
 
-    if (currentOptions && shallow(options, currentOptions)) {
+    if (currentOptions && fastDeepEqual(options, currentOptions)) {
       return currentOptions;
     }
 

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

@@ -20,7 +20,7 @@ export interface KnockFeedProviderState {
   colorMode: ColorMode;
 }
 
-const FeedStateContext = React.createContext<
+const KnockFeedContext = React.createContext<
   KnockFeedProviderState | undefined
 >(undefined);
 
@@ -38,12 +38,18 @@ export interface KnockFeedProviderProps {
 export const KnockFeedProvider: React.FC<
   PropsWithChildren<KnockFeedProviderProps>
 > = ({ feedId, children, defaultFeedOptions = {}, colorMode = "light" }) => {
-  const knock = useKnockClient();
+  let knock: Knock;
+  try {
+    knock = useKnockClient();
+  } catch (_) {
+    throw new Error("KnockFeedProvider must be used within a KnockProvider.");
+  }
+
   const feedClient = useNotifications(knock, feedId, defaultFeedOptions);
   const useFeedStore = useCreateNotificationStore(feedClient);
 
   return (
-    <FeedStateContext.Provider
+    <KnockFeedContext.Provider
       key={feedProviderKey(knock.userId, feedId, defaultFeedOptions)}
       value={{
         knock,
@@ -53,13 +59,12 @@ export const KnockFeedProvider: React.FC<
       }}
     >
       {children}
-    </FeedStateContext.Provider>
+    </KnockFeedContext.Provider>
   );
 };
 
 export const useKnockFeed = (): KnockFeedProviderState => {
-  const context = React.useContext(FeedStateContext);
-
+  const context = React.useContext(KnockFeedContext);
   if (!context) {
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   }

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

@@ -0,0 +1,67 @@
+import Knock, {
+  KnockGuideClient,
+  KnockGuideTargetParams,
+} from "@knocklabs/client";
+import * as React from "react";
+
+import { useKnockClient, useStableOptions } from "../../core";
+import { ColorMode } from "../../core/constants";
+
+type KnockGuideProviderValue = {
+  client: KnockGuideClient;
+  colorMode: ColorMode;
+};
+
+export const KnockGuideContext = React.createContext<
+  KnockGuideProviderValue | undefined
+>(undefined);
+
+type Props = {
+  channelId: string;
+  readyToTarget: boolean;
+  listenForUpdates?: boolean;
+  colorMode?: ColorMode;
+  targetParams?: KnockGuideTargetParams;
+};
+
+export const KnockGuideProvider: React.FC<React.PropsWithChildren<Props>> = ({
+  channelId,
+  readyToTarget,
+  listenForUpdates,
+  colorMode = "light",
+  targetParams,
+  children,
+}) => {
+  let knock: Knock;
+
+  try {
+    knock = useKnockClient();
+  } catch (_) {
+    throw new Error("KnockGuideProvider must be used within a KnockProvider");
+  }
+
+  const stableTargetParams = useStableOptions(targetParams);
+
+  const knockGuideClient = React.useMemo(() => {
+    return new KnockGuideClient(knock, channelId, stableTargetParams);
+  }, [knock, channelId, stableTargetParams]);
+
+  React.useEffect(() => {
+    if (readyToTarget) {
+      knockGuideClient.fetch();
+      if (listenForUpdates) knockGuideClient.subscribe();
+    }
+    return () => knockGuideClient.unsubscribe();
+  }, [readyToTarget, listenForUpdates, knockGuideClient]);
+
+  return (
+    <KnockGuideContext.Provider
+      value={{
+        client: knockGuideClient,
+        colorMode,
+      }}
+    >
+      {children}
+    </KnockGuideContext.Provider>
+  );
+};

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

@@ -0,0 +1 @@
+export { KnockGuideProvider, KnockGuideContext } from "./KnockGuideProvider";

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

@@ -0,0 +1 @@
+export { useGuide } from "./useGuide";

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

@@ -0,0 +1,33 @@
+import {
+  KnockGuide,
+  KnockGuideFilterParams,
+  KnockGuideStep,
+} from "@knocklabs/client";
+import { useStore } from "@tanstack/react-store";
+
+import { UseGuideContextReturn, useGuideContext } from "./useGuideContext";
+
+interface UseGuideReturn extends UseGuideContextReturn {
+  guide: KnockGuide | undefined;
+  step: KnockGuideStep | undefined;
+}
+
+export const useGuide = (filters: KnockGuideFilterParams): UseGuideReturn => {
+  const context = useGuideContext();
+
+  if (!filters.key && !filters.type) {
+    throw new Error(
+      "useGuide must be used with at least one filter: either a guide key or a guide type",
+    );
+  }
+
+  const { client, colorMode } = context;
+
+  const [guide] = useStore(client.store, (state) =>
+    client.select(state, filters),
+  );
+
+  const step = guide && guide.steps.find((s) => !s.message.archived_at);
+
+  return { client, colorMode, guide, step };
+};

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

@@ -0,0 +1,18 @@
+import { KnockGuideClient } from "@knocklabs/client";
+import * as React from "react";
+
+import { KnockGuideContext } from "../context";
+
+export interface UseGuideContextReturn {
+  client: KnockGuideClient;
+  colorMode: "light" | "dark";
+}
+
+export const useGuideContext = (): UseGuideContextReturn => {
+  const context = React.useContext(KnockGuideContext);
+  if (!context) {
+    throw new Error("useGuide must be used within a KnockGuideProvider");
+  }
+
+  return context;
+};

package/src/modules/guide/index.ts

@@ -0,0 +1,2 @@
+export * from "./context";
+export * from "./hooks";