@knocklabs/react-core 0.1.3 → 0.1.4

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),l=require("../hooks/useAuthenticatedKnockClient.js"),k=require("../../i18n/context/KnockI18nProvider.js");function f(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 o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=f(d),i=c.createContext(null),v=({apiKey:e,host:n,userId:t,userToken:o,children:u,i18n:s})=>{const a=l(e,t,o,{host:n});return r.jsx(i.Provider,{value:{knock:a},children:r.jsx(k.KnockI18nProvider,{i18n:s,children:u})})},b=()=>{const e=c.useContext(i);if(e===void 0)throw new Error("useKnock must be used within a KnockProvider");return e.knock};exports.KnockProvider=v;exports.useKnockClient=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),v=require("../../i18n/context/KnockI18nProvider.js"),P=require("../hooks/useAuthenticatedKnockClient.js");function j(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 o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=j(b),s=r.createContext(null),K=({apiKey:e,host:n,logLevel:t,userId:o,userToken:a,onUserTokenExpiring:c,timeBeforeExpirationInMs:u,children:d,i18n:l})=>{const k=r.useMemo(()=>({host:n,onUserTokenExpiring:c,timeBeforeExpirationInMs:u,logLevel:t}),[n,c,u,t]),f=P(e,o,a,k);return i.jsx(s.Provider,{value:{knock:f},children:i.jsx(v.KnockI18nProvider,{i18n:l,children:d})})},m=()=>{const e=r.useContext(s);if(e===void 0)throw new Error("useKnock must be used within a KnockProvider");return e.knock};exports.KnockProvider=K;exports.useKnockClient=m;
 //# 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 * as React from \"react\";\nimport Knock from \"@knocklabs/client\";\n\nimport { useAuthenticatedKnockClient } from \"../hooks\";\nimport { KnockI18nProvider, I18nContent } from \"../../i18n\";\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\n  // Extra options\n  children?: React.ReactElement;\n\n  // i18n translations\n  i18n?: I18nContent;\n}\n\nexport const KnockProvider: React.FC<KnockProviderProps> = ({\n  apiKey,\n  host,\n  userId,\n  userToken,\n  children,\n  i18n,\n}) => {\n  const knock = useAuthenticatedKnockClient(apiKey, userId, userToken, {\n    host,\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","KnockProvider","apiKey","host","userId","userToken","children","i18n","knock","useAuthenticatedKnockClient","jsx","KnockI18nProvider","useKnockClient","context"],"mappings":"6jBAUMA,EAAuBC,EAAM,cACjC,IACF,EAiBaC,EAA8C,CAAC,CAC1D,OAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,CACF,IAAM,CACJ,MAAMC,EAAQC,EAA4BP,EAAQE,EAAQC,EAAW,CACnE,KAAAF,CAAA,CACD,EAGC,OAAAO,EAAA,IAACX,EAAqB,SAArB,CACC,MAAO,CACL,MAAAS,CACF,EAEA,SAAAE,EAAAA,IAACC,EAAAA,kBAAkB,CAAA,KAAAJ,EAAa,SAAAD,CAAS,CAAA,CAAA,CAAA,CAG/C,EAEaM,EAAiB,IAAa,CACnC,MAAAC,EAAUb,EAAM,WAAWD,CAAoB,EACrD,GAAIc,IAAY,OACR,MAAA,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,EAAQ,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\";\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  // Extra options\n  children?: React.ReactElement;\n\n  // i18n translations\n  i18n?: I18nContent;\n\n  logLevel?: LogLevel;\n}\n\nexport const KnockProvider: React.FC<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  // TODO: we probably need to put this optimization into the `useAuthenticatedKnockClient`\n  // hook itself to fix this\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","KnockProvider","apiKey","host","logLevel","userId","userToken","onUserTokenExpiring","timeBeforeExpirationInMs","children","i18n","authenticateOptions","knock","useAuthenticatedKnockClient","jsx","KnockI18nProvider","useKnockClient","context"],"mappings":"6jBAUMA,EAAuBC,EAAM,cACjC,IACF,EAqBaC,EAA8C,CAAC,CAC1D,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,yBAAAC,EACA,SAAAC,EACA,KAAAC,CACF,IAAM,CAIJ,MAAMC,EAAsBX,EAAM,QAChC,KAAO,CACL,KAAAG,EACA,oBAAAI,EACA,yBAAAC,EACA,SAAAJ,CAAA,GAEF,CAACD,EAAMI,EAAqBC,EAA0BJ,CAAQ,CAAA,EAG1DQ,EAAQC,EACZX,EACAG,EACAC,EACAK,CAAA,EAIA,OAAAG,EAAA,IAACf,EAAqB,SAArB,CACC,MAAO,CACL,MAAAa,CACF,EAEA,SAAAE,EAAAA,IAACC,EAAAA,kBAAkB,CAAA,KAAAL,EAAa,SAAAD,CAAS,CAAA,CAAA,CAAA,CAG/C,EAEaO,EAAiB,IAAa,CACnC,MAAAC,EAAUjB,EAAM,WAAWD,CAAoB,EACrD,GAAIkB,IAAY,OACR,MAAA,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,EAAQ,KACjB"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("react"),f=require("@knocklabs/client"),r=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},s=r(u),i=r(f);function l(t,c,o,a={}){const e=s.default.useRef();return u.useMemo(()=>{e.current&&e.current.teardown();const n=new i.default(t,a);return n.authenticate(c,o),e.current=n,n},[t,c,o])}module.exports=l;
+"use strict";const l=require("@knocklabs/client"),i=require("react"),k=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},d=k(l),o=k(i);function f(t,c,r,e={}){t.authenticate(c,r,{onUserTokenExpiring:e==null?void 0:e.onUserTokenExpiring,timeBeforeExpirationInMs:e==null?void 0:e.timeBeforeExpirationInMs})}function h(t,c,r,e={}){const a=o.default.useRef();return i.useMemo(()=>{const n=a.current;if(n&&n.isAuthenticated()&&(n.userId!==c||n.userToken!==r))return f(n,c,r,e),n;n&&n.teardown();const u=new d.default(t,e);return f(u,c,r,e),a.current=u,u},[t,c,r,e])}module.exports=h;
 //# 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 React, { useMemo } from \"react\";\nimport Knock, { KnockOptions } from \"@knocklabs/client\";\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken: string | undefined,\n  options: KnockOptions = {},\n) {\n  const knockRef = React.useRef<Knock | null>();\n\n  return useMemo(() => {\n    if (knockRef.current) knockRef.current.teardown();\n\n    const knock = new Knock(apiKey, options);\n    knock.authenticate(userId, userToken);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["useAuthenticatedKnockClient","apiKey","userId","userToken","options","knockRef","React","useMemo","knock","Knock"],"mappings":"2IAGA,SAASA,EACPC,EACAC,EACAC,EACAC,EAAwB,CAAA,EACxB,CACM,MAAAC,EAAWC,UAAM,SAEvB,OAAOC,UAAQ,IAAM,CACfF,EAAS,SAASA,EAAS,QAAQ,WAEvC,MAAMG,EAAQ,IAAIC,EAAAA,QAAMR,EAAQG,CAAO,EACjC,OAAAI,EAAA,aAAaN,EAAQC,CAAS,EACpCE,EAAS,QAAUG,EAEZA,CACN,EAAA,CAACP,EAAQC,EAAQC,CAAS,CAAC,CAChC"}
