@knocklabs/react-core 0.2.16 → 0.2.17

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.2.17
+
+### Patch Changes
+
+- f25b112: fix: ensure feed store reference re-renders after changes to user
+- Updated dependencies [f25b112]
+  - @knocklabs/client@0.10.7
+
 ## 0.2.16
 
 ### Patch Changes

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"),f=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},_=f(d),a=f(h),R=f(k);function s(t,c,r,n={}){t.authenticate(c,r,{onUserTokenExpiring:n==null?void 0:n.onUserTokenExpiring,timeBeforeExpirationInMs:n==null?void 0:n.timeBeforeExpirationInMs})}function m(t,c,r,n={}){const l=a.default.useRef(),i=a.default.useRef(),u=a.default.useMemo(()=>{const e=i.current||{};return R.default(n,e)?e:n},[n]);return a.default.useMemo(()=>{const e=l.current;if(e&&e.isAuthenticated()&&(e.userId!==c||e.userToken!==r))return s(e,c,r,u),e;e&&e.teardown();const o=new _.default(t,{host:u.host,logLevel:u.logLevel});return s(o,c,r,u),l.current=o,o},[t,c,r,u])}module.exports=m;
+"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;
 //# 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    return shallow(options, currentOptions) ? currentOptions : 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,GAC7C,OAAOC,EAAQd,QAAAA,EAASY,CAAc,EAAIA,EAAiBZ,CAAAA,EAC1D,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\";\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"}

package/dist/cjs/modules/core/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("date-fns");function c(e){return e>9?"9+":e}function i(e,r={}){try{const t=o.parseISO(e);return o.intlFormatDistance(t,new Date,{locale:r.locale})}catch{return e}}function d(e){return e.charAt(0).toUpperCase()+e.slice(1)}function l(e,r){return e!==void 0?e:r}function u(e,r={}){return[e,r.source,r.tenant,r.has_tenant,r.archived].filter(t=>t!=null).join("-")}function f({knockSlackChannelId:e,tenant:r,connectionStatus:t,errorLabel:n}){return[e,r,t,n].filter(a=>a!=null).join("-")}exports.feedProviderKey=u;exports.formatBadgeCount=c;exports.formatTimestamp=i;exports.renderNodeOrFallback=l;exports.slackProviderKey=f;exports.toSentenceCase=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("date-fns");function c(e){return e>9?"9+":e}function i(e,t={}){try{const r=o.parseISO(e);return o.intlFormatDistance(r,new Date,{locale:t.locale})}catch{return e}}function d(e){return e.charAt(0).toUpperCase()+e.slice(1)}function l(e,t){return e!==void 0?e:t}function u(e,t,r={}){return[e,t,r.source,r.tenant,r.has_tenant,r.archived].filter(n=>n!=null).join("-")}function f({knockSlackChannelId:e,tenant:t,connectionStatus:r,errorLabel:n}){return[e,t,r,n].filter(a=>a!=null).join("-")}exports.feedProviderKey=u;exports.formatBadgeCount=c;exports.formatTimestamp=i;exports.renderNodeOrFallback=l;exports.slackProviderKey=f;exports.toSentenceCase=d;
 //# sourceMappingURL=utils.js.map

