@knocklabs/react-core 0.2.25 → 0.3.0-rc.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.3.0-rc.0
+
+### Minor Changes
+
+- f442962: feat: add in app messages client, hooks, provider, and components
+
+### Patch Changes
+
+- Updated dependencies [f442962]
+  - @knocklabs/client@0.11.0-rc.0
+
 ## 0.2.25
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./modules/core/context/KnockProvider.js"),i=require("./modules/core/hooks/useAuthenticatedKnockClient.js"),c=require("./modules/core/hooks/useStableOptions.js"),a=require("./modules/core/constants.js"),e=require("./modules/core/utils.js"),n=require("./modules/feed/context/KnockFeedProvider.js"),u=require("./modules/feed/hooks/useNotifications.js"),l=require("./modules/feed/hooks/useFeedSettings.js"),o=require("./modules/feed/hooks/useNotificationStore.js"),r=require("./modules/slack/context/KnockSlackProvider.js"),d=require("./modules/slack/hooks/useSlackConnectionStatus.js"),k=require("./modules/slack/hooks/useSlackChannels.js"),S=require("./modules/slack/hooks/useConnectedSlackChannels.js"),K=require("./modules/slack/hooks/useSlackAuth.js"),s=require("./modules/i18n/context/KnockI18nProvider.js"),C=require("./modules/i18n/hooks/useTranslations.js"),q=require("./modules/i18n/languages/index.js");exports.KnockProvider=t.KnockProvider;exports.useKnockClient=t.useKnockClient;exports.useAuthenticatedKnockClient=i;exports.useStableOptions=c;exports.FilterStatus=a.FilterStatus;exports.feedProviderKey=e.feedProviderKey;exports.formatBadgeCount=e.formatBadgeCount;exports.formatTimestamp=e.formatTimestamp;exports.renderNodeOrFallback=e.renderNodeOrFallback;exports.slackProviderKey=e.slackProviderKey;exports.toSentenceCase=e.toSentenceCase;exports.KnockFeedProvider=n.KnockFeedProvider;exports.useKnockFeed=n.useKnockFeed;exports.useNotifications=u;exports.useFeedSettings=l;exports.useCreateNotificationStore=o.useCreateNotificationStore;exports.useNotificationStore=o.default;exports.KnockSlackProvider=r.KnockSlackProvider;exports.useKnockSlackClient=r.useKnockSlackClient;exports.useSlackConnectionStatus=d;exports.useSlackChannels=k;exports.useConnectedSlackChannels=S;exports.useSlackAuth=K;exports.I18nContext=s.I18nContext;exports.KnockI18nProvider=s.KnockI18nProvider;exports.useTranslations=C.useTranslations;exports.locales=q.locales;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./modules/core/context/KnockProvider.js"),a=require("./modules/core/hooks/useAuthenticatedKnockClient.js"),u=require("./modules/core/hooks/useStableOptions.js"),l=require("./modules/core/constants.js"),e=require("./modules/core/utils.js"),s=require("./modules/feed/context/KnockFeedProvider.js"),d=require("./modules/feed/hooks/useNotifications.js"),k=require("./modules/feed/hooks/useFeedSettings.js"),o=require("./modules/feed/hooks/useNotificationStore.js"),t=require("./modules/in-app-messages/context/KnockInAppMessagesChannelProvider.js"),r=require("./modules/in-app-messages/hooks/useInAppMessages.js"),i=require("./modules/slack/context/KnockSlackProvider.js"),S=require("./modules/slack/hooks/useSlackConnectionStatus.js"),C=require("./modules/slack/hooks/useSlackChannels.js"),K=require("./modules/slack/hooks/useConnectedSlackChannels.js"),p=require("./modules/slack/hooks/useSlackAuth.js"),c=require("./modules/i18n/context/KnockI18nProvider.js"),v=require("./modules/i18n/hooks/useTranslations.js"),P=require("./modules/i18n/languages/index.js");exports.KnockProvider=n.KnockProvider;exports.useKnockClient=n.useKnockClient;exports.useAuthenticatedKnockClient=a;exports.useStableOptions=u;exports.FilterStatus=l.FilterStatus;exports.feedProviderKey=e.feedProviderKey;exports.formatBadgeCount=e.formatBadgeCount;exports.formatTimestamp=e.formatTimestamp;exports.renderNodeOrFallback=e.renderNodeOrFallback;exports.slackProviderKey=e.slackProviderKey;exports.toSentenceCase=e.toSentenceCase;exports.KnockFeedProvider=s.KnockFeedProvider;exports.useKnockFeed=s.useKnockFeed;exports.useNotifications=d;exports.useFeedSettings=k;exports.useCreateNotificationStore=o.useCreateNotificationStore;exports.useNotificationStore=o.default;exports.KnockInAppMessagesChannelProvider=t.KnockInAppMessagesChannelProvider;exports.useInAppMessagesChannel=t.useInAppMessagesChannel;exports.useInAppMessage=r.useInAppMessage;exports.useInAppMessages=r.useInAppMessages;exports.KnockSlackProvider=i.KnockSlackProvider;exports.useKnockSlackClient=i.useKnockSlackClient;exports.useSlackConnectionStatus=S;exports.useSlackChannels=C;exports.useConnectedSlackChannels=K;exports.useSlackAuth=p;exports.I18nContext=c.I18nContext;exports.KnockI18nProvider=c.KnockI18nProvider;exports.useTranslations=v.useTranslations;exports.locales=P.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("zustand/shallow");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: string;\n  userToken?: string;\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n\n  // i18n translations\n  i18n?: I18nContent;\n\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,EAkBaC,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,CAAAA,GAEF,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: string;\n  userToken?: string;\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n\n  // i18n translations\n  i18n?: I18nContent;\n\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,EAkB3DC,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,CAAAA,GAEF,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/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("zustand/shallow");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 { 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<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,iBACRC,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,CAAAA,GAGDF,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 { 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<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 (error) {\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,EAAe,eAAA,OACT,CACR,MAAA,IAAIC,MAAM,wDAAwD,CAC1E,CAEA,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,CAAAA,GAGDF,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/in-app-messages/context/KnockInAppMessagesChannelProvider.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@knocklabs/client"),p=require("react"),l=require("../../core/context/KnockProvider.js"),g=require("../../core/hooks/useStableOptions.js");require("date-fns");function d(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 s=d(p),c=s.createContext(void 0),C=({children:e,channelId:n,colorMode:t="light",defaultOptions:r})=>{let o;try{o=l.useKnockClient()}catch{throw new Error("KnockInAppMessagesChannelProvider must be used within a KnockProvider.")}const a=g(r),i=s.useMemo(()=>new u.InAppMessagesChannelClient(o,n,a),[o,n,a]);return s.createElement(c.Provider,{value:{inAppMessagesChannelClient:i,colorMode:t}},e)},h=()=>{const e=s.useContext(c);if(!e)throw new Error("useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider");return e};exports.KnockInAppMessagesChannelProvider=C;exports.useInAppMessagesChannel=h;
+//# sourceMappingURL=KnockInAppMessagesChannelProvider.js.map