+{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React, { useMemo } from \"react\";\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\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: KnockOptions & AuthenticateOptions = {},\n) {\n  const knockRef = React.useRef<Knock | null>();\n\n  return 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, options);\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, options);\n    authenticateWithOptions(knock, userId, userToken, options);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, options]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","useAuthenticatedKnockClient","apiKey","knockRef","React","useMemo","currentKnock","Knock"],"mappings":"2IAGA,SAASA,EACPC,EACAC,EACAC,EACAC,EAA+B,CAAA,EAC/B,CACMH,EAAA,aAAaC,EAAQC,EAAW,CACpC,oBAAqBC,GAAA,YAAAA,EAAS,oBAC9B,yBAA0BA,GAAA,YAAAA,EAAS,wBAAA,CACpC,CACH,CAEA,SAASC,EACPC,EACAJ,EACAC,EACAC,EAA8C,CAAA,EAC9C,CACM,MAAAG,EAAWC,UAAM,SAEvB,OAAOC,UAAQ,IAAM,CACnB,MAAMC,EAAeH,EAAS,QAI5B,GAAAG,GACAA,EAAa,gBAAgB,IAC5BA,EAAa,SAAWR,GAAUQ,EAAa,YAAcP,GAEtC,OAAAH,EAAAU,EAAcR,EAAQC,EAAWC,CAAO,EACzDM,EAGLA,GACFA,EAAa,SAAS,EAIxB,MAAMT,EAAQ,IAAIU,EAAAA,QAAML,EAAQF,CAAO,EACf,OAAAJ,EAAAC,EAAOC,EAAQC,EAAWC,CAAO,EACzDG,EAAS,QAAUN,EAEZA,GACN,CAACK,EAAQJ,EAAQC,EAAWC,CAAO,CAAC,CACzC"}

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/jsx-runtime"),d=require("react"),l=require("zustand"),f=require("../hooks/useNotifications.js"),b=require("../../core/utils.js"),k=require("../../core/context/KnockProvider.js");require("@knocklabs/client");const p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function v(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 u=v(d),j=p(l),i=u.createContext(null),m=({feedId:e,children:o,defaultFeedOptions:t={},colorMode:r="light"})=>{const n=k.useKnockClient(),c=f(n,e,t),s=j.default(c.store);return a.jsx(i.Provider,{value:{knock:n,feedClient:c,useFeedStore:s,colorMode:r},children:o},b.feedProviderKey(e,t))},K=()=>{const e=u.useContext(i);if(e===void 0)throw new Error("useKnockFeed must be used within a KnockFeedProvider");return e};exports.KnockFeedProvider=m;exports.useKnockFeed=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),l=require("zustand"),f=require("../../core/context/KnockProvider.js");require("@knocklabs/client");const b=require("../../core/utils.js"),k=require("../hooks/useNotifications.js"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function v(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 u=v(d),j=p(l),i=u.createContext(null),m=({feedId:e,children:o,defaultFeedOptions:t={},colorMode:r="light"})=>{const n=f.useKnockClient(),c=k(n,e,t),s=j.default(c.store);return a.jsx(i.Provider,{value:{knock:n,feedClient:c,useFeedStore:s,colorMode:r},children:o},b.feedProviderKey(e,t))},K=()=>{const e=u.useContext(i);if(e===void 0)throw new Error("useKnockFeed must be used within a KnockFeedProvider");return e};exports.KnockFeedProvider=m;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 * as React from \"react\";\nimport Knock, {\n  Feed,\n  FeedClientOptions,\n  FeedStoreState,\n} from \"@knocklabs/client\";\nimport create, { StoreApi, UseStore } from \"zustand\";\n\nimport { ColorMode } from \"../../core/constants\";\nimport useNotifications from \"../hooks/useNotifications\";\nimport { feedProviderKey } from \"../../core/utils\";\nimport { useKnockClient } from \"../../core\";\n\nexport interface KnockFeedProviderState {\n  knock: Knock;\n  feedClient: Feed;\n  useFeedStore: UseStore<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  children?: React.ReactElement;\n  colorMode?: ColorMode;\n\n  // Feed client options\n  defaultFeedOptions?: FeedClientOptions;\n}\n\nexport const KnockFeedProvider: React.FC<KnockFeedProviderProps> = ({\n  feedId,\n  children,\n  defaultFeedOptions = {},\n  colorMode = \"light\",\n}) => {\n  const knock = useKnockClient();\n\n  const feedClient = useNotifications(knock, feedId, defaultFeedOptions);\n  const useFeedStore = create(feedClient.store as StoreApi<FeedStoreState>);\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","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","jsx","feedProviderKey","useKnockFeed","context"],"mappings":"ssBAoBMA,EAAmBC,EAAM,cAC7B,IACF,EAcaC,EAAsD,CAAC,CAClE,OAAAC,EACA,SAAAC,EACA,mBAAAC,EAAqB,CAAC,EACtB,UAAAC,EAAY,OACd,IAAM,CACJ,MAAMC,EAAQC,EAAAA,iBAERC,EAAaC,EAAiBH,EAAOJ,EAAQE,CAAkB,EAC/DM,EAAeC,EAAAA,QAAOH,EAAW,KAAiC,EAGtE,OAAAI,EAAA,IAACb,EAAiB,SAAjB,CAEC,MAAO,CACL,MAAAO,EACA,WAAAE,EACA,aAAAE,EACA,UAAAL,CACF,EAEC,SAAAF,CAAA,EARIU,EAAA,gBAAgBX,EAAQE,CAAkB,CAAA,CAWrD,EAEaU,EAAe,IAA8B,CAClD,MAAAC,EAAUf,EAAM,WAAWD,CAAgB,EACjD,GAAIgB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,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 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  children?: React.ReactElement;\n  colorMode?: ColorMode;\n\n  // Feed client options\n  defaultFeedOptions?: FeedClientOptions;\n}\n\nexport const KnockFeedProvider: React.FC<KnockFeedProviderProps> = ({\n  feedId,\n  children,\n  defaultFeedOptions = {},\n  colorMode = \"light\",\n}) => {\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","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","jsx","feedProviderKey","useKnockFeed","context"],"mappings":"ssBAoBMA,EAAmBC,EAAM,cAC7B,IACF,EAcaC,EAAsD,CAAC,CAClE,OAAAC,EACA,SAAAC,EACA,mBAAAC,EAAqB,CAAC,EACtB,UAAAC,EAAY,OACd,IAAM,CACJ,MAAMC,EAAQC,EAAAA,iBACRC,EAAaC,EAAiBH,EAAOJ,EAAQE,CAAkB,EAC/DM,EAAeC,EAAAA,QAAuBH,EAAW,KAAK,EAG1D,OAAAI,EAAA,IAACb,EAAiB,SAAjB,CAEC,MAAO,CACL,MAAAO,EACA,WAAAE,EACA,aAAAE,EACA,UAAAL,CACF,EAEC,SAAAF,CAAA,EARIU,EAAA,gBAAgBX,EAAQE,CAAkB,CAAA,CAWrD,EAEaU,EAAe,IAA8B,CAClD,MAAAC,EAAUf,EAAM,WAAWD,CAAgB,EACjD,GAAIgB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,OAAAA,CACT"}

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

