@knocklabs/react-core 0.2.17 → 0.2.18

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.2.18
+
+### Patch Changes
+
+- 29e3942: fix: introduce new useNotificationStore hook to prevent issues that prevent state updates
+- Updated dependencies [29e3942]
+  - @knocklabs/client@0.10.8
+
 ## 0.2.17
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./modules/core/context/KnockProvider.js"),s=require("./modules/core/hooks/useAuthenticatedKnockClient.js"),c=require("./modules/core/constants.js"),e=require("./modules/core/utils.js"),o=require("./modules/feed/context/KnockFeedProvider.js"),i=require("./modules/feed/hooks/useNotifications.js"),a=require("./modules/feed/hooks/useFeedSettings.js"),r=require("./modules/slack/context/KnockSlackProvider.js"),u=require("./modules/slack/hooks/useSlackConnectionStatus.js"),l=require("./modules/slack/hooks/useSlackChannels.js"),d=require("./modules/slack/hooks/useConnectedSlackChannels.js"),k=require("./modules/slack/hooks/useSlackAuth.js"),t=require("./modules/i18n/context/KnockI18nProvider.js"),K=require("./modules/i18n/hooks/useTranslations.js"),S=require("./modules/i18n/languages/index.js");exports.KnockProvider=n.KnockProvider;exports.useKnockClient=n.useKnockClient;exports.useAuthenticatedKnockClient=s;exports.FilterStatus=c.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=o.KnockFeedProvider;exports.useKnockFeed=o.useKnockFeed;exports.useNotifications=i;exports.useFeedSettings=a;exports.KnockSlackProvider=r.KnockSlackProvider;exports.useKnockSlackClient=r.useKnockSlackClient;exports.useSlackConnectionStatus=u;exports.useSlackChannels=l;exports.useConnectedSlackChannels=d;exports.useSlackAuth=k;exports.I18nContext=t.I18nContext;exports.KnockI18nProvider=t.KnockI18nProvider;exports.useTranslations=K.useTranslations;exports.locales=S.locales;
+"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;
 //# 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");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"),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;
 //# 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":"8hBAWMA,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 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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React from \"react\";\nimport shallow from \"zustand/shallow\";\n\nfunction authenticateWithOptions(\n  knock: Knock,\n  userId: string,\n  userToken?: string,\n  options: AuthenticateOptions = {},\n) {\n  knock.authenticate(userId, userToken, {\n    onUserTokenExpiring: options?.onUserTokenExpiring,\n    timeBeforeExpirationInMs: options?.timeBeforeExpirationInMs,\n  });\n}\n\nexport type AuthenticatedKnockClientOptions = KnockOptions &\n  AuthenticateOptions;\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: AuthenticatedKnockClientOptions = {},\n) {\n  const knockRef = React.useRef<Knock | undefined>();\n  const optionsRef = React.useRef<AuthenticatedKnockClientOptions>();\n\n  // Shallow compare options so that we ensure that we have a stable\n  // set of options between re-renders.\n  const stableOptions = React.useMemo(() => {\n    const currentOptions = optionsRef.current || {};\n\n    if (shallow(options, currentOptions)) {\n      return currentOptions;\n    }\n\n    optionsRef.current = options;\n    return options;\n  }, [options]);\n\n  return React.useMemo(() => {\n    const currentKnock = knockRef.current;\n\n    // If the userId and the userToken changes then just reauth\n    if (\n      currentKnock &&\n      currentKnock.isAuthenticated() &&\n      (currentKnock.userId !== userId || currentKnock.userToken !== userToken)\n    ) {\n      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);\n      return currentKnock;\n    }\n\n    if (currentKnock) {\n      currentKnock.teardown();\n    }\n\n    // Otherwise instantiate a new Knock client\n    const knock = new Knock(apiKey, {\n      host: stableOptions.host,\n      logLevel: stableOptions.logLevel,\n    });\n\n    authenticateWithOptions(knock, userId, userToken, stableOptions);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, stableOptions]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","optionsRef","stableOptions","useMemo","currentOptions","current","shallow","currentKnock","isAuthenticated","teardown","Knock","host","logLevel"],"mappings":"+KAIA,SAASA,EACPC,EACAC,EACAC,EACAC,EAA+B,CAAA,EAC/B,CACMC,EAAAA,aAAaH,EAAQC,EAAW,CACpCG,oBAAqBF,GAAAA,YAAAA,EAASE,oBAC9BC,yBAA0BH,GAAAA,YAAAA,EAASG,wBAAAA,CACpC,CACH,CAKA,SAASC,EACPC,EACAP,EACAC,EACAC,EAA2C,CAAA,EAC3C,CACMM,MAAAA,EAAWC,UAAMC,SACjBC,EAAaF,UAAMC,SAInBE,EAAgBH,UAAMI,QAAQ,IAAM,CAClCC,MAAAA,EAAiBH,EAAWI,SAAW,GAEzCC,OAAAA,EAAAA,QAAQd,EAASY,CAAc,EAC1BA,GAGTH,EAAWI,QAAUb,EACdA,EAAAA,EACN,CAACA,CAAO,CAAC,EAELO,OAAAA,EAAAA,QAAMI,QAAQ,IAAM,CACzB,MAAMI,EAAeT,EAASO,QAI5BE,GAAAA,GACAA,EAAaC,gBAAgB,IAC5BD,EAAajB,SAAWA,GAAUiB,EAAahB,YAAcA,GAEtCgB,OAAAA,EAAAA,EAAcjB,EAAQC,EAAWW,CAAa,EAC/DK,EAGLA,GACFA,EAAaE,SAAS,EAIlBpB,MAAAA,EAAQ,IAAIqB,EAAAA,QAAMb,EAAQ,CAC9Bc,KAAMT,EAAcS,KACpBC,SAAUV,EAAcU,QAAAA,CACzB,EAEuBvB,OAAAA,EAAAA,EAAOC,EAAQC,EAAWW,CAAa,EAC/DJ,EAASO,QAAUhB,EAEZA,GACN,CAACQ,EAAQP,EAAQC,EAAWW,CAAa,CAAC,CAC/C"}