package/dist/cjs/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockInAppMessagesChannelProvider.js","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"sourcesContent":["import Knock, {\n  InAppMessagesChannelClient,\n  InAppMessagesClientOptions,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\nexport interface KnockInAppMessagesChannelProviderState {\n  inAppMessagesChannelClient: InAppMessagesChannelClient;\n  colorMode: ColorMode;\n}\n\nexport interface KnockInAppMessagesChannelProviderProps {\n  // In-App Message props\n  channelId: string;\n  defaultOptions?: InAppMessagesClientOptions;\n\n  // Extra options\n  colorMode?: ColorMode;\n}\n\nconst KnockInAppMessagesContext = React.createContext<\n  KnockInAppMessagesChannelProviderState | undefined\n>(undefined);\n\nexport const KnockInAppMessagesChannelProvider: React.FC<\n  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>\n> = ({ children, channelId, colorMode = \"light\", defaultOptions }) => {\n  let knock: Knock;\n  try {\n    knock = useKnockClient();\n  } catch (error) {\n    throw new Error(\n      \"KnockInAppMessagesChannelProvider must be used within a KnockProvider.\",\n    );\n  }\n\n  const stableOptions = useStableOptions(defaultOptions);\n\n  const inAppMessagesChannelClient = React.useMemo(() => {\n    return new InAppMessagesChannelClient(knock, channelId, stableOptions);\n  }, [knock, channelId, stableOptions]);\n\n  return (\n    <KnockInAppMessagesContext.Provider\n      value={{\n        inAppMessagesChannelClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockInAppMessagesContext.Provider>\n  );\n};\n\nexport const useInAppMessagesChannel =\n  (): KnockInAppMessagesChannelProviderState => {\n    const context = React.useContext(KnockInAppMessagesContext);\n    if (!context) {\n      throw new Error(\n        \"useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider\",\n      );\n    }\n\n    return context;\n  };\n"],"names":["KnockInAppMessagesContext","React","createContext","undefined","KnockInAppMessagesChannelProvider","children","channelId","colorMode","defaultOptions","knock","useKnockClient","Error","stableOptions","useStableOptions","inAppMessagesChannelClient","useMemo","InAppMessagesChannelClient","useInAppMessagesChannel","context","useContext"],"mappings":"0kBAuBMA,EAA4BC,EAAMC,cAEtCC,MAAS,EAEEC,EAETA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,UAAAA,EAAY,QAASC,eAAAA,CAAe,IAAM,CAChEC,IAAAA,EACA,GAAA,CACFA,EAAQC,EAAe,eAAA,OACT,CACR,MAAA,IAAIC,MACR,wEACF,CACF,CAEMC,MAAAA,EAAgBC,EAAiBL,CAAc,EAE/CM,EAA6Bb,EAAMc,QAAQ,IACxC,IAAIC,EAAAA,2BAA2BP,EAAOH,EAAWM,CAAa,EACpE,CAACH,EAAOH,EAAWM,CAAa,CAAC,EAEpC,OACGX,EAAA,cAAAD,EAA0B,SAA1B,CACC,MAAO,CACLc,2BAAAA,EACAP,UAAAA,CAAAA,GAGDF,CACH,CAEJ,EAEaY,EACXA,IAA8C,CACtCC,MAAAA,EAAUjB,EAAMkB,WAAWnB,CAAyB,EAC1D,GAAI,CAACkB,EACG,MAAA,IAAIP,MACR,iFACF,EAGKO,OAAAA,CACT"}