@@ -1,2 +1,2 @@
-"use strict";const c=require("react");function i(n,u,e={}){const t=c.useRef();return c.useMemo(()=>{t.current&&t.current.teardown();const r=n.feeds.initialize(u,e);return r.listenForUpdates(),t.current=r,r},[n,u,e.source,e.tenant,e.has_tenant,e.archived])}module.exports=i;
+"use strict";const n=require("react");function u(s,i,e={}){const t=n.useRef();return n.useMemo(()=>{t.current&&t.current.dispose();const r=s.feeds.initialize(i,e);return r.listenForUpdates(),t.current=r,r},[s,i,e.source,e.tenant,e.has_tenant,e.archived])}module.exports=u;
 //# 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  feedId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) feedClientRef.current.teardown();\n\n    const feedClient = knock.feeds.initialize(feedId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\n  }, [\n    knock,\n    feedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedId","options","feedClientRef","useRef","useMemo","feedClient"],"mappings":"sCAGA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAEtB,OAAOC,UAAQ,IAAM,CACfF,EAAc,SAASA,EAAc,QAAQ,WAEjD,MAAMG,EAAaN,EAAM,MAAM,WAAWC,EAAQC,CAAO,EAEzD,OAAAI,EAAW,iBAAiB,EAC5BH,EAAc,QAAUG,EAEjBA,CAAA,EACN,CACDN,EACAC,EACAC,EAAQ,OACRA,EAAQ,OACRA,EAAQ,WACRA,EAAQ,QAAA,CACT,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\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    const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\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","feedClient"],"mappings":"sCAGA,SAASA,EACPC,EACAC,EACAC,EAA6B,CAAA,EAC7B,CACA,MAAMC,EAAgBC,EAAAA,SAEtB,OAAOC,UAAQ,IAAM,CACfF,EAAc,SAChBA,EAAc,QAAQ,UAGxB,MAAMG,EAAaN,EAAM,MAAM,WAAWC,EAAeC,CAAO,EAEhE,OAAAI,EAAW,iBAAiB,EAC5BH,EAAc,QAAUG,EAEjBA,CAAA,EACN,CACDN,EACAC,EACAC,EAAQ,OACRA,EAAQ,OACRA,EAAQ,WACRA,EAAQ,QAAA,CACT,CACH"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"KnockProvider.js","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Knock from \"@knocklabs/client\";\n\nimport { useAuthenticatedKnockClient } from \"../hooks\";\nimport { KnockI18nProvider, I18nContent } from \"../../i18n\";\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\n  // Extra options\n  children?: React.ReactElement;\n\n  // i18n translations\n  i18n?: I18nContent;\n}\n\nexport const KnockProvider: React.FC<KnockProviderProps> = ({\n  apiKey,\n  host,\n  userId,\n  userToken,\n  children,\n  i18n,\n}) => {\n  const knock = useAuthenticatedKnockClient(apiKey, userId, userToken, {\n    host,\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","KnockProvider","apiKey","host","userId","userToken","children","i18n","knock","useAuthenticatedKnockClient","jsx","KnockI18nProvider","useKnockClient","context"],"mappings":";;;;AAUA,MAAMA,IAAuBC,EAAM;AAAA,EACjC;AACF,GAiBaC,IAA8C,CAAC;AAAA,EAC1D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC,EAA4BP,GAAQE,GAAQC,GAAW;AAAA,IACnE,MAAAF;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAO;AAAA,IAACX,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,OAAAS;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAE,EAACC,GAAkB,EAAA,MAAAJ,GAAa,UAAAD,EAAS,CAAA;AAAA,IAAA;AAAA,EAAA;AAG/C,GAEaM,IAAiB,MAAa;AACnC,QAAAC,IAAUb,EAAM,WAAWD,CAAoB;AACrD,MAAIc,MAAY;AACR,UAAA,IAAI,MAAM,8CAA8C;AAEhE,SAAOA,EAAQ;AACjB;"}