+{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction authenticateWithOptions(\n  knock: Knock,\n  userId: string,\n  userToken?: string,\n  options: AuthenticateOptions = {},\n) {\n  knock.authenticate(userId, userToken, {\n    onUserTokenExpiring: options?.onUserTokenExpiring,\n    timeBeforeExpirationInMs: options?.timeBeforeExpirationInMs,\n  });\n}\n\nexport type AuthenticatedKnockClientOptions = KnockOptions &\n  AuthenticateOptions;\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: AuthenticatedKnockClientOptions = {},\n) {\n  const knockRef = React.useRef<Knock | undefined>();\n  const stableOptions = useStableOptions(options);\n\n  return React.useMemo(() => {\n    const currentKnock = knockRef.current;\n\n    // If the userId and the userToken changes then just reauth\n    if (\n      currentKnock &&\n      currentKnock.isAuthenticated() &&\n      (currentKnock.userId !== userId || currentKnock.userToken !== userToken)\n    ) {\n      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);\n      return currentKnock;\n    }\n\n    if (currentKnock) {\n      currentKnock.teardown();\n    }\n\n    // Otherwise instantiate a new Knock client\n    const knock = new Knock(apiKey, {\n      host: stableOptions.host,\n      logLevel: stableOptions.logLevel,\n    });\n\n    authenticateWithOptions(knock, userId, userToken, stableOptions);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, stableOptions]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","stableOptions","useStableOptions","useMemo","currentKnock","current","isAuthenticated","teardown","Knock","host","logLevel"],"mappings":"qPAKA,SAASA,EACPC,EACAC,EACAC,EACAC,EAA+B,CAAA,EAC/B,CACMC,EAAAA,aAAaH,EAAQC,EAAW,CACpCG,oBAAqBF,GAAAA,YAAAA,EAASE,oBAC9BC,yBAA0BH,GAAAA,YAAAA,EAASG,wBAAAA,CACpC,CACH,CAKA,SAASC,EACPC,EACAP,EACAC,EACAC,EAA2C,CAAA,EAC3C,CACMM,MAAAA,EAAWC,UAAMC,SACjBC,EAAgBC,EAAiBV,CAAO,EAEvCO,OAAAA,EAAAA,QAAMI,QAAQ,IAAM,CACzB,MAAMC,EAAeN,EAASO,QAI5BD,GAAAA,GACAA,EAAaE,gBAAgB,IAC5BF,EAAad,SAAWA,GAAUc,EAAab,YAAcA,GAEtCa,OAAAA,EAAAA,EAAcd,EAAQC,EAAWU,CAAa,EAC/DG,EAGLA,GACFA,EAAaG,SAAS,EAIlBlB,MAAAA,EAAQ,IAAImB,EAAAA,QAAMX,EAAQ,CAC9BY,KAAMR,EAAcQ,KACpBC,SAAUT,EAAcS,QAAAA,CACzB,EAEuBrB,OAAAA,EAAAA,EAAOC,EAAQC,EAAWU,CAAa,EAC/DH,EAASO,QAAUhB,EAEZA,GACN,CAACQ,EAAQP,EAAQC,EAAWU,CAAa,CAAC,CAC/C"}

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

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

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

@@ -0,0 +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":"kIAGA,SAAwBA,EAAoBC,EAAe,CACzD,MAAMC,EAAaC,EAAAA,SAEnB,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"}

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("zustand"),l=require("../../core/context/KnockProvider.js");require("@knocklabs/client");require("zustand/shallow");const f=require("../../core/utils.js"),k=require("../hooks/useNotifications.js"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function p(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 n=p(a),m=b(d),i=n.createContext(void 0),v=({feedId:e,children:o,defaultFeedOptions:t={},colorMode:r="light"})=>{const c=l.useKnockClient(),u=k(c,e,t),s=n.useMemo(()=>m.default(u.store),[u]);return n.createElement(i.Provider,{key:f.feedProviderKey(c.userId,e,t),value:{knock:c,feedClient:u,useFeedStore:s,colorMode:r}},o)},y=()=>{const e=n.useContext(i);if(!e)throw new Error("useKnockFeed must be used within a KnockFeedProvider");return e};exports.KnockFeedProvider=v;exports.useKnockFeed=y;
+"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;
 //# 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 create, { UseBoundStore } from \"zustand\";\n\nimport { useKnockClient } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\nimport { feedProviderKey } from \"../../core/utils\";\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\n  const useFeedStore = React.useMemo(\n    () => create<FeedStoreState>(feedClient.store),\n    [feedClient],\n  );\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","useMemo","create","store","feedProviderKey","userId","useKnockFeed","context","useContext","Error"],"mappings":"ksBAqBMA,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,EAE/DM,EAAeZ,EAAMa,QACzB,IAAMC,EAAAA,QAAuBJ,EAAWK,KAAK,EAC7C,CAACL,CAAU,CACb,EAGE,OAAAV,EAAA,cAACD,EAAiB,SAAjB,CACC,IAAKiB,kBAAgBR,EAAMS,OAAQb,EAAQE,CAAkB,EAC7D,MAAO,CACLE,MAAAA,EACAE,WAAAA,EACAE,aAAAA,EACAL,UAAAA,CAAAA,GAGDF,CACH,CAEJ,EAEaa,EAAeA,IAA8B,CAClDC,MAAAA,EAAUnB,EAAMoB,WAAWrB,CAAgB,EAEjD,GAAI,CAACoB,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 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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("zustand"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function f(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=f(s),d=i(a),l=typeof window<"u"?u.useLayoutEffect:u.useEffect;function c(e){const t=u.useMemo(()=>d.default(e.store),[e]),[,o]=u.useReducer(r=>r+1,0);return l(()=>{const r=o,n=e.store.subscribe(r);return r(),n},[e]),t}function p(e,t){return c(e)(t||e.store.getState)}exports.default=p;exports.useCreateNotificationStore=c;
+//# sourceMappingURL=useNotificationStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationStore.js","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, FeedStoreState } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport type { DispatchWithoutAction } from \"react\";\nimport create, { StateSelector } from \"zustand\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\n// A hook designed to create a `UseBoundStore` instance\nfunction useCreateNotificationStore(feedClient: Feed) {\n  const useStore = React.useMemo(\n    () => create<FeedStoreState>(feedClient.store),\n    [feedClient],\n  );\n\n  // Warning: this is a hack that will cause any components downstream to re-render\n  // as a result of the store updating.\n  const [, forceUpdate] = React.useReducer((c) => c + 1, 0) as [\n    never,\n    () => void,\n  ];\n\n  useIsomorphicLayoutEffect(() => {\n    const rerender = forceUpdate as DispatchWithoutAction;\n    const unsubscribe = feedClient.store.subscribe(rerender);\n\n    rerender();\n\n    return unsubscribe;\n  }, [feedClient]);\n\n  return useStore;\n}\n\n// A hook used to access content *within* the notification store\nfunction useNotificationStore(\n  feedClient: Feed,\n  selector?: StateSelector<FeedStoreState, FeedStoreState>,\n) {\n  const useStore = useCreateNotificationStore(feedClient);\n  return useStore<FeedStoreState>(selector || feedClient.store.getState);\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useIsomorphicLayoutEffect","window","React","useLayoutEffect","useEffect","useCreateNotificationStore","feedClient","useStore","useMemo","create","store","forceUpdate","useReducer","c","rerender","unsubscribe","subscribe","useNotificationStore","selector","getState"],"mappings":"oiBAKMA,EACJ,OAAOC,OAAW,IAAcC,EAAMC,gBAAkBD,EAAME,UAGhE,SAASC,EAA2BC,EAAkB,CAC9CC,MAAAA,EAAWL,EAAMM,QACrB,IAAMC,EAAAA,QAAuBH,EAAWI,KAAK,EAC7C,CAACJ,CAAU,CACb,EAIM,CAAGK,CAAAA,CAAW,EAAIT,EAAMU,WAAYC,GAAMA,EAAI,EAAG,CAAC,EAKxDb,OAAAA,EAA0B,IAAM,CAC9B,MAAMc,EAAWH,EACXI,EAAcT,EAAWI,MAAMM,UAAUF,CAAQ,EAE9C,OAAAA,IAEFC,CAAAA,EACN,CAACT,CAAU,CAAC,EAERC,CACT,CAGA,SAASU,EACPX,EACAY,EACA,CAEA,OADiBb,EAA2BC,CAAU,EACtBY,GAAYZ,EAAWI,MAAMS,QAAQ,CACvE"}

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

@@ -1,2 +1,2 @@
-"use strict";const c=require("react");function i(t,s,e={}){const r=c.useRef();return c.useMemo(()=>(r.current&&r.current.dispose(),r.current=t.feeds.initialize(s,e),r.current.listenForUpdates(),r.current.store.subscribe(n=>{var u;return(u=r==null?void 0:r.current)==null?void 0:u.store.setState(n)}),r.current),[t,s,e.source,e.tenant,e.has_tenant,e.archived])}module.exports=i;
+"use strict";const s=require("react");require("../../core/context/KnockProvider.js");require("@knocklabs/client");const n=require("../../core/hooks/useStableOptions.js");require("date-fns");function c(r,t,u={}){const e=s.useRef(),i=n(u);return s.useMemo(()=>(e.current&&e.current.dispose(),e.current=r.feeds.initialize(t,i),e.current.listenForUpdates(),e.current),[r,t,i])}module.exports=c;
 //# sourceMappingURL=useNotifications.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef  } from \"react\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);\n    feedClientRef.current.listenForUpdates();\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    return feedClientRef.current;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feeds","initialize","listenForUpdates","store","subscribe","t","setState","source","tenant","has_tenant","archived"],"mappings":"sCAGA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAEtB,OAAOC,UAAQ,KACTF,EAAcG,SAChBH,EAAcG,QAAQC,UAGxBJ,EAAcG,QAAUN,EAAMQ,MAAMC,WAAWR,EAAeC,CAAO,EACrEC,EAAcG,QAAQI,mBACRJ,EAAAA,QAAQK,MAAMC,UAAWC,GAAAA,OACrCV,OAAAA,EAAAA,GAAAA,YAAAA,EAAeG,UAAfH,YAAAA,EAAwBQ,MAAMG,SAASD,GACzC,EAEOV,EAAcG,SACpB,CACDN,EACAC,EACAC,EAAQa,OACRb,EAAQc,OACRd,EAAQe,WACRf,EAAQgB,QAAQ,CACjB,CACH"}
+{"version":3,"file":"useNotifications.js","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","listenForUpdates"],"mappings":"8LAKA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAChBC,EAAgBC,EAAiBJ,CAAO,EAE9C,OAAOK,UAAQ,KACTJ,EAAcK,SAChBL,EAAcK,QAAQC,UAGxBN,EAAcK,QAAUR,EAAMU,MAAMC,WAClCV,EACAI,CACF,EAEAF,EAAcK,QAAQI,mBAEfT,EAAcK,SACpB,CAACR,EAAOC,EAAeI,CAAa,CAAC,CAC1C"}

package/dist/esm/index.mjs

@@ -1,42 +1,47 @@
-import { KnockProvider as r, useKnockClient as t } from "./modules/core/context/KnockProvider.mjs";
-import { default as n } from "./modules/core/hooks/useAuthenticatedKnockClient.mjs";
-import { FilterStatus as f } from "./modules/core/constants.mjs";
-import { feedProviderKey as u, formatBadgeCount as c, formatTimestamp as d, renderNodeOrFallback as m, slackProviderKey as i, toSentenceCase as k } from "./modules/core/utils.mjs";
-import { KnockFeedProvider as x, useKnockFeed as C } from "./modules/feed/context/KnockFeedProvider.mjs";
-import { default as S } from "./modules/feed/hooks/useNotifications.mjs";
-import { default as P } from "./modules/feed/hooks/useFeedSettings.mjs";
-import { KnockSlackProvider as h, useKnockSlackClient as g } from "./modules/slack/context/KnockSlackProvider.mjs";
-import { default as A } from "./modules/slack/hooks/useSlackConnectionStatus.mjs";
-import { default as N } from "./modules/slack/hooks/useSlackChannels.mjs";
-import { default as b } from "./modules/slack/hooks/useConnectedSlackChannels.mjs";
-import { default as O } from "./modules/slack/hooks/useSlackAuth.mjs";
-import { I18nContext as q, KnockI18nProvider as w } from "./modules/i18n/context/KnockI18nProvider.mjs";
-import { useTranslations as D } from "./modules/i18n/hooks/useTranslations.mjs";
-import { locales as G } from "./modules/i18n/languages/index.mjs";
+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 { 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";
 export {
-  f as FilterStatus,
-  q as I18nContext,
-  x as KnockFeedProvider,
-  w as KnockI18nProvider,
-  r as KnockProvider,
-  h as KnockSlackProvider,
-  u as feedProviderKey,
-  c as formatBadgeCount,
-  d as formatTimestamp,
-  G as locales,
-  m as renderNodeOrFallback,
-  i as slackProviderKey,
+  u as FilterStatus,
+  G as I18nContext,
+  C as KnockFeedProvider,
+  H as KnockI18nProvider,
+  t as KnockProvider,
+  A as KnockSlackProvider,
+  c as feedProviderKey,
+  d as formatBadgeCount,
+  m as formatTimestamp,
+  Q as locales,
+  p as renderNodeOrFallback,
+  x as slackProviderKey,
   k as toSentenceCase,
-  n as useAuthenticatedKnockClient,
-  b as useConnectedSlackChannels,
-  P as useFeedSettings,
-  t as useKnockClient,
-  C as useKnockFeed,
-  g as useKnockSlackClient,
-  S as useNotifications,
-  O as useSlackAuth,
-  N as useSlackChannels,
-  A as useSlackConnectionStatus,
-  D as useTranslations
+  s as useAuthenticatedKnockClient,
+  w as useConnectedSlackChannels,
+  b as useCreateNotificationStore,
+  h as useFeedSettings,
+  r as useKnockClient,
+  K as useKnockFeed,
+  I as useKnockSlackClient,
+  g as useNotificationStore,
+  P as useNotifications,
+  D as useSlackAuth,
+  j as useSlackChannels,
+  T as useSlackConnectionStatus,
+  f as useStableOptions,
+  L 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,34 +1,35 @@
 import * as t from "react";
 import { KnockI18nProvider as v } from "../../i18n/context/KnockI18nProvider.mjs";
 import K from "../hooks/useAuthenticatedKnockClient.mjs";
-const u = t.createContext(null), P = ({
+import "zustand/shallow";
+const i = t.createContext(null), p = ({
   apiKey: e,
   host: o,
   logLevel: n,
-  userId: i,
+  userId: u,
   userToken: s,
   onUserTokenExpiring: r,
   timeBeforeExpirationInMs: c,
   children: a,
-  i18n: k
+  i18n: m
 }) => {
-  const m = t.useMemo(() => ({
+  const k = t.useMemo(() => ({
     host: o,
     onUserTokenExpiring: r,
     timeBeforeExpirationInMs: c,
     logLevel: n
-  }), [o, r, c, n]), d = K(e, i, s, m);
-  return /* @__PURE__ */ t.createElement(u.Provider, { value: {
+  }), [o, r, c, n]), d = K(e, u, s, k);
+  return /* @__PURE__ */ t.createElement(i.Provider, { value: {
     knock: d
-  } }, /* @__PURE__ */ t.createElement(v, { i18n: k }, a));
+  } }, /* @__PURE__ */ t.createElement(v, { i18n: m }, a));
 }, f = () => {
-  const e = t.useContext(u);
+  const e = t.useContext(i);
   if (e === void 0)
     throw new Error("useKnock 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 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;"}

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

@@ -1,30 +1,29 @@
 import m from "@knocklabs/client";
-import f from "react";
-import s from "zustand/shallow";
-function l(u, r, n, e = {}) {
-  u.authenticate(r, n, {
-    onUserTokenExpiring: e == null ? void 0 : e.onUserTokenExpiring,
-    timeBeforeExpirationInMs: e == null ? void 0 : e.timeBeforeExpirationInMs
+import u from "react";
+import "../context/KnockProvider.mjs";
+import l from "./useStableOptions.mjs";
+import "date-fns";
+function f(i, n, r, t = {}) {
+  i.authenticate(n, r, {
+    onUserTokenExpiring: t == null ? void 0 : t.onUserTokenExpiring,
+    timeBeforeExpirationInMs: t == null ? void 0 : t.timeBeforeExpirationInMs
   });
 }
-function R(u, r, n, e = {}) {
-  const o = f.useRef(), a = f.useRef(), c = f.useMemo(() => {
-    const t = a.current || {};
-    return s(e, t) ? t : (a.current = e, e);
-  }, [e]);
-  return f.useMemo(() => {
-    const t = o.current;
-    if (t && t.isAuthenticated() && (t.userId !== r || t.userToken !== n))
-      return l(t, r, n, c), t;
-    t && t.teardown();
-    const i = new m(u, {
+function E(i, n, r, t = {}) {
+  const a = u.useRef(), c = l(t);
+  return u.useMemo(() => {
+    const e = a.current;
+    if (e && e.isAuthenticated() && (e.userId !== n || e.userToken !== r))
+      return f(e, n, r, c), e;
+    e && e.teardown();
+    const o = new m(i, {
       host: c.host,
       logLevel: c.logLevel
     });
-    return l(i, r, n, c), o.current = i, i;
-  }, [u, r, n, c]);
+    return f(o, n, r, c), a.current = o, o;
+  }, [i, n, r, c]);
 }
 export {
-  R as default
+  E as default
 };
 //# sourceMappingURL=useAuthenticatedKnockClient.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticatedKnockClient.mjs","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React from \"react\";\nimport shallow from \"zustand/shallow\";\n\nfunction authenticateWithOptions(\n  knock: Knock,\n  userId: string,\n  userToken?: string,\n  options: AuthenticateOptions = {},\n) {\n  knock.authenticate(userId, userToken, {\n    onUserTokenExpiring: options?.onUserTokenExpiring,\n    timeBeforeExpirationInMs: options?.timeBeforeExpirationInMs,\n  });\n}\n\nexport type AuthenticatedKnockClientOptions = KnockOptions &\n  AuthenticateOptions;\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: AuthenticatedKnockClientOptions = {},\n) {\n  const knockRef = React.useRef<Knock | undefined>();\n  const optionsRef = React.useRef<AuthenticatedKnockClientOptions>();\n\n  // Shallow compare options so that we ensure that we have a stable\n  // set of options between re-renders.\n  const stableOptions = React.useMemo(() => {\n    const currentOptions = optionsRef.current || {};\n\n    if (shallow(options, currentOptions)) {\n      return currentOptions;\n    }\n\n    optionsRef.current = options;\n    return options;\n  }, [options]);\n\n  return React.useMemo(() => {\n    const currentKnock = knockRef.current;\n\n    // If the userId and the userToken changes then just reauth\n    if (\n      currentKnock &&\n      currentKnock.isAuthenticated() &&\n      (currentKnock.userId !== userId || currentKnock.userToken !== userToken)\n    ) {\n      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);\n      return currentKnock;\n    }\n\n    if (currentKnock) {\n      currentKnock.teardown();\n    }\n\n    // Otherwise instantiate a new Knock client\n    const knock = new Knock(apiKey, {\n      host: stableOptions.host,\n      logLevel: stableOptions.logLevel,\n    });\n\n    authenticateWithOptions(knock, userId, userToken, stableOptions);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, stableOptions]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","optionsRef","stableOptions","useMemo","currentOptions","current","shallow","currentKnock","isAuthenticated","teardown","Knock","host","logLevel"],"mappings":";;;AAIA,SAASA,EACPC,GACAC,GACAC,GACAC,IAA+B,CAAA,GAC/B;AACMC,EAAAA,EAAAA,aAAaH,GAAQC,GAAW;AAAA,IACpCG,qBAAqBF,KAAAA,gBAAAA,EAASE;AAAAA,IAC9BC,0BAA0BH,KAAAA,gBAAAA,EAASG;AAAAA,EAAAA,CACpC;AACH;AAKA,SAASC,EACPC,GACAP,GACAC,GACAC,IAA2C,CAAA,GAC3C;AACMM,QAAAA,IAAWC,EAAMC,UACjBC,IAAaF,EAAMC,UAInBE,IAAgBH,EAAMI,QAAQ,MAAM;AAClCC,UAAAA,IAAiBH,EAAWI,WAAW;AAEzCC,WAAAA,EAAQd,GAASY,CAAc,IAC1BA,KAGTH,EAAWI,UAAUb,GACdA;AAAAA,EAAAA,GACN,CAACA,CAAO,CAAC;AAELO,SAAAA,EAAMI,QAAQ,MAAM;AACzB,UAAMI,IAAeT,EAASO;AAI5BE,QAAAA,KACAA,EAAaC,gBAAgB,MAC5BD,EAAajB,WAAWA,KAAUiB,EAAahB,cAAcA;AAEtCgB,aAAAA,EAAAA,GAAcjB,GAAQC,GAAWW,CAAa,GAC/DK;AAGT,IAAIA,KACFA,EAAaE,SAAS;AAIlBpB,UAAAA,IAAQ,IAAIqB,EAAMb,GAAQ;AAAA,MAC9Bc,MAAMT,EAAcS;AAAAA,MACpBC,UAAUV,EAAcU;AAAAA,IAAAA,CACzB;AAEuBvB,WAAAA,EAAAA,GAAOC,GAAQC,GAAWW,CAAa,GAC/DJ,EAASO,UAAUhB,GAEZA;AAAAA,KACN,CAACQ,GAAQP,GAAQC,GAAWW,CAAa,CAAC;AAC/C;"}
+{"version":3,"file":"useAuthenticatedKnockClient.mjs","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction authenticateWithOptions(\n  knock: Knock,\n  userId: string,\n  userToken?: string,\n  options: AuthenticateOptions = {},\n) {\n  knock.authenticate(userId, userToken, {\n    onUserTokenExpiring: options?.onUserTokenExpiring,\n    timeBeforeExpirationInMs: options?.timeBeforeExpirationInMs,\n  });\n}\n\nexport type AuthenticatedKnockClientOptions = KnockOptions &\n  AuthenticateOptions;\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: AuthenticatedKnockClientOptions = {},\n) {\n  const knockRef = React.useRef<Knock | undefined>();\n  const stableOptions = useStableOptions(options);\n\n  return React.useMemo(() => {\n    const currentKnock = knockRef.current;\n\n    // If the userId and the userToken changes then just reauth\n    if (\n      currentKnock &&\n      currentKnock.isAuthenticated() &&\n      (currentKnock.userId !== userId || currentKnock.userToken !== userToken)\n    ) {\n      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);\n      return currentKnock;\n    }\n\n    if (currentKnock) {\n      currentKnock.teardown();\n    }\n\n    // Otherwise instantiate a new Knock client\n    const knock = new Knock(apiKey, {\n      host: stableOptions.host,\n      logLevel: stableOptions.logLevel,\n    });\n\n    authenticateWithOptions(knock, userId, userToken, stableOptions);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, stableOptions]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","stableOptions","useStableOptions","useMemo","currentKnock","current","isAuthenticated","teardown","Knock","host","logLevel"],"mappings":";;;;;AAKA,SAASA,EACPC,GACAC,GACAC,GACAC,IAA+B,CAAA,GAC/B;AACMC,EAAAA,EAAAA,aAAaH,GAAQC,GAAW;AAAA,IACpCG,qBAAqBF,KAAAA,gBAAAA,EAASE;AAAAA,IAC9BC,0BAA0BH,KAAAA,gBAAAA,EAASG;AAAAA,EAAAA,CACpC;AACH;AAKA,SAASC,EACPC,GACAP,GACAC,GACAC,IAA2C,CAAA,GAC3C;AACMM,QAAAA,IAAWC,EAAMC,UACjBC,IAAgBC,EAAiBV,CAAO;AAEvCO,SAAAA,EAAMI,QAAQ,MAAM;AACzB,UAAMC,IAAeN,EAASO;AAI5BD,QAAAA,KACAA,EAAaE,gBAAgB,MAC5BF,EAAad,WAAWA,KAAUc,EAAab,cAAcA;AAEtCa,aAAAA,EAAAA,GAAcd,GAAQC,GAAWU,CAAa,GAC/DG;AAGT,IAAIA,KACFA,EAAaG,SAAS;AAIlBlB,UAAAA,IAAQ,IAAImB,EAAMX,GAAQ;AAAA,MAC9BY,MAAMR,EAAcQ;AAAAA,MACpBC,UAAUT,EAAcS;AAAAA,IAAAA,CACzB;AAEuBrB,WAAAA,EAAAA,GAAOC,GAAQC,GAAWU,CAAa,GAC/DH,EAASO,UAAUhB,GAEZA;AAAAA,KACN,CAACQ,GAAQP,GAAQC,GAAWU,CAAa,CAAC;AAC/C;"}

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

@@ -0,0 +1,13 @@
+import { useRef as u, useMemo as n } from "react";
+import 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]);
+}
+export {
+  c as default
+};
+//# sourceMappingURL=useStableOptions.mjs.map

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

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

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

@@ -1,25 +1,25 @@
-import * as o from "react";
-import u from "zustand";
-import { useKnockClient as d } from "../../core/context/KnockProvider.mjs";
+import * as t from "react";
+import { useKnockClient as u } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
 import "zustand/shallow";
-import { feedProviderKey as a } from "../../core/utils.mjs";
-import k from "../hooks/useNotifications.mjs";
-const i = o.createContext(void 0), F = ({
+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 = ({
   feedId: e,
   children: c,
-  defaultFeedOptions: n = {},
+  defaultFeedOptions: r = {},
   colorMode: s = "light"
 }) => {
-  const t = d(), r = k(t, e, n), m = o.useMemo(() => u(r.store), [r]);
-  return /* @__PURE__ */ o.createElement(i.Provider, { key: a(t.userId, e, n), value: {
-    knock: t,
-    feedClient: r,
+  const o = u(), n = a(o, e, r), m = f(n);
+  return /* @__PURE__ */ t.createElement(i.Provider, { key: d(o.userId, e, r), value: {
+    knock: o,
+    feedClient: n,
     useFeedStore: m,
     colorMode: s
   } }, c);
 }, l = () => {
-  const e = o.useContext(i);
+  const e = t.useContext(i);
   if (!e)
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   return e;

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 create, { UseBoundStore } from \"zustand\";\n\nimport { useKnockClient } from \"../../core\";\nimport { ColorMode } from \"../../core/constants\";\nimport { feedProviderKey } from \"../../core/utils\";\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\n  const useFeedStore = React.useMemo(\n    () => create<FeedStoreState>(feedClient.store),\n    [feedClient],\n  );\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","useMemo","create","store","feedProviderKey","userId","useKnockFeed","context","useContext","Error"],"mappings":";;;;;;;AAqBA,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,GAE/DM,IAAeZ,EAAMa,QACzB,MAAMC,EAAuBJ,EAAWK,KAAK,GAC7C,CAACL,CAAU,CACb;AAGE,SAAA,gBAAAV,EAAA,cAACD,EAAiB,UAAjB,EACC,KAAKiB,EAAgBR,EAAMS,QAAQb,GAAQE,CAAkB,GAC7D,OAAO;AAAA,IACLE,OAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAL,WAAAA;AAAAA,EAAAA,KAGDF,CACH;AAEJ,GAEaa,IAAeA,MAA8B;AAClDC,QAAAA,IAAUnB,EAAMoB,WAAWrB,CAAgB;AAEjD,MAAI,CAACoB;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 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;"}

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

@@ -0,0 +1,18 @@
+import * as o from "react";
+import c from "zustand";
+const n = typeof window < "u" ? o.useLayoutEffect : o.useEffect;
+function a(t) {
+  const r = o.useMemo(() => c(t.store), [t]), [, s] = o.useReducer((e) => e + 1, 0);
+  return n(() => {
+    const e = s, u = t.store.subscribe(e);
+    return e(), u;
+  }, [t]), r;
+}
+function i(t, r) {
+  return a(t)(r || t.store.getState);
+}
+export {
+  i as default,
+  a as useCreateNotificationStore
+};
+//# sourceMappingURL=useNotificationStore.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationStore.mjs","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"sourcesContent":["import { Feed, FeedStoreState } from \"@knocklabs/client\";\nimport * as React from \"react\";\nimport type { DispatchWithoutAction } from \"react\";\nimport create, { StateSelector } from \"zustand\";\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\n\n// A hook designed to create a `UseBoundStore` instance\nfunction useCreateNotificationStore(feedClient: Feed) {\n  const useStore = React.useMemo(\n    () => create<FeedStoreState>(feedClient.store),\n    [feedClient],\n  );\n\n  // Warning: this is a hack that will cause any components downstream to re-render\n  // as a result of the store updating.\n  const [, forceUpdate] = React.useReducer((c) => c + 1, 0) as [\n    never,\n    () => void,\n  ];\n\n  useIsomorphicLayoutEffect(() => {\n    const rerender = forceUpdate as DispatchWithoutAction;\n    const unsubscribe = feedClient.store.subscribe(rerender);\n\n    rerender();\n\n    return unsubscribe;\n  }, [feedClient]);\n\n  return useStore;\n}\n\n// A hook used to access content *within* the notification store\nfunction useNotificationStore(\n  feedClient: Feed,\n  selector?: StateSelector<FeedStoreState, FeedStoreState>,\n) {\n  const useStore = useCreateNotificationStore(feedClient);\n  return useStore<FeedStoreState>(selector || feedClient.store.getState);\n}\n\nexport { useCreateNotificationStore };\nexport default useNotificationStore;\n"],"names":["useIsomorphicLayoutEffect","window","React","useLayoutEffect","useEffect","useCreateNotificationStore","feedClient","useStore","useMemo","create","store","forceUpdate","useReducer","c","rerender","unsubscribe","subscribe","useNotificationStore","selector","getState"],"mappings":";;AAKA,MAAMA,IACJ,OAAOC,SAAW,MAAcC,EAAMC,kBAAkBD,EAAME;AAGhE,SAASC,EAA2BC,GAAkB;AAC9CC,QAAAA,IAAWL,EAAMM,QACrB,MAAMC,EAAuBH,EAAWI,KAAK,GAC7C,CAACJ,CAAU,CACb,GAIM,CAAGK,EAAAA,CAAW,IAAIT,EAAMU,WAAYC,CAAAA,MAAMA,IAAI,GAAG,CAAC;AAKxDb,SAAAA,EAA0B,MAAM;AAC9B,UAAMc,IAAWH,GACXI,IAAcT,EAAWI,MAAMM,UAAUF,CAAQ;AAE9C,WAAAA,KAEFC;AAAAA,EAAAA,GACN,CAACT,CAAU,CAAC,GAERC;AACT;AAGA,SAASU,EACPX,GACAY,GACA;AAEA,SADiBb,EAA2BC,CAAU,EACtBY,KAAYZ,EAAWI,MAAMS,QAAQ;AACvE;"}

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

@@ -1,12 +1,13 @@
-import { useRef as n, useMemo as a } from "react";
-function f(t, u, e = {}) {
-  const r = n();
-  return a(() => (r.current && r.current.dispose(), r.current = t.feeds.initialize(u, e), r.current.listenForUpdates(), r.current.store.subscribe((c) => {
-    var s;
-    return (s = r == null ? void 0 : r.current) == null ? void 0 : s.store.setState(c);
-  }), r.current), [t, u, e.source, e.tenant, e.has_tenant, e.archived]);
+import { useRef as s, useMemo as n } from "react";
+import "../../core/context/KnockProvider.mjs";
+import "@knocklabs/client";
+import u from "../../core/hooks/useStableOptions.mjs";
+import "date-fns";
+function l(e, r, o = {}) {
+  const t = s(), i = u(o);
+  return n(() => (t.current && t.current.dispose(), t.current = e.feeds.initialize(r, i), t.current.listenForUpdates(), t.current), [e, r, i]);
 }
 export {
-  f as default
+  l as default
 };
 //# sourceMappingURL=useNotifications.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef  } from \"react\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);\n    feedClientRef.current.listenForUpdates();\n    feedClientRef.current.store.subscribe((t) =>\n      feedClientRef?.current?.store.setState(t),\n    );\n\n    return feedClientRef.current;\n  }, [\n    knock,\n    feedChannelId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","useMemo","current","dispose","feeds","initialize","listenForUpdates","store","subscribe","t","setState","source","tenant","has_tenant","archived"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC;AAEtB,SAAOC,EAAQ,OACTF,EAAcG,WAChBH,EAAcG,QAAQC,WAGxBJ,EAAcG,UAAUN,EAAMQ,MAAMC,WAAWR,GAAeC,CAAO,GACrEC,EAAcG,QAAQI,oBACRJ,EAAAA,QAAQK,MAAMC,UAAWC,CAAAA,MAAAA;;AACrCV,YAAAA,IAAAA,KAAAA,gBAAAA,EAAeG,YAAfH,gBAAAA,EAAwBQ,MAAMG,SAASD;AAAAA,GACzC,GAEOV,EAAcG,UACpB,CACDN,GACAC,GACAC,EAAQa,QACRb,EAAQc,QACRd,EAAQe,YACRf,EAAQgB,QAAQ,CACjB;AACH;"}
+{"version":3,"file":"useNotifications.mjs","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"sourcesContent":["import Knock, { Feed, FeedClientOptions } from \"@knocklabs/client\";\nimport { useMemo, useRef } from \"react\";\n\nimport { useStableOptions } from \"../../core\";\n\nfunction useNotifications(\n  knock: Knock,\n  feedChannelId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed>();\n  const stableOptions = useStableOptions(options);\n\n  return useMemo(() => {\n    if (feedClientRef.current) {\n      feedClientRef.current.dispose();\n    }\n\n    feedClientRef.current = knock.feeds.initialize(\n      feedChannelId,\n      stableOptions,\n    );\n\n    feedClientRef.current.listenForUpdates();\n\n    return feedClientRef.current;\n  }, [knock, feedChannelId, stableOptions]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedChannelId","options","feedClientRef","useRef","stableOptions","useStableOptions","useMemo","current","dispose","feeds","initialize","listenForUpdates"],"mappings":";;;;;AAKA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC,KAChBC,IAAgBC,EAAiBJ,CAAO;AAE9C,SAAOK,EAAQ,OACTJ,EAAcK,WAChBL,EAAcK,QAAQC,WAGxBN,EAAcK,UAAUR,EAAMU,MAAMC,WAClCV,GACAI,CACF,GAEAF,EAAcK,QAAQI,oBAEfT,EAAcK,UACpB,CAACR,GAAOC,GAAeI,CAAa,CAAC;AAC1C;"}

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

@@ -1,2 +1,3 @@
 export { default as useAuthenticatedKnockClient } from "./useAuthenticatedKnockClient";
+export { default as useStableOptions } from "./useStableOptions";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/types/modules/core/hooks/useAuthenticatedKnockClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticatedKnockClient.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAgB7E,MAAM,MAAM,+BAA+B,GAAG,YAAY,GACxD,mBAAmB,CAAC;AAEtB,iBAAS,2BAA2B,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,GAAE,+BAAoC,SA8C9C;AAED,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"useAuthenticatedKnockClient.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAiB7E,MAAM,MAAM,+BAA+B,GAAG,YAAY,GACxD,mBAAmB,CAAC;AAEtB,iBAAS,2BAA2B,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,GAAE,+BAAoC,SAiC9C;AAED,eAAe,2BAA2B,CAAC"}

package/dist/types/modules/core/hooks/useStableOptions.d.ts

@@ -0,0 +1,2 @@
+export default function useStableOptions<T>(options: T): T;
+//# sourceMappingURL=useStableOptions.d.ts.map

package/dist/types/modules/core/hooks/useStableOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableOptions.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/hooks/useStableOptions.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAazD"}

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,OAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,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,CAuB1C,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,CAmB1C,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAQ/B,CAAC"}

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

@@ -1,3 +1,4 @@
 export { default as useNotifications } from "./useNotifications";
 export { default as useFeedSettings } from "./useFeedSettings";
+export { default as useNotificationStore, useCreateNotificationStore, } from "./useNotificationStore";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { Feed, FeedStoreState } from "@knocklabs/client";
+import { StateSelector } from "zustand";
+declare function useCreateNotificationStore(feedClient: Feed): import("zustand").UseBoundStore<FeedStoreState, import("zustand").StoreApi<FeedStoreState>>;
+declare function useNotificationStore(feedClient: Feed, selector?: StateSelector<FeedStoreState, FeedStoreState>): FeedStoreState;
+export { useCreateNotificationStore };
+export default useNotificationStore;
+//# sourceMappingURL=useNotificationStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationStore.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotificationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMhD,iBAAS,0BAA0B,CAAC,UAAU,EAAE,IAAI,+FAuBnD;AAGD,iBAAS,oBAAoB,CAC3B,UAAU,EAAE,IAAI,EAChB,QAAQ,CAAC,EAAE,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC,kBAIzD;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,eAAe,oBAAoB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAwBhC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/modules/feed/hooks/useNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAmBhC;AAED,eAAe,gBAAgB,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.17",
+  "version": "0.2.18",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -48,7 +48,7 @@
     "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.10.7",
+    "@knocklabs/client": "^0.10.8",
     "date-fns": "^3.3.1",
     "swr": "^2.2.5",
     "zustand": "^3.7.2"

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

@@ -1 +1,2 @@
 export { default as useAuthenticatedKnockClient } from "./useAuthenticatedKnockClient";
+export { default as useStableOptions } from "./useStableOptions";

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

@@ -1,6 +1,7 @@
 import Knock, { AuthenticateOptions, KnockOptions } from "@knocklabs/client";
 import React from "react";
-import shallow from "zustand/shallow";
+
+import { useStableOptions } from "../../core";
 
 function authenticateWithOptions(
   knock: Knock,
@@ -24,20 +25,7 @@ function useAuthenticatedKnockClient(
   options: AuthenticatedKnockClientOptions = {},
 ) {
   const knockRef = React.useRef<Knock | undefined>();
-  const optionsRef = React.useRef<AuthenticatedKnockClientOptions>();
-
-  // Shallow compare options so that we ensure that we have a stable
-  // set of options between re-renders.
-  const stableOptions = React.useMemo(() => {
-    const currentOptions = optionsRef.current || {};
-
-    if (shallow(options, currentOptions)) {
-      return currentOptions;
-    }
-
-    optionsRef.current = options;
-    return options;
-  }, [options]);
+  const stableOptions = useStableOptions(options);
 
   return React.useMemo(() => {
     const currentKnock = knockRef.current;

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

@@ -0,0 +1,17 @@
+import { useMemo, useRef } from "react";
+import shallow from "zustand/shallow";
+
+export default function useStableOptions<T>(options: T): T {
+  const optionsRef = useRef<T>();
+
+  return useMemo(() => {
+    const currentOptions = optionsRef.current;
+
+    if (currentOptions && shallow(options, currentOptions)) {
+      return currentOptions;
+    }
+
+    optionsRef.current = options;
+    return options;
+  }, [options]);
+}

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

@@ -5,11 +5,12 @@ import Knock, {
 } from "@knocklabs/client";
 import * as React from "react";
 import { PropsWithChildren } from "react";
-import create, { UseBoundStore } from "zustand";
+import { UseBoundStore } from "zustand";
 
 import { useKnockClient } from "../../core";
 import { ColorMode } from "../../core/constants";
 import { feedProviderKey } from "../../core/utils";
+import { useCreateNotificationStore } from "../hooks";
 import useNotifications from "../hooks/useNotifications";
 
 export interface KnockFeedProviderState {
@@ -39,11 +40,7 @@ export const KnockFeedProvider: React.FC<
 > = ({ feedId, children, defaultFeedOptions = {}, colorMode = "light" }) => {
   const knock = useKnockClient();
   const feedClient = useNotifications(knock, feedId, defaultFeedOptions);
-
-  const useFeedStore = React.useMemo(
-    () => create<FeedStoreState>(feedClient.store),
-    [feedClient],
-  );
+  const useFeedStore = useCreateNotificationStore(feedClient);
 
   return (
     <FeedStateContext.Provider

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

@@ -1,2 +1,6 @@
 export { default as useNotifications } from "./useNotifications";
 export { default as useFeedSettings } from "./useFeedSettings";
+export {
+  default as useNotificationStore,
+  useCreateNotificationStore,
+} from "./useNotificationStore";

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

@@ -0,0 +1,45 @@
+import { Feed, FeedStoreState } from "@knocklabs/client";
+import * as React from "react";
+import type { DispatchWithoutAction } from "react";
+import create, { StateSelector } from "zustand";
+
+const useIsomorphicLayoutEffect =
+  typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+
+// A hook designed to create a `UseBoundStore` instance
+function useCreateNotificationStore(feedClient: Feed) {
+  const useStore = React.useMemo(
+    () => create<FeedStoreState>(feedClient.store),
+    [feedClient],
+  );
+
+  // Warning: this is a hack that will cause any components downstream to re-render
+  // as a result of the store updating.
+  const [, forceUpdate] = React.useReducer((c) => c + 1, 0) as [
+    never,
+    () => void,
+  ];
+
+  useIsomorphicLayoutEffect(() => {
+    const rerender = forceUpdate as DispatchWithoutAction;
+    const unsubscribe = feedClient.store.subscribe(rerender);
+
+    rerender();
+
+    return unsubscribe;
+  }, [feedClient]);
+
+  return useStore;
+}
+
+// A hook used to access content *within* the notification store
+function useNotificationStore(
+  feedClient: Feed,
+  selector?: StateSelector<FeedStoreState, FeedStoreState>,
+) {
+  const useStore = useCreateNotificationStore(feedClient);
+  return useStore<FeedStoreState>(selector || feedClient.store.getState);
+}
+
+export { useCreateNotificationStore };
+export default useNotificationStore;

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

@@ -1,33 +1,30 @@
 import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
-import { useMemo, useRef  } from "react";
+import { useMemo, useRef } from "react";
+
+import { useStableOptions } from "../../core";
 
 function useNotifications(
   knock: Knock,
   feedChannelId: string,
   options: FeedClientOptions = {},
 ) {
-  const feedClientRef = useRef<Feed | null>();
+  const feedClientRef = useRef<Feed>();
+  const stableOptions = useStableOptions(options);
 
   return useMemo(() => {
     if (feedClientRef.current) {
       feedClientRef.current.dispose();
     }
 
-    feedClientRef.current = knock.feeds.initialize(feedChannelId, options);
-    feedClientRef.current.listenForUpdates();
-    feedClientRef.current.store.subscribe((t) =>
-      feedClientRef?.current?.store.setState(t),
+    feedClientRef.current = knock.feeds.initialize(
+      feedChannelId,
+      stableOptions,
     );
 
+    feedClientRef.current.listenForUpdates();
+
     return feedClientRef.current;
-  }, [
-    knock,
-    feedChannelId,
-    options.source,
-    options.tenant,
-    options.has_tenant,
-    options.archived,
-  ]);
+  }, [knock, feedChannelId, stableOptions]);
 }
 
 export default useNotifications;