package/dist/cjs/modules/in-app-messages/hooks/useInAppMessages.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@knocklabs/client"),l=require("@tanstack/react-store"),o=require("react");require("../../core/context/KnockProvider.js");const M=require("../../core/hooks/useStableOptions.js");require("date-fns");const A=require("../context/KnockInAppMessagesChannelProvider.js"),u=(n,r={})=>{const{inAppMessagesChannelClient:e}=A.useInAppMessagesChannel(),t=M(r),s=o.useMemo(()=>new g.InAppMessagesClient(e,n,t),[e,n,t]),{messages:a,networkStatus:c,loading:i}=l.useStore(e.store,p=>s.getQueryInfoSelector(p));return o.useEffect(()=>(s.subscribe(),s.fetch(),()=>{s.unsubscribe()}),[]),{messages:a,networkStatus:c,loading:i,inAppMessagesClient:s}},b=(n,r={})=>{const{messages:e,...t}=u(n,{...r,page_size:1});return{message:e[0],...t}};exports.useInAppMessage=b;exports.useInAppMessages=u;
+//# sourceMappingURL=useInAppMessages.js.map

package/dist/cjs/modules/in-app-messages/hooks/useInAppMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInAppMessages.js","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"sourcesContent":["import {\n  InAppMessage,\n  InAppMessagesClient,\n  InAppMessagesClientOptions,\n  NetworkStatus,\n} from \"@knocklabs/client\";\nimport { GenericData } from \"@knocklabs/types\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\nimport { useInAppMessagesChannel } from \"../context\";\n\nexport interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}\n\nexport interface UseInAppMessagesResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> {\n  messages: InAppMessage<TContent, TData>[];\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessages = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessagesOptions = {},\n): UseInAppMessagesResponse<TContent, TData> => {\n  const { inAppMessagesChannelClient } = useInAppMessagesChannel();\n\n  const stableOptions = useStableOptions(options);\n\n  const inAppMessagesClient = useMemo(() => {\n    return new InAppMessagesClient(\n      inAppMessagesChannelClient,\n      messageType,\n      stableOptions,\n    );\n  }, [inAppMessagesChannelClient, messageType, stableOptions]);\n\n  const { messages, networkStatus, loading } = useStore(\n    inAppMessagesChannelClient.store,\n    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),\n  );\n\n  useEffect(() => {\n    inAppMessagesClient.subscribe();\n    inAppMessagesClient.fetch();\n\n    return () => {\n      inAppMessagesClient.unsubscribe();\n    };\n    // Run only once at mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { messages, networkStatus, loading, inAppMessagesClient };\n};\n\nexport type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, \"page_size\">;\n\nexport interface UseInAppMessageResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> extends GenericData {\n  message?: InAppMessage<TContent, TData>;\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessage = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessageOptions = {},\n): UseInAppMessageResponse<TContent, TData> => {\n  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {\n    ...options,\n    page_size: 1,\n  });\n\n  return { message: messages[0], ...rest };\n};\n"],"names":["useInAppMessages","messageType","options","inAppMessagesChannelClient","useInAppMessagesChannel","stableOptions","useStableOptions","inAppMessagesClient","useMemo","InAppMessagesClient","messages","networkStatus","loading","useStore","store","getQueryInfoSelector","state","useEffect","subscribe","fetch","unsubscribe","useInAppMessage","rest","page_size","message"],"mappings":"yWAyBaA,EAAmB,CAI9BC,EACAC,EAAmC,KACW,CACxC,KAAA,CAAEC,2BAAAA,GAA+BC,EAAwB,wBAAA,EAEzDC,EAAgBC,EAAiBJ,CAAO,EAExCK,EAAsBC,EAAAA,QAAQ,IAC3B,IAAIC,EAAAA,oBACTN,EACAF,EACAI,CACF,EACC,CAACF,EAA4BF,EAAaI,CAAa,CAAC,EAErD,CAAEK,SAAAA,EAAUC,cAAAA,EAAeC,QAAAA,CAAAA,EAAYC,WAC3CV,EAA2BW,SAChBP,EAAoBQ,qBAAsCC,CAAK,CAC5E,EAEAC,OAAAA,EAAAA,UAAU,KACRV,EAAoBW,UAAU,EAC9BX,EAAoBY,MAAM,EAEnB,IAAM,CACXZ,EAAoBa,YAAY,CAAA,GAIjC,CAAE,CAAA,EAEE,CAAEV,SAAAA,EAAUC,cAAAA,EAAeC,QAAAA,EAASL,oBAAAA,CAAAA,CAC7C,EAcac,EAAkB,CAI7BpB,EACAC,EAAkC,KACW,CACvC,KAAA,CAAEQ,SAAAA,EAAU,GAAGY,CAAAA,EAAStB,EAAkCC,EAAa,CAC3E,GAAGC,EACHqB,UAAW,CAAA,CACZ,EAEM,MAAA,CAAEC,QAASd,EAAS,CAAC,EAAG,GAAGY,CAAAA,CACpC"}

package/dist/esm/index.mjs

@@ -1,47 +1,53 @@
 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 f } from "./modules/core/hooks/useStableOptions.mjs";
-import { FilterStatus as u } from "./modules/core/constants.mjs";
-import { feedProviderKey as c, formatBadgeCount as d, formatTimestamp as m, renderNodeOrFallback as p, slackProviderKey as x, toSentenceCase as k } from "./modules/core/utils.mjs";
-import { KnockFeedProvider as C, useKnockFeed as K } from "./modules/feed/context/KnockFeedProvider.mjs";
+import { FilterStatus as l } from "./modules/core/constants.mjs";
+import { feedProviderKey as i, formatBadgeCount as c, formatTimestamp as d, renderNodeOrFallback as m, slackProviderKey as x, toSentenceCase as k } from "./modules/core/utils.mjs";
+import { KnockFeedProvider as S, useKnockFeed as K } from "./modules/feed/context/KnockFeedProvider.mjs";
 import { default as P } from "./modules/feed/hooks/useNotifications.mjs";
 import { default as h } from "./modules/feed/hooks/useFeedSettings.mjs";