+{"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\";\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  // Extra options\n  children?: React.ReactElement;\n\n  // i18n translations\n  i18n?: I18nContent;\n\n  logLevel?: LogLevel;\n}\n\nexport const KnockProvider: React.FC<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  // TODO: we probably need to put this optimization into the `useAuthenticatedKnockClient`\n  // hook itself to fix this\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","KnockProvider","apiKey","host","logLevel","userId","userToken","onUserTokenExpiring","timeBeforeExpirationInMs","children","i18n","authenticateOptions","knock","useAuthenticatedKnockClient","jsx","KnockI18nProvider","useKnockClient","context"],"mappings":";;;;AAUA,MAAMA,IAAuBC,EAAM;AAAA,EACjC;AACF,GAqBaC,IAA8C,CAAC;AAAA,EAC1D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AAIJ,QAAMC,IAAsBX,EAAM;AAAA,IAChC,OAAO;AAAA,MACL,MAAAG;AAAA,MACA,qBAAAI;AAAA,MACA,0BAAAC;AAAA,MACA,UAAAJ;AAAA,IAAA;AAAA,IAEF,CAACD,GAAMI,GAAqBC,GAA0BJ,CAAQ;AAAA,EAAA,GAG1DQ,IAAQC;AAAA,IACZX;AAAA,IACAG;AAAA,IACAC;AAAA,IACAK;AAAA,EAAA;AAIA,SAAA,gBAAAG;AAAA,IAACf,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,OAAAa;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAE,EAACC,GAAkB,EAAA,MAAAL,GAAa,UAAAD,EAAS,CAAA;AAAA,IAAA;AAAA,EAAA;AAG/C,GAEaO,IAAiB,MAAa;AACnC,QAAAC,IAAUjB,EAAM,WAAWD,CAAoB;AACrD,MAAIkB,MAAY;AACR,UAAA,IAAI,MAAM,8CAA8C;AAEhE,SAAOA,EAAQ;AACjB;"}

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