package/dist/cjs/modules/core/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["import { FeedClientOptions } from \"@knocklabs/client\";\nimport { intlFormatDistance, parseISO } from \"date-fns\";\nimport { ReactNode } from \"react\";\n\nexport function formatBadgeCount(count: number): string | number {\n  return count > 9 ? \"9+\" : count;\n}\n\ntype FormatTimestampOptions = {\n  locale?: string | string[];\n};\n\nexport function formatTimestamp(\n  ts: string,\n  options: FormatTimestampOptions = {},\n) {\n  try {\n    const parsedTs = parseISO(ts);\n    const formatted = intlFormatDistance(parsedTs, new Date(), {\n      locale: options.locale,\n    });\n\n    return formatted;\n  } catch (e) {\n    return ts;\n  }\n}\n\nexport function toSentenceCase(string: string): string {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {\n  return node !== undefined ? node : fallback;\n}\n\n/*\n  Used to build a consistent key for the KnockFeedProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function feedProviderKey(\n  userFeedId: string,\n  options: FeedClientOptions = {},\n) {\n  return [\n    userFeedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockSlackProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function slackProviderKey({\n  knockSlackChannelId,\n  tenant,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockSlackChannelId, tenant, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n"],"names":["formatBadgeCount","count","formatTimestamp","ts","options","parsedTs","parseISO","formatted","intlFormatDistance","Date","locale","toSentenceCase","string","charAt","toUpperCase","slice","renderNodeOrFallback","node","fallback","undefined","feedProviderKey","userFeedId","source","tenant","has_tenant","archived","filter","f","join","slackProviderKey","knockSlackChannelId","connectionStatus","errorLabel"],"mappings":"4GAIO,SAASA,EAAiBC,EAAgC,CACxDA,OAAAA,EAAQ,EAAI,KAAOA,CAC5B,CAMO,SAASC,EACdC,EACAC,EAAkC,GAClC,CACI,GAAA,CACIC,MAAAA,EAAWC,WAASH,CAAE,EAKrBI,OAJWC,EAAAA,mBAAmBH,EAAU,IAAII,KAAQ,CACzDC,OAAQN,EAAQM,MAAAA,CACjB,OAGS,CACHP,OAAAA,CACT,CACF,CAEO,SAASQ,EAAeC,EAAwB,CAC9CA,OAAAA,EAAOC,OAAO,CAAC,EAAEC,cAAgBF,EAAOG,MAAM,CAAC,CACxD,CAEgBC,SAAAA,EAAqBC,EAAiBC,EAAqB,CAClED,OAAAA,IAASE,OAAYF,EAAOC,CACrC,CAMO,SAASE,EACdC,EACAjB,EAA6B,GAC7B,CACA,MAAO,CACLiB,EACAjB,EAAQkB,OACRlB,EAAQmB,OACRnB,EAAQoB,WACRpB,EAAQqB,QAAQ,EAEfC,UAAcC,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb,CAMO,SAASC,EAAiB,CAC/BC,oBAAAA,EACAP,OAAAA,EACAQ,iBAAAA,EACAC,WAAAA,CAMF,EAAG,CACD,MAAO,CAACF,EAAqBP,EAAQQ,EAAkBC,CAAU,EAC9DN,OAAcC,GAAAA,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb"}
+{"version":3,"file":"utils.js","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["import { FeedClientOptions } from \"@knocklabs/client\";\nimport { intlFormatDistance, parseISO } from \"date-fns\";\nimport { ReactNode } from \"react\";\n\nexport function formatBadgeCount(count: number): string | number {\n  return count > 9 ? \"9+\" : count;\n}\n\ntype FormatTimestampOptions = {\n  locale?: string | string[];\n};\n\nexport function formatTimestamp(\n  ts: string,\n  options: FormatTimestampOptions = {},\n) {\n  try {\n    const parsedTs = parseISO(ts);\n    const formatted = intlFormatDistance(parsedTs, new Date(), {\n      locale: options.locale,\n    });\n\n    return formatted;\n  } catch (e) {\n    return ts;\n  }\n}\n\nexport function toSentenceCase(string: string): string {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {\n  return node !== undefined ? node : fallback;\n}\n\n/*\n  Used to build a consistent key for the KnockFeedProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function feedProviderKey(\n  userId: string | undefined,\n  feedId: string,\n  options: FeedClientOptions = {},\n) {\n  return [\n    userId,\n    feedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockSlackProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function slackProviderKey({\n  knockSlackChannelId,\n  tenant,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockSlackChannelId, tenant, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n"],"names":["formatBadgeCount","count","formatTimestamp","ts","options","parsedTs","parseISO","formatted","intlFormatDistance","Date","locale","toSentenceCase","string","charAt","toUpperCase","slice","renderNodeOrFallback","node","fallback","undefined","feedProviderKey","userId","feedId","source","tenant","has_tenant","archived","filter","f","join","slackProviderKey","knockSlackChannelId","connectionStatus","errorLabel"],"mappings":"4GAIO,SAASA,EAAiBC,EAAgC,CACxDA,OAAAA,EAAQ,EAAI,KAAOA,CAC5B,CAMO,SAASC,EACdC,EACAC,EAAkC,GAClC,CACI,GAAA,CACIC,MAAAA,EAAWC,WAASH,CAAE,EAKrBI,OAJWC,EAAAA,mBAAmBH,EAAU,IAAII,KAAQ,CACzDC,OAAQN,EAAQM,MAAAA,CACjB,OAGS,CACHP,OAAAA,CACT,CACF,CAEO,SAASQ,EAAeC,EAAwB,CAC9CA,OAAAA,EAAOC,OAAO,CAAC,EAAEC,cAAgBF,EAAOG,MAAM,CAAC,CACxD,CAEgBC,SAAAA,EAAqBC,EAAiBC,EAAqB,CAClED,OAAAA,IAASE,OAAYF,EAAOC,CACrC,CAMO,SAASE,EACdC,EACAC,EACAlB,EAA6B,CAAA,EAC7B,CACO,MAAA,CACLiB,EACAC,EACAlB,EAAQmB,OACRnB,EAAQoB,OACRpB,EAAQqB,WACRrB,EAAQsB,QAAQ,EAEfC,UAAcC,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb,CAMO,SAASC,EAAiB,CAC/BC,oBAAAA,EACAP,OAAAA,EACAQ,iBAAAA,EACAC,WAAAA,CAMF,EAAG,CACD,MAAO,CAACF,EAAqBP,EAAQQ,EAAkBC,CAAU,EAC9DN,OAAcC,GAAAA,GAAM,IAAuB,EAC3CC,KAAK,GAAG,CACb"}

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),v=b(d),i=n.createContext(null),m=({feedId:e,children:o,defaultFeedOptions:t={},colorMode:r="light"})=>{const c=l.useKnockClient(),u=k(c,e,t),s=v.default(u.store);return n.createElement(i.Provider,{key:f.feedProviderKey(e,t),value:{knock:c,feedClient:u,useFeedStore:s,colorMode:r}},o)},y=()=>{const e=n.useContext(i);if(e===void 0)throw new Error("useKnockFeed must be used within a KnockFeedProvider");return e};exports.KnockFeedProvider=m;exports.useKnockFeed=y;
+"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;
 //# 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<KnockFeedProviderState | null>(\n  null,\n);\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 = create<FeedStoreState>(feedClient.store);\n\n  return (\n    <FeedStateContext.Provider\n      key={feedProviderKey(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  if (context === undefined) {\n    throw new Error(\"useKnockFeed must be used within a KnockFeedProvider\");\n  }\n  return context as KnockFeedProviderState;\n};\n"],"names":["FeedStateContext","React","createContext","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","store","feedProviderKey","useKnockFeed","context","useContext","undefined","Error"],"mappings":"ksBAqBMA,EAAmBC,EAAMC,cAC7B,IACF,EAaaC,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,EAAAA,QAAuBH,EAAWI,KAAK,EAG1D,OAAAb,EAAA,cAACD,EAAiB,SAAjB,CACC,IAAKe,EAAAA,gBAAgBX,EAAQE,CAAkB,EAC/C,MAAO,CACLE,MAAAA,EACAE,WAAAA,EACAE,aAAAA,EACAL,UAAAA,CAAAA,GAGDF,CACH,CAEJ,EAEaW,EAAeA,IAA8B,CAClDC,MAAAA,EAAUhB,EAAMiB,WAAWlB,CAAgB,EACjD,GAAIiB,IAAYE,OACR,MAAA,IAAIC,MAAM,sDAAsD,EAEjEH,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 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"}

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