-import { useCreateNotificationStore as b, default as g } from "./modules/feed/hooks/useNotificationStore.mjs";
-import { KnockSlackProvider as A, useKnockSlackClient as I } from "./modules/slack/context/KnockSlackProvider.mjs";
-import { default as T } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
-import { default as j } from "./modules/slack/hooks/useSlackChannels.mjs";
-import { default as w } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
-import { default as D } from "./modules/slack/hooks/useSlackAuth.mjs";
-import { I18nContext as G, KnockI18nProvider as H } from "./modules/i18n/context/KnockI18nProvider.mjs";
-import { useTranslations as L } from "./modules/i18n/hooks/useTranslations.mjs";
-import { locales as Q } from "./modules/i18n/languages/index.mjs";
+import { useCreateNotificationStore as I, default as F } from "./modules/feed/hooks/useNotificationStore.mjs";
+import { KnockInAppMessagesChannelProvider as N, useInAppMessagesChannel as b } from "./modules/in-app-messages/context/KnockInAppMessagesChannelProvider.mjs";
+import { useInAppMessage as O, useInAppMessages as T } from "./modules/in-app-messages/hooks/useInAppMessages.mjs";
+import { KnockSlackProvider as j, useKnockSlackClient as q } from "./modules/slack/context/KnockSlackProvider.mjs";
+import { default as z } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
+import { default as E } from "./modules/slack/hooks/useSlackChannels.mjs";
+import { default as H } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
+import { default as L } from "./modules/slack/hooks/useSlackAuth.mjs";
+import { I18nContext as R, KnockI18nProvider as U } from "./modules/i18n/context/KnockI18nProvider.mjs";
+import { useTranslations as W } from "./modules/i18n/hooks/useTranslations.mjs";
+import { locales as Y } from "./modules/i18n/languages/index.mjs";
 export {
-  u as FilterStatus,
-  G as I18nContext,
-  C as KnockFeedProvider,
-  H as KnockI18nProvider,
+  l as FilterStatus,
+  R as I18nContext,
+  S as KnockFeedProvider,
+  U as KnockI18nProvider,
+  N as KnockInAppMessagesChannelProvider,
   t as KnockProvider,
-  A as KnockSlackProvider,
-  c as feedProviderKey,
-  d as formatBadgeCount,
-  m as formatTimestamp,
-  Q as locales,
-  p as renderNodeOrFallback,
+  j as KnockSlackProvider,
+  i as feedProviderKey,
+  c as formatBadgeCount,
+  d as formatTimestamp,
+  Y as locales,
+  m as renderNodeOrFallback,
   x as slackProviderKey,
   k as toSentenceCase,
   s as useAuthenticatedKnockClient,
-  w as useConnectedSlackChannels,
-  b as useCreateNotificationStore,
+  H as useConnectedSlackChannels,
+  I as useCreateNotificationStore,
   h as useFeedSettings,
+  O as useInAppMessage,
+  T as useInAppMessages,
+  b as useInAppMessagesChannel,
   r as useKnockClient,
   K as useKnockFeed,
-  I as useKnockSlackClient,
-  g as useNotificationStore,
+  q as useKnockSlackClient,
+  F as useNotificationStore,
   P as useNotifications,
-  D as useSlackAuth,
-  j as useSlackChannels,
-  T as useSlackConnectionStatus,
+  L as useSlackAuth,
+  E as useSlackChannels,
+  z as useSlackConnectionStatus,
   f as useStableOptions,
-  L as useTranslations
+  W 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 { KnockI18nProvider as d } from "../../i18n/context/KnockI18nProvider.mjs";
+import l from "../hooks/useAuthenticatedKnockClient.mjs";
 import "zustand/shallow";
-const i = t.createContext(null), p = ({
+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: string;\n  userToken?: string;\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n\n  // i18n translations\n  i18n?: I18nContent;\n\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,GAkBaC,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,EAAAA,IAEF,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: string;\n  userToken?: string;\n  onUserTokenExpiring?: AuthenticateOptions[\"onUserTokenExpiring\"];\n  timeBeforeExpirationInMs?: AuthenticateOptions[\"timeBeforeExpirationInMs\"];\n\n  // i18n translations\n  i18n?: I18nContent;\n\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,GAkB3DC,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,EAAAA,IAEF,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/feed/context/KnockFeedProvider.mjs

@@ -1,31 +1,37 @@
-import * as t from "react";
-import { useKnockClient as u } from "../../core/context/KnockProvider.mjs";
+import * as r from "react";
+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";
-const i = t.createContext(void 0), F = ({
+import { feedProviderKey as u } from "../../core/utils.mjs";
+import k from "../hooks/useNotifications.mjs";
+import { useCreateNotificationStore as a } from "../hooks/useNotificationStore.mjs";
+const i = r.createContext(void 0), F = ({
   feedId: e,
   children: c,
-  defaultFeedOptions: r = {},
+  defaultFeedOptions: t = {},
   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, t), d = a(n);
+  return /* @__PURE__ */ r.createElement(i.Provider, { key: u(o.userId, e, t), value: {
     knock: o,
     feedClient: n,
-    useFeedStore: m,
+    useFeedStore: d,
     colorMode: s
   } }, c);
-}, l = () => {
-  const e = t.useContext(i);
+}, P = () => {
+  const e = r.useContext(i);
   if (!e)
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   return e;
 };
 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 { 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<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,KACRC,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,EAAAA,KAGDF,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 { 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<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 (error) {\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,UACT;AACR,UAAA,IAAIC,MAAM,wDAAwD;AAAA,EAC1E;AAEA,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,EAAAA,KAGDF,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/in-app-messages/context/KnockInAppMessagesChannelProvider.mjs

@@ -0,0 +1,33 @@
+import { InAppMessagesChannelClient as c } from "@knocklabs/client";
+import * as n from "react";
+import { useKnockClient as l } from "../../core/context/KnockProvider.mjs";
+import u from "../../core/hooks/useStableOptions.mjs";
+import "date-fns";
+const r = n.createContext(void 0), k = ({
+  children: e,
+  channelId: t,
+  colorMode: a = "light",
+  defaultOptions: p
+}) => {
+  let s;
+  try {
+    s = l();
+  } catch {
+    throw new Error("KnockInAppMessagesChannelProvider must be used within a KnockProvider.");
+  }
+  const o = u(p), i = n.useMemo(() => new c(s, t, o), [s, t, o]);
+  return /* @__PURE__ */ n.createElement(r.Provider, { value: {
+    inAppMessagesChannelClient: i,
+    colorMode: a
+  } }, e);
+}, A = () => {
+  const e = n.useContext(r);
+  if (!e)
+    throw new Error("useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider");
+  return e;
+};
+export {
+  k as KnockInAppMessagesChannelProvider,
+  A as useInAppMessagesChannel
+};
+//# sourceMappingURL=KnockInAppMessagesChannelProvider.mjs.map

package/dist/esm/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockInAppMessagesChannelProvider.mjs","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"sourcesContent":["import Knock, {\n  InAppMessagesChannelClient,\n  InAppMessagesClientOptions,\n} from \"@knocklabs/client\";\nimport * as React from \"react\";\n\nimport { useKnockClient, useStableOptions } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\n\nexport interface KnockInAppMessagesChannelProviderState {\n  inAppMessagesChannelClient: InAppMessagesChannelClient;\n  colorMode: ColorMode;\n}\n\nexport interface KnockInAppMessagesChannelProviderProps {\n  // In-App Message props\n  channelId: string;\n  defaultOptions?: InAppMessagesClientOptions;\n\n  // Extra options\n  colorMode?: ColorMode;\n}\n\nconst KnockInAppMessagesContext = React.createContext<\n  KnockInAppMessagesChannelProviderState | undefined\n>(undefined);\n\nexport const KnockInAppMessagesChannelProvider: React.FC<\n  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>\n> = ({ children, channelId, colorMode = \"light\", defaultOptions }) => {\n  let knock: Knock;\n  try {\n    knock = useKnockClient();\n  } catch (error) {\n    throw new Error(\n      \"KnockInAppMessagesChannelProvider must be used within a KnockProvider.\",\n    );\n  }\n\n  const stableOptions = useStableOptions(defaultOptions);\n\n  const inAppMessagesChannelClient = React.useMemo(() => {\n    return new InAppMessagesChannelClient(knock, channelId, stableOptions);\n  }, [knock, channelId, stableOptions]);\n\n  return (\n    <KnockInAppMessagesContext.Provider\n      value={{\n        inAppMessagesChannelClient,\n        colorMode,\n      }}\n    >\n      {children}\n    </KnockInAppMessagesContext.Provider>\n  );\n};\n\nexport const useInAppMessagesChannel =\n  (): KnockInAppMessagesChannelProviderState => {\n    const context = React.useContext(KnockInAppMessagesContext);\n    if (!context) {\n      throw new Error(\n        \"useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider\",\n      );\n    }\n\n    return context;\n  };\n"],"names":["KnockInAppMessagesContext","React","createContext","undefined","KnockInAppMessagesChannelProvider","children","channelId","colorMode","defaultOptions","knock","useKnockClient","Error","stableOptions","useStableOptions","inAppMessagesChannelClient","useMemo","InAppMessagesChannelClient","useInAppMessagesChannel","context","useContext"],"mappings":";;;;;AAuBA,MAAMA,IAA4BC,EAAMC,cAEtCC,MAAS,GAEEC,IAETA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,WAAAA,IAAY;AAAA,EAASC,gBAAAA;AAAe,MAAM;AAChEC,MAAAA;AACA,MAAA;AACFA,IAAAA,IAAQC,EAAe;AAAA,UACT;AACR,UAAA,IAAIC,MACR,wEACF;AAAA,EACF;AAEMC,QAAAA,IAAgBC,EAAiBL,CAAc,GAE/CM,IAA6Bb,EAAMc,QAAQ,MACxC,IAAIC,EAA2BP,GAAOH,GAAWM,CAAa,GACpE,CAACH,GAAOH,GAAWM,CAAa,CAAC;AAEpC,SACG,gBAAAX,EAAA,cAAAD,EAA0B,UAA1B,EACC,OAAO;AAAA,IACLc,4BAAAA;AAAAA,IACAP,WAAAA;AAAAA,EAAAA,KAGDF,CACH;AAEJ,GAEaY,IACXA,MAA8C;AACtCC,QAAAA,IAAUjB,EAAMkB,WAAWnB,CAAyB;AAC1D,MAAI,CAACkB;AACG,UAAA,IAAIP,MACR,iFACF;AAGKO,SAAAA;AACT;"}

package/dist/esm/modules/in-app-messages/hooks/useInAppMessages.mjs

@@ -0,0 +1,41 @@
+import { InAppMessagesClient as a } from "@knocklabs/client";
+import { useStore as m } from "@tanstack/react-store";
+import { useMemo as c, useEffect as g } from "react";
+import "../../core/context/KnockProvider.mjs";
+import f from "../../core/hooks/useStableOptions.mjs";
+import "date-fns";
+import { useInAppMessagesChannel as l } from "../context/KnockInAppMessagesChannelProvider.mjs";
+const M = (t, o = {}) => {
+  const {
+    inAppMessagesChannelClient: e
+  } = l(), n = f(o), s = c(() => new a(e, t, n), [e, t, n]), {
+    messages: r,
+    networkStatus: p,
+    loading: i
+  } = m(e.store, (u) => s.getQueryInfoSelector(u));
+  return g(() => (s.subscribe(), s.fetch(), () => {
+    s.unsubscribe();
+  }), []), {
+    messages: r,
+    networkStatus: p,
+    loading: i,
+    inAppMessagesClient: s
+  };
+}, O = (t, o = {}) => {
+  const {
+    messages: e,
+    ...n
+  } = M(t, {
+    ...o,
+    page_size: 1
+  });
+  return {
+    message: e[0],
+    ...n
+  };
+};
+export {
+  O as useInAppMessage,
+  M as useInAppMessages
+};
+//# sourceMappingURL=useInAppMessages.mjs.map

package/dist/esm/modules/in-app-messages/hooks/useInAppMessages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInAppMessages.mjs","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"sourcesContent":["import {\n  InAppMessage,\n  InAppMessagesClient,\n  InAppMessagesClientOptions,\n  NetworkStatus,\n} from \"@knocklabs/client\";\nimport { GenericData } from \"@knocklabs/types\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\nimport { useInAppMessagesChannel } from \"../context\";\n\nexport interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}\n\nexport interface UseInAppMessagesResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> {\n  messages: InAppMessage<TContent, TData>[];\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessages = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessagesOptions = {},\n): UseInAppMessagesResponse<TContent, TData> => {\n  const { inAppMessagesChannelClient } = useInAppMessagesChannel();\n\n  const stableOptions = useStableOptions(options);\n\n  const inAppMessagesClient = useMemo(() => {\n    return new InAppMessagesClient(\n      inAppMessagesChannelClient,\n      messageType,\n      stableOptions,\n    );\n  }, [inAppMessagesChannelClient, messageType, stableOptions]);\n\n  const { messages, networkStatus, loading } = useStore(\n    inAppMessagesChannelClient.store,\n    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),\n  );\n\n  useEffect(() => {\n    inAppMessagesClient.subscribe();\n    inAppMessagesClient.fetch();\n\n    return () => {\n      inAppMessagesClient.unsubscribe();\n    };\n    // Run only once at mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { messages, networkStatus, loading, inAppMessagesClient };\n};\n\nexport type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, \"page_size\">;\n\nexport interface UseInAppMessageResponse<\n  TContent extends GenericData,\n  TData extends GenericData,\n> extends GenericData {\n  message?: InAppMessage<TContent, TData>;\n  networkStatus: NetworkStatus;\n  loading: boolean;\n  inAppMessagesClient: InAppMessagesClient;\n}\n\nexport const useInAppMessage = <\n  TContent extends GenericData = GenericData,\n  TData extends GenericData = GenericData,\n>(\n  messageType: string,\n  options: UseInAppMessageOptions = {},\n): UseInAppMessageResponse<TContent, TData> => {\n  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {\n    ...options,\n    page_size: 1,\n  });\n\n  return { message: messages[0], ...rest };\n};\n"],"names":["useInAppMessages","messageType","options","inAppMessagesChannelClient","useInAppMessagesChannel","stableOptions","useStableOptions","inAppMessagesClient","useMemo","InAppMessagesClient","messages","networkStatus","loading","useStore","store","state","getQueryInfoSelector","useEffect","subscribe","fetch","unsubscribe","useInAppMessage","rest","page_size","message"],"mappings":";;;;;;;AAyBO,MAAMA,IAAmB,CAI9BC,GACAC,IAAmC,OACW;AACxC,QAAA;AAAA,IAAEC,4BAAAA;AAAAA,MAA+BC,EAAwB,GAEzDC,IAAgBC,EAAiBJ,CAAO,GAExCK,IAAsBC,EAAQ,MAC3B,IAAIC,EACTN,GACAF,GACAI,CACF,GACC,CAACF,GAA4BF,GAAaI,CAAa,CAAC,GAErD;AAAA,IAAEK,UAAAA;AAAAA,IAAUC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,EAAAA,IAAYC,EAC3CV,EAA2BW,OAC1BC,OAAUR,EAAoBS,qBAAsCD,CAAK,CAC5E;AAEAE,SAAAA,EAAU,OACRV,EAAoBW,UAAU,GAC9BX,EAAoBY,MAAM,GAEnB,MAAM;AACXZ,IAAAA,EAAoBa,YAAY;AAAA,EAAA,IAIjC,CAAE,CAAA,GAEE;AAAA,IAAEV,UAAAA;AAAAA,IAAUC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASL,qBAAAA;AAAAA,EAAAA;AAC7C,GAcac,IAAkB,CAI7BpB,GACAC,IAAkC,OACW;AACvC,QAAA;AAAA,IAAEQ,UAAAA;AAAAA,IAAU,GAAGY;AAAAA,EAAAA,IAAStB,EAAkCC,GAAa;AAAA,IAC3E,GAAGC;AAAAA,IACHqB,WAAW;AAAA,EAAA,CACZ;AAEM,SAAA;AAAA,IAAEC,SAASd,EAAS,CAAC;AAAA,IAAG,GAAGY;AAAAA,EAAAA;AACpC;"}

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './modules/core';
 export * from './modules/feed';
+export * from './modules/in-app-messages';
 export * from './modules/slack';
 export * from './modules/i18n';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,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,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,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,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IAG3E,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,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,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IAG3E,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,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,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,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,cAAc,CAAC,CAAC;IAC5C,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,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,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,cAAc,CAAC,CAAC;IAC5C,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/in-app-messages/context/KnockInAppMessagesChannelProvider.d.ts

@@ -0,0 +1,16 @@
+import { InAppMessagesChannelClient, InAppMessagesClientOptions } from '@knocklabs/client';
+import { ColorMode } from '../../core/constants';
+
+import * as React from "react";
+export interface KnockInAppMessagesChannelProviderState {
+    inAppMessagesChannelClient: InAppMessagesChannelClient;
+    colorMode: ColorMode;
+}
+export interface KnockInAppMessagesChannelProviderProps {
+    channelId: string;
+    defaultOptions?: InAppMessagesClientOptions;
+    colorMode?: ColorMode;
+}
+export declare const KnockInAppMessagesChannelProvider: React.FC<React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>>;
+export declare const useInAppMessagesChannel: () => KnockInAppMessagesChannelProviderState;
+//# sourceMappingURL=KnockInAppMessagesChannelProvider.d.ts.map

package/dist/types/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockInAppMessagesChannelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,WAAW,sCAAsC;IACrD,0BAA0B,EAAE,0BAA0B,CAAC;IACvD,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sCAAsC;IAErD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAG5C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAMD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,sCAAsC,CAAC,CA2BhE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAC9B,sCASH,CAAC"}

package/dist/types/modules/in-app-messages/context/index.d.ts

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

package/dist/types/modules/in-app-messages/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/dist/types/modules/in-app-messages/hooks/index.d.ts

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

package/dist/types/modules/in-app-messages/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/types/modules/in-app-messages/hooks/useInAppMessages.d.ts

@@ -0,0 +1,21 @@
+import { InAppMessage, InAppMessagesClient, InAppMessagesClientOptions, NetworkStatus } from '@knocklabs/client';
+import { GenericData } from '@knocklabs/types';
+
+export interface UseInAppMessagesOptions extends InAppMessagesClientOptions {
+}
+export interface UseInAppMessagesResponse<TContent extends GenericData, TData extends GenericData> {
+    messages: InAppMessage<TContent, TData>[];
+    networkStatus: NetworkStatus;
+    loading: boolean;
+    inAppMessagesClient: InAppMessagesClient;
+}
+export declare const useInAppMessages: <TContent extends GenericData = GenericData, TData extends GenericData = GenericData>(messageType: string, options?: UseInAppMessagesOptions) => UseInAppMessagesResponse<TContent, TData>;
+export type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, "page_size">;
+export interface UseInAppMessageResponse<TContent extends GenericData, TData extends GenericData> extends GenericData {
+    message?: InAppMessage<TContent, TData>;
+    networkStatus: NetworkStatus;
+    loading: boolean;
+    inAppMessagesClient: InAppMessagesClient;
+}
+export declare const useInAppMessage: <TContent extends GenericData = GenericData, TData extends GenericData = GenericData>(messageType: string, options?: UseInAppMessageOptions) => UseInAppMessageResponse<TContent, TData>;
+//# sourceMappingURL=useInAppMessages.d.ts.map

package/dist/types/modules/in-app-messages/hooks/useInAppMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInAppMessages.d.ts","sourceRoot":"","sources":["../../../../../src/modules/in-app-messages/hooks/useInAppMessages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,0BAA0B,EAC1B,aAAa,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C,MAAM,WAAW,uBAAwB,SAAQ,0BAA0B;CAAG;AAE9E,MAAM,WAAW,wBAAwB,CACvC,QAAQ,SAAS,WAAW,EAC5B,KAAK,SAAS,WAAW;IAEzB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,WAAW,gBAC5B,KAAK,SAAS,WAAW,6BAEZ,MAAM,YACV,uBAAuB,KAC/B,wBAAwB,CAAC,QAAQ,EAAE,KAAK,CA8B1C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAC;AAEhF,MAAM,WAAW,uBAAuB,CACtC,QAAQ,SAAS,WAAW,EAC5B,KAAK,SAAS,WAAW,CACzB,SAAQ,WAAW;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,GAC1B,QAAQ,SAAS,WAAW,gBAC5B,KAAK,SAAS,WAAW,6BAEZ,MAAM,YACV,sBAAsB,KAC9B,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAOzC,CAAC"}

package/dist/types/modules/in-app-messages/index.d.ts

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

package/dist/types/modules/in-app-messages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/in-app-messages/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.2.25",
+  "version": "0.3.0-rc.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -49,7 +49,8 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.10.13",
+    "@knocklabs/client": "^0.11.0-rc.0",
+    "@tanstack/react-store": "^0.5.5",
     "date-fns": "^4.0.0",
     "swr": "^2.2.5",
     "zustand": "^3.7.2"
@@ -58,7 +59,7 @@
     "@testing-library/react": "^14.2.0",
     "@types/react": "^18.3.6",
     "@typescript-eslint/eslint-plugin": "^6.20.0",
-    "@typescript-eslint/parser": "^8.8.0",
+    "@typescript-eslint/parser": "^8.8.1",
     "@vitejs/plugin-react": "^4.3.2",
     "babel-plugin-react-require": "^4.0.3",
     "eslint": "^8.56.0",

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from "./modules/core";
 export * from "./modules/feed";
+export * from "./modules/in-app-messages";
 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
@@ -59,20 +57,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/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 (error) {
+    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/in-app-messages/context/KnockInAppMessagesChannelProvider.tsx

@@ -0,0 +1,68 @@
+import Knock, {
+  InAppMessagesChannelClient,
+  InAppMessagesClientOptions,
+} from "@knocklabs/client";
+import * as React from "react";
+
+import { useKnockClient, useStableOptions } from "../../core";
+import { ColorMode } from "../../core/constants";
+
+export interface KnockInAppMessagesChannelProviderState {
+  inAppMessagesChannelClient: InAppMessagesChannelClient;
+  colorMode: ColorMode;
+}
+
+export interface KnockInAppMessagesChannelProviderProps {
+  // In-App Message props
+  channelId: string;
+  defaultOptions?: InAppMessagesClientOptions;
+
+  // Extra options
+  colorMode?: ColorMode;
+}
+
+const KnockInAppMessagesContext = React.createContext<
+  KnockInAppMessagesChannelProviderState | undefined
+>(undefined);
+
+export const KnockInAppMessagesChannelProvider: React.FC<
+  React.PropsWithChildren<KnockInAppMessagesChannelProviderProps>
+> = ({ children, channelId, colorMode = "light", defaultOptions }) => {
+  let knock: Knock;
+  try {
+    knock = useKnockClient();
+  } catch (error) {
+    throw new Error(
+      "KnockInAppMessagesChannelProvider must be used within a KnockProvider.",
+    );
+  }
+
+  const stableOptions = useStableOptions(defaultOptions);
+
+  const inAppMessagesChannelClient = React.useMemo(() => {
+    return new InAppMessagesChannelClient(knock, channelId, stableOptions);
+  }, [knock, channelId, stableOptions]);
+
+  return (
+    <KnockInAppMessagesContext.Provider
+      value={{
+        inAppMessagesChannelClient,
+        colorMode,
+      }}
+    >
+      {children}
+    </KnockInAppMessagesContext.Provider>
+  );
+};
+
+export const useInAppMessagesChannel =
+  (): KnockInAppMessagesChannelProviderState => {
+    const context = React.useContext(KnockInAppMessagesContext);
+    if (!context) {
+      throw new Error(
+        "useInAppMessagesChannel must be used within a KnockInAppMessagesChannelProvider",
+      );
+    }
+
+    return context;
+  };

package/src/modules/in-app-messages/context/index.ts

@@ -0,0 +1 @@
+export * from "./KnockInAppMessagesChannelProvider";

package/src/modules/in-app-messages/hooks/index.ts

@@ -0,0 +1 @@
+export * from "./useInAppMessages";

package/src/modules/in-app-messages/hooks/useInAppMessages.ts

@@ -0,0 +1,89 @@
+import {
+  InAppMessage,
+  InAppMessagesClient,
+  InAppMessagesClientOptions,
+  NetworkStatus,
+} from "@knocklabs/client";
+import { GenericData } from "@knocklabs/types";
+import { useStore } from "@tanstack/react-store";
+import { useEffect, useMemo } from "react";
+
+import { useStableOptions } from "../../core";
+import { useInAppMessagesChannel } from "../context";
+
+export interface UseInAppMessagesOptions extends InAppMessagesClientOptions {}
+
+export interface UseInAppMessagesResponse<
+  TContent extends GenericData,
+  TData extends GenericData,
+> {
+  messages: InAppMessage<TContent, TData>[];
+  networkStatus: NetworkStatus;
+  loading: boolean;
+  inAppMessagesClient: InAppMessagesClient;
+}
+
+export const useInAppMessages = <
+  TContent extends GenericData = GenericData,
+  TData extends GenericData = GenericData,
+>(
+  messageType: string,
+  options: UseInAppMessagesOptions = {},
+): UseInAppMessagesResponse<TContent, TData> => {
+  const { inAppMessagesChannelClient } = useInAppMessagesChannel();
+
+  const stableOptions = useStableOptions(options);
+
+  const inAppMessagesClient = useMemo(() => {
+    return new InAppMessagesClient(
+      inAppMessagesChannelClient,
+      messageType,
+      stableOptions,
+    );
+  }, [inAppMessagesChannelClient, messageType, stableOptions]);
+
+  const { messages, networkStatus, loading } = useStore(
+    inAppMessagesChannelClient.store,
+    (state) => inAppMessagesClient.getQueryInfoSelector<TContent, TData>(state),
+  );
+
+  useEffect(() => {
+    inAppMessagesClient.subscribe();
+    inAppMessagesClient.fetch();
+
+    return () => {
+      inAppMessagesClient.unsubscribe();
+    };
+    // Run only once at mount.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return { messages, networkStatus, loading, inAppMessagesClient };
+};
+
+export type UseInAppMessageOptions = Omit<UseInAppMessagesOptions, "page_size">;
+
+export interface UseInAppMessageResponse<
+  TContent extends GenericData,
+  TData extends GenericData,
+> extends GenericData {
+  message?: InAppMessage<TContent, TData>;
+  networkStatus: NetworkStatus;
+  loading: boolean;
+  inAppMessagesClient: InAppMessagesClient;
+}
+
+export const useInAppMessage = <
+  TContent extends GenericData = GenericData,
+  TData extends GenericData = GenericData,
+>(
+  messageType: string,
+  options: UseInAppMessageOptions = {},
+): UseInAppMessageResponse<TContent, TData> => {
+  const { messages, ...rest } = useInAppMessages<TContent, TData>(messageType, {
+    ...options,
+    page_size: 1,
+  });
+
+  return { message: messages[0], ...rest };
+};

package/src/modules/in-app-messages/index.ts

@@ -0,0 +1,3 @@
+export * from "./context";
+export * from "./hooks";
+// TODO: Double check exports are exporting only necessary values