@@ -1,14 +1,23 @@
-import u, { useMemo as f } from "react";
-import a from "@knocklabs/client";
-function m(n, r, c, o = {}) {
-  const t = u.useRef();
-  return f(() => {
-    t.current && t.current.teardown();
-    const e = new a(n, o);
-    return e.authenticate(r, c), t.current = e, e;
-  }, [n, r, c]);
+import i from "@knocklabs/client";
+import k, { useMemo as m } from "react";
+function f(c, n, r, e = {}) {
+  c.authenticate(n, r, {
+    onUserTokenExpiring: e == null ? void 0 : e.onUserTokenExpiring,
+    timeBeforeExpirationInMs: e == null ? void 0 : e.timeBeforeExpirationInMs
+  });
+}
+function E(c, n, r, e = {}) {
+  const a = k.useRef();
+  return m(() => {
+    const t = a.current;
+    if (t && t.isAuthenticated() && (t.userId !== n || t.userToken !== r))
+      return f(t, n, r, e), t;
+    t && t.teardown();
+    const u = new i(c, e);
+    return f(u, n, r, e), a.current = u, u;
+  }, [c, n, r, e]);
 }
 export {
-  m as default
+  E as default
 };
 //# sourceMappingURL=useAuthenticatedKnockClient.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport Knock, { KnockOptions } from \"@knocklabs/client\";\n\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken: string | undefined,\n  options: KnockOptions = {},\n) {\n  const knockRef = React.useRef<Knock | null>();\n\n  return useMemo(() => {\n    if (knockRef.current) knockRef.current.teardown();\n\n    const knock = new Knock(apiKey, options);\n    knock.authenticate(userId, userToken);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["useAuthenticatedKnockClient","apiKey","userId","userToken","options","knockRef","React","useMemo","knock","Knock"],"mappings":";;AAGA,SAASA,EACPC,GACAC,GACAC,GACAC,IAAwB,CAAA,GACxB;AACM,QAAAC,IAAWC,EAAM;AAEvB,SAAOC,EAAQ,MAAM;AACnB,IAAIF,EAAS,WAASA,EAAS,QAAQ;AAEvC,UAAMG,IAAQ,IAAIC,EAAMR,GAAQG,CAAO;AACjC,WAAAI,EAAA,aAAaN,GAAQC,CAAS,GACpCE,EAAS,UAAUG,GAEZA;AAAA,EACN,GAAA,CAACP,GAAQC,GAAQC,CAAS,CAAC;AAChC;"}
+{"version":3,"file":"useAuthenticatedKnockClient.js","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React, { useMemo } from \"react\";\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\nfunction useAuthenticatedKnockClient(\n  apiKey: string,\n  userId: string,\n  userToken?: string,\n  options: KnockOptions & AuthenticateOptions = {},\n) {\n  const knockRef = React.useRef<Knock | null>();\n\n  return 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, options);\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, options);\n    authenticateWithOptions(knock, userId, userToken, options);\n    knockRef.current = knock;\n\n    return knock;\n  }, [apiKey, userId, userToken, options]);\n}\n\nexport default useAuthenticatedKnockClient;\n"],"names":["authenticateWithOptions","knock","userId","userToken","options","useAuthenticatedKnockClient","apiKey","knockRef","React","useMemo","currentKnock","Knock"],"mappings":";;AAGA,SAASA,EACPC,GACAC,GACAC,GACAC,IAA+B,CAAA,GAC/B;AACM,EAAAH,EAAA,aAAaC,GAAQC,GAAW;AAAA,IACpC,qBAAqBC,KAAA,gBAAAA,EAAS;AAAA,IAC9B,0BAA0BA,KAAA,gBAAAA,EAAS;AAAA,EAAA,CACpC;AACH;AAEA,SAASC,EACPC,GACAJ,GACAC,GACAC,IAA8C,CAAA,GAC9C;AACM,QAAAG,IAAWC,EAAM;AAEvB,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAAeH,EAAS;AAI5B,QAAAG,KACAA,EAAa,gBAAgB,MAC5BA,EAAa,WAAWR,KAAUQ,EAAa,cAAcP;AAEtC,aAAAH,EAAAU,GAAcR,GAAQC,GAAWC,CAAO,GACzDM;AAGT,IAAIA,KACFA,EAAa,SAAS;AAIxB,UAAMT,IAAQ,IAAIU,EAAML,GAAQF,CAAO;AACf,WAAAJ,EAAAC,GAAOC,GAAQC,GAAWC,CAAO,GACzDG,EAAS,UAAUN,GAEZA;AAAA,KACN,CAACK,GAAQJ,GAAQC,GAAWC,CAAO,CAAC;AACzC;"}

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