@@ -1,28 +1,28 @@
 import m from "@knocklabs/client";
-import o from "react";
+import f from "react";
 import s from "zustand/shallow";
-function a(u, n, r, t = {}) {
-  u.authenticate(n, r, {
-    onUserTokenExpiring: t == null ? void 0 : t.onUserTokenExpiring,
-    timeBeforeExpirationInMs: t == null ? void 0 : t.timeBeforeExpirationInMs
+function l(u, r, n, e = {}) {
+  u.authenticate(r, n, {
+    onUserTokenExpiring: e == null ? void 0 : e.onUserTokenExpiring,
+    timeBeforeExpirationInMs: e == null ? void 0 : e.timeBeforeExpirationInMs
   });
 }
-function R(u, n, r, t = {}) {
-  const f = o.useRef(), l = o.useRef(), c = o.useMemo(() => {
-    const e = l.current || {};
-    return s(t, e) ? e : t;
-  }, [t]);
-  return o.useMemo(() => {
-    const e = f.current;
-    if (e && e.isAuthenticated() && (e.userId !== n || e.userToken !== r))
-      return a(e, n, r, c), e;
-    e && e.teardown();
+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, {
       host: c.host,
       logLevel: c.logLevel
     });
-    return a(i, n, r, c), f.current = i, i;
-  }, [u, n, r, c]);
+    return l(i, r, n, c), o.current = i, i;
+  }, [u, r, n, c]);
 }
 export {
   R as default

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    return shallow(options, currentOptions) ? currentOptions : 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;AAC7C,WAAOC,EAAQd,GAASY,CAAc,IAAIA,IAAiBZ;AAAAA,EAAAA,GAC1D,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\";\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;"}