@@ -1,10 +1,10 @@
 import { jsx as u } from "react/jsx-runtime";
 import * as n from "react";
 import d from "zustand";
-import f from "../hooks/useNotifications.js";
-import { feedProviderKey as a } from "../../core/utils.js";
-import { useKnockClient as k } from "../../core/context/KnockProvider.js";
+import { useKnockClient as f } from "../../core/context/KnockProvider.js";
 import "@knocklabs/client";
+import { feedProviderKey as a } from "../../core/utils.js";
+import k from "../hooks/useNotifications.js";
 const i = n.createContext(
   null
 ), F = ({
@@ -13,7 +13,7 @@ const i = n.createContext(
   defaultFeedOptions: o = {},
   colorMode: s = "light"
 }) => {
-  const t = k(), r = f(t, e, o), m = d(r.store);
+  const t = f(), r = k(t, e, o), m = d(r.store);
   return /* @__PURE__ */ u(
     i.Provider,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"KnockFeedProvider.js","sources":["../../../../../src/modules/feed/context/KnockFeedProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Knock, {\n  Feed,\n  FeedClientOptions,\n  FeedStoreState,\n} from \"@knocklabs/client\";\nimport create, { StoreApi, UseStore } from \"zustand\";\n\nimport { ColorMode } from \"../../core/constants\";\nimport useNotifications from \"../hooks/useNotifications\";\nimport { feedProviderKey } from \"../../core/utils\";\nimport { useKnockClient } from \"../../core\";\n\nexport interface KnockFeedProviderState {\n  knock: Knock;\n  feedClient: Feed;\n  useFeedStore: UseStore<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  children?: React.ReactElement;\n  colorMode?: ColorMode;\n\n  // Feed client options\n  defaultFeedOptions?: FeedClientOptions;\n}\n\nexport const KnockFeedProvider: React.FC<KnockFeedProviderProps> = ({\n  feedId,\n  children,\n  defaultFeedOptions = {},\n  colorMode = \"light\",\n}) => {\n  const knock = useKnockClient();\n\n  const feedClient = useNotifications(knock, feedId, defaultFeedOptions);\n  const useFeedStore = create(feedClient.store as StoreApi<FeedStoreState>);\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","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","jsx","feedProviderKey","useKnockFeed","context"],"mappings":";;;;;;;AAoBA,MAAMA,IAAmBC,EAAM;AAAA,EAC7B;AACF,GAcaC,IAAsD,CAAC;AAAA,EAClE,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC,IAAqB,CAAC;AAAA,EACtB,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAQC,KAERC,IAAaC,EAAiBH,GAAOJ,GAAQE,CAAkB,GAC/DM,IAAeC,EAAOH,EAAW,KAAiC;AAGtE,SAAA,gBAAAI;AAAA,IAACb,EAAiB;AAAA,IAAjB;AAAA,MAEC,OAAO;AAAA,QACL,OAAAO;AAAA,QACA,YAAAE;AAAA,QACA,cAAAE;AAAA,QACA,WAAAL;AAAA,MACF;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,IARIU,EAAgBX,GAAQE,CAAkB;AAAA,EAAA;AAWrD,GAEaU,IAAe,MAA8B;AAClD,QAAAC,IAAUf,EAAM,WAAWD,CAAgB;AACjD,MAAIgB,MAAY;AACR,UAAA,IAAI,MAAM,sDAAsD;AAEjE,SAAAA;AACT;"}
+{"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 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  children?: React.ReactElement;\n  colorMode?: ColorMode;\n\n  // Feed client options\n  defaultFeedOptions?: FeedClientOptions;\n}\n\nexport const KnockFeedProvider: React.FC<KnockFeedProviderProps> = ({\n  feedId,\n  children,\n  defaultFeedOptions = {},\n  colorMode = \"light\",\n}) => {\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","KnockFeedProvider","feedId","children","defaultFeedOptions","colorMode","knock","useKnockClient","feedClient","useNotifications","useFeedStore","create","jsx","feedProviderKey","useKnockFeed","context"],"mappings":";;;;;;;AAoBA,MAAMA,IAAmBC,EAAM;AAAA,EAC7B;AACF,GAcaC,IAAsD,CAAC;AAAA,EAClE,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC,IAAqB,CAAC;AAAA,EACtB,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAQC,KACRC,IAAaC,EAAiBH,GAAOJ,GAAQE,CAAkB,GAC/DM,IAAeC,EAAuBH,EAAW,KAAK;AAG1D,SAAA,gBAAAI;AAAA,IAACb,EAAiB;AAAA,IAAjB;AAAA,MAEC,OAAO;AAAA,QACL,OAAAO;AAAA,QACA,YAAAE;AAAA,QACA,cAAAE;AAAA,QACA,WAAAL;AAAA,MACF;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,IARIU,EAAgBX,GAAQE,CAAkB;AAAA,EAAA;AAWrD,GAEaU,IAAe,MAA8B;AAClD,QAAAC,IAAUf,EAAM,WAAWD,CAAgB;AACjD,MAAIgB,MAAY;AACR,UAAA,IAAI,MAAM,sDAAsD;AAEjE,SAAAA;AACT;"}

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

@@ -1,13 +1,13 @@
-import { useRef as a, useMemo as i } from "react";
-function c(n, u, e = {}) {
-  const t = a();
-  return i(() => {
-    t.current && t.current.teardown();
-    const r = n.feeds.initialize(u, e);
+import { useRef as u, useMemo as s } from "react";
+function a(i, n, e = {}) {
+  const t = u();
+  return s(() => {
+    t.current && t.current.dispose();
+    const r = i.feeds.initialize(n, e);
     return r.listenForUpdates(), t.current = r, r;
   }, [
+    i,
     n,
-    u,
     e.source,
     e.tenant,
     e.has_tenant,
@@ -15,6 +15,6 @@ function c(n, u, e = {}) {
   ]);
 }
 export {
-  c as default
+  a as default
 };
 //# sourceMappingURL=useNotifications.js.map

package/dist/esm/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  feedId: string,\n  options: FeedClientOptions = {},\n) {\n  const feedClientRef = useRef<Feed | null>();\n\n  return useMemo(() => {\n    if (feedClientRef.current) feedClientRef.current.teardown();\n\n    const feedClient = knock.feeds.initialize(feedId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\n  }, [\n    knock,\n    feedId,\n    options.source,\n    options.tenant,\n    options.has_tenant,\n    options.archived,\n  ]);\n}\n\nexport default useNotifications;\n"],"names":["useNotifications","knock","feedId","options","feedClientRef","useRef","useMemo","feedClient"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC;AAEtB,SAAOC,EAAQ,MAAM;AACnB,IAAIF,EAAc,WAASA,EAAc,QAAQ;AAEjD,UAAMG,IAAaN,EAAM,MAAM,WAAWC,GAAQC,CAAO;AAEzD,WAAAI,EAAW,iBAAiB,GAC5BH,EAAc,UAAUG,GAEjBA;AAAA,EAAA,GACN;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRA,EAAQ;AAAA,EAAA,CACT;AACH;"}
+{"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    const feedClient = knock.feeds.initialize(feedChannelId, options);\n\n    feedClient.listenForUpdates();\n    feedClientRef.current = feedClient;\n\n    return feedClient;\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","feedClient"],"mappings":";AAGA,SAASA,EACPC,GACAC,GACAC,IAA6B,CAAA,GAC7B;AACA,QAAMC,IAAgBC;AAEtB,SAAOC,EAAQ,MAAM;AACnB,IAAIF,EAAc,WAChBA,EAAc,QAAQ;AAGxB,UAAMG,IAAaN,EAAM,MAAM,WAAWC,GAAeC,CAAO;AAEhE,WAAAI,EAAW,iBAAiB,GAC5BH,EAAc,UAAUG,GAEjBA;AAAA,EAAA,GACN;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRA,EAAQ;AAAA,IACRA,EAAQ;AAAA,EAAA,CACT;AACH;"}

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

@@ -1,5 +1,5 @@
+import Knock, { AuthenticateOptions, LogLevel } from "@knocklabs/client";
 import * as React from "react";
-import Knock from "@knocklabs/client";
 import { I18nContent } from "../../i18n";
 export interface KnockProviderState {
     knock: Knock;
@@ -9,8 +9,11 @@ export interface KnockProviderProps {
     host?: string;
     userId: string;
     userToken?: string;
+    onUserTokenExpiring?: AuthenticateOptions["onUserTokenExpiring"];
+    timeBeforeExpirationInMs?: AuthenticateOptions["timeBeforeExpirationInMs"];
     children?: React.ReactElement;
     i18n?: I18nContent;
+    logLevel?: LogLevel;
 }
 export declare const KnockProvider: React.FC<KnockProviderProps>;
 export declare const useKnockClient: () => Knock;

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

@@ -1 +1 @@
-{"version":3,"file":"KnockProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAGtC,OAAO,EAAqB,WAAW,EAAE,MAAM,YAAY,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;CACd;AAMD,MAAM,WAAW,kBAAkB;IAEjC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAG9B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqBtD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,KAMjC,CAAC"}
+{"version":3,"file":"KnockProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/core/context/KnockProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAqB,MAAM,YAAY,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;CACd;AAMD,MAAM,WAAW,kBAAkB;IAEjC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACjE,wBAAwB,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IAG3E,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAG9B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwCtD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,KAMjC,CAAC"}

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

@@ -1,4 +1,4 @@
-import Knock, { KnockOptions } from "@knocklabs/client";
-declare function useAuthenticatedKnockClient(apiKey: string, userId: string, userToken: string | undefined, options?: KnockOptions): Knock;
+import Knock, { AuthenticateOptions, KnockOptions } from "@knocklabs/client";
+declare function useAuthenticatedKnockClient(apiKey: string, userId: string, userToken?: string, options?: KnockOptions & AuthenticateOptions): Knock;
 export default useAuthenticatedKnockClient;
 //# sourceMappingURL=useAuthenticatedKnockClient.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAExD,iBAAS,2BAA2B,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,OAAO,GAAE,YAAiB,SAa3B;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;AAe7E,iBAAS,2BAA2B,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,GAAE,YAAY,GAAG,mBAAwB,SA4BjD;AAED,eAAe,2BAA2B,CAAC"}

package/dist/types/modules/feed/context/KnockFeedProvider.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
 import Knock, { Feed, FeedClientOptions, FeedStoreState } from "@knocklabs/client";
-import { UseStore } from "zustand";
+import * as React from "react";
+import { UseBoundStore } from "zustand";
 import { ColorMode } from "../../core/constants";
 export interface KnockFeedProviderState {
     knock: Knock;
     feedClient: Feed;
-    useFeedStore: UseStore<FeedStoreState>;
+    useFeedStore: UseBoundStore<FeedStoreState>;
     colorMode: ColorMode;
 }
 export interface KnockFeedProviderProps {

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,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,EACZ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAe,EAAY,QAAQ,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,EAAE,SAAS,CAAC;CACtB;AAMD,MAAM,WAAW,sBAAsB;IAErC,MAAM,EAAE,MAAM,CAAC;IAGf,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwB9D,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,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,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuB9D,CAAC;AAEF,eAAO,MAAM,YAAY,QAAO,sBAM/B,CAAC"}

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

@@ -1,4 +1,4 @@
 import Knock, { Feed, FeedClientOptions } from "@knocklabs/client";
-declare function useNotifications(knock: Knock, feedId: string, options?: FeedClientOptions): Feed;
+declare function useNotifications(knock: Knock, feedChannelId: string, options?: FeedClientOptions): Feed;
 export default useNotifications;
 //# sourceMappingURL=useNotifications.d.ts.map

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,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,iBAAsB,QAqBhC;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;AAGnE,iBAAS,gBAAgB,CACvB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,GAAE,iBAAsB,QAuBhC;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.1.3",
+  "version": "0.1.4",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -21,10 +21,10 @@
   ],
   "scripts": {
     "clean": "rimraf dist",
-    "dev": "tsc && vite build --watch",
+    "dev": "tsc && vite build --watch  --emptyOutDir false",
     "build": "yarn clean && yarn build:esm && yarn build:cjs",
-    "build:esm": "export BUILD_TARGET=esm; tsc && vite build",
-    "build:cjs": "export BUILD_TARGET=cjs; tsc && vite build",
+    "build:esm": "BUILD_TARGET=esm; tsc && vite build",
+    "build:cjs": "BUILD_TARGET=cjs; tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "format": "prettier \"src/**/*.{js,ts,tsx}\" --write",
     "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
@@ -44,7 +44,7 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@knocklabs/client": "*",
+    "@knocklabs/client": "workspace:^",
     "date-fns": "^3.3.1",
     "zustand": "^3.7.2"
   },
@@ -67,4 +67,4 @@
     "vite-plugin-no-bundle": "^3.0.0",
     "vitest": "^1.2.2"
   }
-}
+}