package/dist/esm/modules/core/utils.mjs

@@ -2,11 +2,11 @@ import { parseISO as o, intlFormatDistance as c } from "date-fns";
 function u(e) {
   return e > 9 ? "9+" : e;
 }
-function l(e, r = {}) {
+function l(e, t = {}) {
   try {
-    const t = o(e);
-    return c(t, /* @__PURE__ */ new Date(), {
-      locale: r.locale
+    const r = o(e);
+    return c(r, /* @__PURE__ */ new Date(), {
+      locale: t.locale
     });
   } catch {
     return e;
@@ -15,19 +15,19 @@ function l(e, r = {}) {
 function d(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function f(e, r) {
-  return e !== void 0 ? e : r;
+function f(e, t) {
+  return e !== void 0 ? e : t;
 }
-function m(e, r = {}) {
-  return [e, r.source, r.tenant, r.has_tenant, r.archived].filter((t) => t != null).join("-");
+function m(e, t, r = {}) {
+  return [e, t, r.source, r.tenant, r.has_tenant, r.archived].filter((n) => n != null).join("-");
 }
 function s({
   knockSlackChannelId: e,
-  tenant: r,
-  connectionStatus: t,
+  tenant: t,
+  connectionStatus: r,
   errorLabel: n
 }) {
-  return [e, r, t, n].filter((a) => a != null).join("-");
+  return [e, t, r, n].filter((a) => a != null).join("-");
 }
 export {
   m as feedProviderKey,

package/dist/esm/modules/core/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["import { FeedClientOptions } from \"@knocklabs/client\";\nimport { intlFormatDistance, parseISO } from \"date-fns\";\nimport { ReactNode } from \"react\";\n\nexport function formatBadgeCount(count: number): string | number {\n  return count > 9 ? \"9+\" : count;\n}\n\ntype FormatTimestampOptions = {\n  locale?: string | string[];\n};\n\nexport function formatTimestamp(\n  ts: string,\n  options: FormatTimestampOptions = {},\n) {\n  try {\n    const parsedTs = parseISO(ts);\n    const formatted = intlFormatDistance(parsedTs, new Date(), {\n      locale: options.locale,\n    });\n\n    return formatted;\n  } catch (e) {\n    return ts;\n  }\n}\n\nexport function toSentenceCase(string: string): string {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {\n  return node !== undefined ? node : fallback;\n}\n\n/*\n  Used to build a consistent key for the KnockFeedProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function feedProviderKey(\n  userFeedId: string,\n  options: FeedClientOptions = {},\n) {\n  return [\n    userFeedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockSlackProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function slackProviderKey({\n  knockSlackChannelId,\n  tenant,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockSlackChannelId, tenant, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n"],"names":["formatBadgeCount","count","formatTimestamp","ts","options","parsedTs","parseISO","formatted","intlFormatDistance","Date","locale","toSentenceCase","string","charAt","toUpperCase","slice","renderNodeOrFallback","node","fallback","undefined","feedProviderKey","userFeedId","source","tenant","has_tenant","archived","filter","f","join","slackProviderKey","knockSlackChannelId","connectionStatus","errorLabel"],"mappings":";AAIO,SAASA,EAAiBC,GAAgC;AACxDA,SAAAA,IAAQ,IAAI,OAAOA;AAC5B;AAMO,SAASC,EACdC,GACAC,IAAkC,IAClC;AACI,MAAA;AACIC,UAAAA,IAAWC,EAASH,CAAE;AAKrBI,WAJWC,EAAmBH,GAAU,oBAAII,QAAQ;AAAA,MACzDC,QAAQN,EAAQM;AAAAA,IAAAA,CACjB;AAAA,UAGS;AACHP,WAAAA;AAAAA,EACT;AACF;AAEO,SAASQ,EAAeC,GAAwB;AAC9CA,SAAAA,EAAOC,OAAO,CAAC,EAAEC,gBAAgBF,EAAOG,MAAM,CAAC;AACxD;AAEgBC,SAAAA,EAAqBC,GAAiBC,GAAqB;AAClED,SAAAA,MAASE,SAAYF,IAAOC;AACrC;AAMO,SAASE,EACdC,GACAjB,IAA6B,IAC7B;AACA,SAAO,CACLiB,GACAjB,EAAQkB,QACRlB,EAAQmB,QACRnB,EAAQoB,YACRpB,EAAQqB,QAAQ,EAEfC,OAAQC,OAAMA,KAAM,IAAuB,EAC3CC,KAAK,GAAG;AACb;AAMO,SAASC,EAAiB;AAAA,EAC/BC,qBAAAA;AAAAA,EACAP,QAAAA;AAAAA,EACAQ,kBAAAA;AAAAA,EACAC,YAAAA;AAMF,GAAG;AACD,SAAO,CAACF,GAAqBP,GAAQQ,GAAkBC,CAAU,EAC9DN,OAAQC,CAAMA,MAAAA,KAAM,IAAuB,EAC3CC,KAAK,GAAG;AACb;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/core/utils.ts"],"sourcesContent":["import { FeedClientOptions } from \"@knocklabs/client\";\nimport { intlFormatDistance, parseISO } from \"date-fns\";\nimport { ReactNode } from \"react\";\n\nexport function formatBadgeCount(count: number): string | number {\n  return count > 9 ? \"9+\" : count;\n}\n\ntype FormatTimestampOptions = {\n  locale?: string | string[];\n};\n\nexport function formatTimestamp(\n  ts: string,\n  options: FormatTimestampOptions = {},\n) {\n  try {\n    const parsedTs = parseISO(ts);\n    const formatted = intlFormatDistance(parsedTs, new Date(), {\n      locale: options.locale,\n    });\n\n    return formatted;\n  } catch (e) {\n    return ts;\n  }\n}\n\nexport function toSentenceCase(string: string): string {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {\n  return node !== undefined ? node : fallback;\n}\n\n/*\n  Used to build a consistent key for the KnockFeedProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function feedProviderKey(\n  userId: string | undefined,\n  feedId: string,\n  options: FeedClientOptions = {},\n) {\n  return [\n    userId,\n    feedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n\n/*\n  Used to build a consistent key for the KnockSlackProvider so that React knows when\n  to trigger a re-render of the context when a key property changes.\n*/\nexport function slackProviderKey({\n  knockSlackChannelId,\n  tenant,\n  connectionStatus,\n  errorLabel,\n}: {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: string;\n  errorLabel: string | null;\n}) {\n  return [knockSlackChannelId, tenant, connectionStatus, errorLabel]\n    .filter((f) => f !== null && f !== undefined)\n    .join(\"-\");\n}\n"],"names":["formatBadgeCount","count","formatTimestamp","ts","options","parsedTs","parseISO","formatted","intlFormatDistance","Date","locale","toSentenceCase","string","charAt","toUpperCase","slice","renderNodeOrFallback","node","fallback","undefined","feedProviderKey","userId","feedId","source","tenant","has_tenant","archived","filter","f","join","slackProviderKey","knockSlackChannelId","connectionStatus","errorLabel"],"mappings":";AAIO,SAASA,EAAiBC,GAAgC;AACxDA,SAAAA,IAAQ,IAAI,OAAOA;AAC5B;AAMO,SAASC,EACdC,GACAC,IAAkC,IAClC;AACI,MAAA;AACIC,UAAAA,IAAWC,EAASH,CAAE;AAKrBI,WAJWC,EAAmBH,GAAU,oBAAII,QAAQ;AAAA,MACzDC,QAAQN,EAAQM;AAAAA,IAAAA,CACjB;AAAA,UAGS;AACHP,WAAAA;AAAAA,EACT;AACF;AAEO,SAASQ,EAAeC,GAAwB;AAC9CA,SAAAA,EAAOC,OAAO,CAAC,EAAEC,gBAAgBF,EAAOG,MAAM,CAAC;AACxD;AAEgBC,SAAAA,EAAqBC,GAAiBC,GAAqB;AAClED,SAAAA,MAASE,SAAYF,IAAOC;AACrC;AAMO,SAASE,EACdC,GACAC,GACAlB,IAA6B,CAAA,GAC7B;AACO,SAAA,CACLiB,GACAC,GACAlB,EAAQmB,QACRnB,EAAQoB,QACRpB,EAAQqB,YACRrB,EAAQsB,QAAQ,EAEfC,OAAQC,OAAMA,KAAM,IAAuB,EAC3CC,KAAK,GAAG;AACb;AAMO,SAASC,EAAiB;AAAA,EAC/BC,qBAAAA;AAAAA,EACAP,QAAAA;AAAAA,EACAQ,kBAAAA;AAAAA,EACAC,YAAAA;AAMF,GAAG;AACD,SAAO,CAACF,GAAqBP,GAAQQ,GAAkBC,CAAU,EAC9DN,OAAQC,CAAMA,MAAAA,KAAM,IAAuB,EAC3CC,KAAK,GAAG;AACb;"}

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

@@ -5,27 +5,27 @@ import "@knocklabs/client";
 import "zustand/shallow";
 import { feedProviderKey as a } from "../../core/utils.mjs";
 import k from "../hooks/useNotifications.mjs";
-const i = o.createContext(null), C = ({
+const i = o.createContext(void 0), F = ({
   feedId: e,
   children: c,
-  defaultFeedOptions: t = {},
+  defaultFeedOptions: n = {},
   colorMode: s = "light"
 }) => {
-  const r = d(), n = k(r, e, t), m = u(n.store);
-  return /* @__PURE__ */ o.createElement(i.Provider, { key: a(e, t), value: {
-    knock: r,
-    feedClient: n,
+  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,
     useFeedStore: m,
     colorMode: s
   } }, c);
-}, F = () => {
+}, l = () => {
   const e = o.useContext(i);
-  if (e === void 0)
+  if (!e)
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   return e;
 };
 export {
-  C as KnockFeedProvider,
-  F as useKnockFeed
+  F as KnockFeedProvider,
+  l 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 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<KnockFeedProviderState | null>(\n  null,\n);\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 = create<FeedStoreState>(feedClient.store);\n\n  return (\n    <FeedStateContext.Provider\n      key={feedProviderKey(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  if (context === undefined) {\n    throw new Error(\"useKnockFeed must be used within a KnockFeedProvider\");\n  }\n  return context as KnockFeedProviderState;\n};\n"],"names":["FeedStateContext","React","createContext","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","store","feedProviderKey","useKnockFeed","context","useContext","undefined","Error"],"mappings":";;;;;;;AAqBA,MAAMA,IAAmBC,EAAMC,cAC7B,IACF,GAaaC,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,EAAuBH,EAAWI,KAAK;AAG1D,SAAA,gBAAAb,EAAA,cAACD,EAAiB,UAAjB,EACC,KAAKe,EAAgBX,GAAQE,CAAkB,GAC/C,OAAO;AAAA,IACLE,OAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAL,WAAAA;AAAAA,EAAAA,KAGDF,CACH;AAEJ,GAEaW,IAAeA,MAA8B;AAClDC,QAAAA,IAAUhB,EAAMiB,WAAWlB,CAAgB;AACjD,MAAIiB,MAAYE;AACR,UAAA,IAAIC,MAAM,sDAAsD;AAEjEH,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 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;"}

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

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

@@ -7,7 +7,7 @@ type FormatTimestampOptions = {
 export declare function formatTimestamp(ts: string, options?: FormatTimestampOptions): string;
 export declare function toSentenceCase(string: string): string;
 export declare function renderNodeOrFallback(node: ReactNode, fallback: ReactNode): ReactNode;
-export declare function feedProviderKey(userFeedId: string, options?: FeedClientOptions): string;
+export declare function feedProviderKey(userId: string | undefined, feedId: string, options?: FeedClientOptions): string;
 export declare function slackProviderKey({ knockSlackChannelId, tenant, connectionStatus, errorLabel, }: {
     knockSlackChannelId: string;
     tenant: string;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/core/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE/D;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,sBAA2B,UAYrC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,aAExE;AAMD,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,iBAAsB,UAWhC;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,MAAM,EACN,gBAAgB,EAChB,UAAU,GACX,EAAE;IACD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,UAIA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/core/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAE/D;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,sBAA2B,UAYrC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,aAExE;AAMD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,iBAAsB,UAYhC;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,mBAAmB,EACnB,MAAM,EACN,gBAAgB,EAChB,UAAU,GACX,EAAE;IACD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,UAIA"}

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,CAmB1C,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAM/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,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"}

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.16",
+  "version": "0.2.17",
   "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.6",
+    "@knocklabs/client": "^0.10.7",
     "date-fns": "^3.3.1",
     "swr": "^2.2.5",
     "zustand": "^3.7.2"

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

@@ -30,7 +30,13 @@ function useAuthenticatedKnockClient(
   // set of options between re-renders.
   const stableOptions = React.useMemo(() => {
     const currentOptions = optionsRef.current || {};
-    return shallow(options, currentOptions) ? currentOptions : options;
+
+    if (shallow(options, currentOptions)) {
+      return currentOptions;
+    }
+
+    optionsRef.current = options;
+    return options;
   }, [options]);
 
   return React.useMemo(() => {

package/src/modules/core/utils.ts

@@ -39,11 +39,13 @@ export function renderNodeOrFallback(node: ReactNode, fallback: ReactNode) {
   to trigger a re-render of the context when a key property changes.
 */
 export function feedProviderKey(
-  userFeedId: string,
+  userId: string | undefined,
+  feedId: string,
   options: FeedClientOptions = {},
 ) {
   return [
-    userFeedId,
+    userId,
+    feedId,
     options.source,
     options.tenant,
     options.has_tenant,

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

@@ -19,9 +19,9 @@ export interface KnockFeedProviderState {
   colorMode: ColorMode;
 }
 
-const FeedStateContext = React.createContext<KnockFeedProviderState | null>(
-  null,
-);
+const FeedStateContext = React.createContext<
+  KnockFeedProviderState | undefined
+>(undefined);
 
 export interface KnockFeedProviderProps {
   // Feed props
@@ -39,11 +39,15 @@ export const KnockFeedProvider: React.FC<
 > = ({ feedId, children, defaultFeedOptions = {}, colorMode = "light" }) => {
   const knock = useKnockClient();
   const feedClient = useNotifications(knock, feedId, defaultFeedOptions);
-  const useFeedStore = create<FeedStoreState>(feedClient.store);
+
+  const useFeedStore = React.useMemo(
+    () => create<FeedStoreState>(feedClient.store),
+    [feedClient],
+  );
 
   return (
     <FeedStateContext.Provider
-      key={feedProviderKey(feedId, defaultFeedOptions)}
+      key={feedProviderKey(knock.userId, feedId, defaultFeedOptions)}
       value={{
         knock,
         feedClient,
@@ -58,8 +62,10 @@ export const KnockFeedProvider: React.FC<
 
 export const useKnockFeed = (): KnockFeedProviderState => {
   const context = React.useContext(FeedStateContext);
-  if (context === undefined) {
+
+  if (!context) {
     throw new Error("useKnockFeed must be used within a KnockFeedProvider");
   }
-  return context as KnockFeedProviderState;
+
+  return context;
 };