@knocklabs/react-core 0.2.15 → 0.2.16

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.2.16
+
+### Patch Changes
+
+- 5d2ddab: fix: ensure options are memoized in useAuthenticatedKnockClient
+
 ## 0.2.15
 
 ### Patch Changes

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

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

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

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# 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, { 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","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","useMemo","currentKnock","current","isAuthenticated","teardown","Knock"],"mappings":"2IAGA,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,CAEA,SAASC,EACPC,EACAP,EACAC,EACAC,EAA8C,CAAA,EAC9C,CACMM,MAAAA,EAAWC,UAAMC,SAEvB,OAAOC,UAAQ,IAAM,CACnB,MAAMC,EAAeJ,EAASK,QAI5BD,GAAAA,GACAA,EAAaE,gBAAgB,IAC5BF,EAAaZ,SAAWA,GAAUY,EAAaX,YAAcA,GAEtCW,OAAAA,EAAAA,EAAcZ,EAAQC,EAAWC,CAAO,EACzDU,EAGLA,GACFA,EAAaG,SAAS,EAIxB,MAAMhB,EAAQ,IAAIiB,EAAAA,QAAMT,EAAQL,CAAO,EACfH,OAAAA,EAAAA,EAAOC,EAAQC,EAAWC,CAAO,EACzDM,EAASK,QAAUd,EAEZA,GACN,CAACQ,EAAQP,EAAQC,EAAWC,CAAO,CAAC,CACzC"}
+{"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"}

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");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),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;
 //# 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":"uqBAqBMA,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<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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"KnockSlackProvider.js","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"sourcesContent":["import { useSlackConnectionStatus } from \"..\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { slackProviderKey } from \"../../core\";\nimport { useKnockClient } from \"../../core\";\nimport { ConnectionStatus } from \"../hooks/useSlackConnectionStatus\";\n\nexport interface KnockSlackProviderState {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: ConnectionStatus;\n  setConnectionStatus: (connectionStatus: ConnectionStatus) => void;\n  errorLabel: string | null;\n  setErrorLabel: (label: string) => void;\n  actionLabel: string | null;\n  setActionLabel: (label: string | null) => void;\n}\n\nconst SlackProviderStateContext =\n  React.createContext<KnockSlackProviderState | null>(null);\n\nexport interface KnockSlackProviderProps {\n  knockSlackChannelId: string;\n  tenant: string;\n}\n\nexport const KnockSlackProvider: React.FC<\n  PropsWithChildren<KnockSlackProviderProps>\n> = ({ knockSlackChannelId, tenant, children }) => {\n  const knock = useKnockClient();\n\n  const {\n    connectionStatus,\n    setConnectionStatus,\n    errorLabel,\n    setErrorLabel,\n    actionLabel,\n    setActionLabel,\n  } = useSlackConnectionStatus(knock, knockSlackChannelId, tenant);\n\n  return (\n    <SlackProviderStateContext.Provider\n      key={slackProviderKey({\n        knockSlackChannelId,\n        tenant,\n        connectionStatus,\n        errorLabel,\n      })}\n      value={{\n        connectionStatus,\n        setConnectionStatus,\n        errorLabel,\n        setErrorLabel,\n        actionLabel,\n        setActionLabel,\n        knockSlackChannelId,\n        tenant,\n      }}\n    >\n      {children}\n    </SlackProviderStateContext.Provider>\n  );\n};\n\nexport const useKnockSlackClient = (): KnockSlackProviderState => {\n  const context = React.useContext(\n    SlackProviderStateContext,\n  ) as KnockSlackProviderState;\n  if (context === undefined) {\n    throw new Error(\n      \"useKnockSlackClient must be used within a KnockSlackProvider\",\n    );\n  }\n  return context as KnockSlackProviderState;\n};\n"],"names":["SlackProviderStateContext","React","createContext","KnockSlackProvider","knockSlackChannelId","tenant","children","knock","useKnockClient","connectionStatus","setConnectionStatus","errorLabel","setErrorLabel","actionLabel","setActionLabel","useSlackConnectionStatus","slackProviderKey","useKnockSlackClient","context","useContext","undefined","Error"],"mappings":"4qBAmBMA,EACJC,EAAMC,cAA8C,IAAI,EAO7CC,EAETA,CAAC,CAAEC,oBAAAA,EAAqBC,OAAAA,EAAQC,SAAAA,CAAS,IAAM,CACjD,MAAMC,EAAQC,EAAAA,iBAER,CACJC,iBAAAA,EACAC,oBAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,eAAAA,CACEC,EAAAA,EAAyBR,EAAOH,EAAqBC,CAAM,EAE/D,OACGJ,EAAA,cAAAD,EAA0B,SAA1B,CACC,IAAKgB,mBAAiB,CACpBZ,oBAAAA,EACAC,OAAAA,EACAI,iBAAAA,EACAE,WAAAA,CACD,CAAA,EACD,MAAO,CACLF,iBAAAA,EACAC,oBAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAV,oBAAAA,EACAC,OAAAA,CAAAA,GAGDC,CACH,CAEJ,EAEaW,EAAsBA,IAA+B,CAC1DC,MAAAA,EAAUjB,EAAMkB,WACpBnB,CACF,EACA,GAAIkB,IAAYE,OACR,MAAA,IAAIC,MACR,8DACF,EAEKH,OAAAA,CACT"}
+{"version":3,"file":"KnockSlackProvider.js","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"sourcesContent":["import { useSlackConnectionStatus } from \"..\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { slackProviderKey } from \"../../core\";\nimport { useKnockClient } from \"../../core\";\nimport { ConnectionStatus } from \"../hooks/useSlackConnectionStatus\";\n\nexport interface KnockSlackProviderState {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: ConnectionStatus;\n  setConnectionStatus: (connectionStatus: ConnectionStatus) => void;\n  errorLabel: string | null;\n  setErrorLabel: (label: string) => void;\n  actionLabel: string | null;\n  setActionLabel: (label: string | null) => void;\n}\n\nconst SlackProviderStateContext =\n  React.createContext<KnockSlackProviderState | null>(null);\n\nexport interface KnockSlackProviderProps {\n  knockSlackChannelId: string;\n  tenant: string;\n}\n\nexport const KnockSlackProvider: React.FC<\n  PropsWithChildren<KnockSlackProviderProps>\n> = ({ knockSlackChannelId, tenant, children }) => {\n  const knock = useKnockClient();\n\n  const {\n    connectionStatus,\n    setConnectionStatus,\n    errorLabel,\n    setErrorLabel,\n    actionLabel,\n    setActionLabel,\n  } = useSlackConnectionStatus(knock, knockSlackChannelId, tenant);\n\n  return (\n    <SlackProviderStateContext.Provider\n      key={slackProviderKey({\n        knockSlackChannelId,\n        tenant,\n        connectionStatus,\n        errorLabel,\n      })}\n      value={{\n        connectionStatus,\n        setConnectionStatus,\n        errorLabel,\n        setErrorLabel,\n        actionLabel,\n        setActionLabel,\n        knockSlackChannelId,\n        tenant,\n      }}\n    >\n      {children}\n    </SlackProviderStateContext.Provider>\n  );\n};\n\nexport const useKnockSlackClient = (): KnockSlackProviderState => {\n  const context = React.useContext(\n    SlackProviderStateContext,\n  ) as KnockSlackProviderState;\n  if (context === undefined) {\n    throw new Error(\n      \"useKnockSlackClient must be used within a KnockSlackProvider\",\n    );\n  }\n  return context as KnockSlackProviderState;\n};\n"],"names":["SlackProviderStateContext","React","createContext","KnockSlackProvider","knockSlackChannelId","tenant","children","knock","useKnockClient","connectionStatus","setConnectionStatus","errorLabel","setErrorLabel","actionLabel","setActionLabel","useSlackConnectionStatus","slackProviderKey","useKnockSlackClient","context","useContext","undefined","Error"],"mappings":"usBAmBMA,EACJC,EAAMC,cAA8C,IAAI,EAO7CC,EAETA,CAAC,CAAEC,oBAAAA,EAAqBC,OAAAA,EAAQC,SAAAA,CAAS,IAAM,CACjD,MAAMC,EAAQC,EAAAA,iBAER,CACJC,iBAAAA,EACAC,oBAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,eAAAA,CACEC,EAAAA,EAAyBR,EAAOH,EAAqBC,CAAM,EAE/D,OACGJ,EAAA,cAAAD,EAA0B,SAA1B,CACC,IAAKgB,mBAAiB,CACpBZ,oBAAAA,EACAC,OAAAA,EACAI,iBAAAA,EACAE,WAAAA,CACD,CAAA,EACD,MAAO,CACLF,iBAAAA,EACAC,oBAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,YAAAA,EACAC,eAAAA,EACAV,oBAAAA,EACAC,OAAAA,CAAAA,GAGDC,CACH,CAEJ,EAEaW,EAAsBA,IAA+B,CAC1DC,MAAAA,EAAUjB,EAAMkB,WACpBnB,CACF,EACA,GAAIkB,IAAYE,OACR,MAAA,IAAIC,MACR,8DACF,EAEKH,OAAAA,CACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useConnectedSlackChannels.js","sources":["../../../../../src/modules/slack/hooks/useConnectedSlackChannels.ts"],"sourcesContent":["import { ContainerObject, useKnockSlackClient } from \"..\";\nimport { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\nimport { useTranslations } from \"../../i18n\";\n\ntype UseSlackChannelsProps = {\n  slackChannelsRecipientObject: ContainerObject;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannelConnection[] | null;\n  updateConnectedChannels: (\n    connectedChannels: SlackChannelConnection[],\n  ) => void;\n  loading: boolean;\n  error: string | null;\n  updating: boolean;\n};\n\nfunction useConnectedSlackChannels({\n  slackChannelsRecipientObject: { objectId, collection },\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n  const { connectionStatus, knockSlackChannelId } = useKnockSlackClient();\n  const [connectedChannels, setConnectedChannels] = useState<\n    null | SlackChannelConnection[]\n  >(null);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n\n  const fetchAndSetConnectedChannels = useCallback(() => {\n    setIsLoading(true);\n    const getConnectedChannels = async () =>\n      await knock.objects.getChannelData({\n        collection,\n        objectId,\n        channelId: knockSlackChannelId,\n      });\n\n    getConnectedChannels()\n      .then((res) => {\n        if (res?.data?.connections) {\n          setConnectedChannels(res?.data?.connections);\n        } else {\n          setConnectedChannels([]);\n        }\n        setError(null);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        setConnectedChannels([]);\n        setError(null);\n        setIsLoading(false);\n      });\n  }, [collection, knock.objects, knockSlackChannelId, objectId]);\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !connectedChannels &&\n      !error &&\n      !isLoading\n    ) {\n      fetchAndSetConnectedChannels();\n    }\n  }, [\n    connectedChannels,\n    fetchAndSetConnectedChannels,\n    isLoading,\n    error,\n    connectionStatus,\n  ]);\n\n  const updateConnectedChannels = async (\n    channelsToSendToKnock: SlackChannelConnection[],\n  ) => {\n    setIsUpdating(true);\n    try {\n      await knock.objects.setChannelData({\n        objectId,\n        collection,\n        channelId: knockSlackChannelId,\n        data: { connections: channelsToSendToKnock },\n      });\n      fetchAndSetConnectedChannels();\n    } catch (error) {\n      setError(t(\"slackChannelSetError\") || \"\");\n    }\n    setIsUpdating(false);\n  };\n\n  return {\n    data: connectedChannels,\n    updateConnectedChannels,\n    updating: isUpdating,\n    loading: isLoading,\n    error,\n  };\n}\n\nexport default useConnectedSlackChannels;\n"],"names":["useConnectedSlackChannels","slackChannelsRecipientObject","objectId","collection","t","useTranslations","knock","useKnockClient","connectionStatus","knockSlackChannelId","useKnockSlackClient","connectedChannels","setConnectedChannels","useState","error","setError","isLoading","setIsLoading","isUpdating","setIsUpdating","fetchAndSetConnectedChannels","useCallback","objects","getChannelData","channelId","then","res","data","connections","catch","useEffect","updateConnectedChannels","channelsToSendToKnock","setChannelData","updating","loading"],"mappings":"8TAqBA,SAASA,EAA0B,CACjCC,6BAA8B,CAAEC,SAAAA,EAAUC,WAAAA,CAAW,CAChC,EAA0B,CACzC,KAAA,CAAEC,EAAAA,GAAMC,EAAgB,gBAAA,EACxBC,EAAQC,EAAAA,iBACR,CAAEC,iBAAAA,EAAkBC,oBAAAA,GAAwBC,EAAoB,oBAAA,EAChE,CAACC,EAAmBC,CAAoB,EAAIC,WAEhD,IAAI,EACA,CAACC,EAAOC,CAAQ,EAAIF,WAAwB,IAAI,EAChD,CAACG,EAAWC,CAAY,EAAIJ,WAAS,EAAK,EAC1C,CAACK,EAAYC,CAAa,EAAIN,WAAS,EAAK,EAE5CO,EAA+BC,EAAAA,YAAY,IAAM,CACrDJ,EAAa,EAAI,GACY,SAC3B,MAAMX,EAAMgB,QAAQC,eAAe,CACjCpB,WAAAA,EACAD,SAAAA,EACAsB,UAAWf,CAAAA,CACZ,GAEkB,EAClBgB,KAAcC,GAAA,UACTA,EAAAA,GAAAA,YAAAA,EAAKC,OAALD,MAAAA,EAAWE,YACQF,GAAAA,EAAAA,GAAAA,YAAAA,EAAKC,OAALD,YAAAA,EAAWE,WAAW,EAE3ChB,EAAqB,CAAE,CAAA,EAEzBG,EAAS,IAAI,EACbE,EAAa,EAAK,CAAA,CACnB,EACAY,MAAM,IAAM,CACXjB,EAAqB,CAAE,CAAA,EACvBG,EAAS,IAAI,EACbE,EAAa,EAAK,CAAA,CACnB,CAAA,EACF,CAACd,EAAYG,EAAMgB,QAASb,EAAqBP,CAAQ,CAAC,EAE7D4B,OAAAA,EAAAA,UAAU,IAAM,CAEZtB,IAAqB,aACrB,CAACG,GACD,CAACG,GACD,CAACE,GAE4BI,GAC/B,EACC,CACDT,EACAS,EACAJ,EACAF,EACAN,CAAgB,CACjB,EAoBM,CACLmB,KAAMhB,EACNoB,wBApB8B,MAC9BC,GACG,CACHb,EAAc,EAAI,EACd,GAAA,CACIb,MAAAA,EAAMgB,QAAQW,eAAe,CACjC/B,SAAAA,EACAC,WAAAA,EACAqB,UAAWf,EACXkB,KAAM,CAAEC,YAAaI,CAAsB,CAAA,CAC5C,EAC4BZ,SACf,CACLhB,EAAAA,EAAE,sBAAsB,GAAK,EAAE,CAC1C,CACAe,EAAc,EAAK,CAAA,EAMnBe,SAAUhB,EACViB,QAASnB,EACTF,MAAAA,CAAAA,CAEJ"}
+{"version":3,"file":"useConnectedSlackChannels.js","sources":["../../../../../src/modules/slack/hooks/useConnectedSlackChannels.ts"],"sourcesContent":["import { ContainerObject, useKnockSlackClient } from \"..\";\nimport { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\nimport { useTranslations } from \"../../i18n\";\n\ntype UseSlackChannelsProps = {\n  slackChannelsRecipientObject: ContainerObject;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannelConnection[] | null;\n  updateConnectedChannels: (\n    connectedChannels: SlackChannelConnection[],\n  ) => void;\n  loading: boolean;\n  error: string | null;\n  updating: boolean;\n};\n\nfunction useConnectedSlackChannels({\n  slackChannelsRecipientObject: { objectId, collection },\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n  const { connectionStatus, knockSlackChannelId } = useKnockSlackClient();\n  const [connectedChannels, setConnectedChannels] = useState<\n    null | SlackChannelConnection[]\n  >(null);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n\n  const fetchAndSetConnectedChannels = useCallback(() => {\n    setIsLoading(true);\n    const getConnectedChannels = async () =>\n      await knock.objects.getChannelData({\n        collection,\n        objectId,\n        channelId: knockSlackChannelId,\n      });\n\n    getConnectedChannels()\n      .then((res) => {\n        if (res?.data?.connections) {\n          setConnectedChannels(res?.data?.connections);\n        } else {\n          setConnectedChannels([]);\n        }\n        setError(null);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        setConnectedChannels([]);\n        setError(null);\n        setIsLoading(false);\n      });\n  }, [collection, knock.objects, knockSlackChannelId, objectId]);\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !connectedChannels &&\n      !error &&\n      !isLoading\n    ) {\n      fetchAndSetConnectedChannels();\n    }\n  }, [\n    connectedChannels,\n    fetchAndSetConnectedChannels,\n    isLoading,\n    error,\n    connectionStatus,\n  ]);\n\n  const updateConnectedChannels = async (\n    channelsToSendToKnock: SlackChannelConnection[],\n  ) => {\n    setIsUpdating(true);\n    try {\n      await knock.objects.setChannelData({\n        objectId,\n        collection,\n        channelId: knockSlackChannelId,\n        data: { connections: channelsToSendToKnock },\n      });\n      fetchAndSetConnectedChannels();\n    } catch (error) {\n      setError(t(\"slackChannelSetError\") || \"\");\n    }\n    setIsUpdating(false);\n  };\n\n  return {\n    data: connectedChannels,\n    updateConnectedChannels,\n    updating: isUpdating,\n    loading: isLoading,\n    error,\n  };\n}\n\nexport default useConnectedSlackChannels;\n"],"names":["useConnectedSlackChannels","slackChannelsRecipientObject","objectId","collection","t","useTranslations","knock","useKnockClient","connectionStatus","knockSlackChannelId","useKnockSlackClient","connectedChannels","setConnectedChannels","useState","error","setError","isLoading","setIsLoading","isUpdating","setIsUpdating","fetchAndSetConnectedChannels","useCallback","objects","getChannelData","channelId","then","res","data","connections","catch","useEffect","updateConnectedChannels","channelsToSendToKnock","setChannelData","updating","loading"],"mappings":"yVAqBA,SAASA,EAA0B,CACjCC,6BAA8B,CAAEC,SAAAA,EAAUC,WAAAA,CAAW,CAChC,EAA0B,CACzC,KAAA,CAAEC,EAAAA,GAAMC,EAAgB,gBAAA,EACxBC,EAAQC,EAAAA,iBACR,CAAEC,iBAAAA,EAAkBC,oBAAAA,GAAwBC,EAAoB,oBAAA,EAChE,CAACC,EAAmBC,CAAoB,EAAIC,WAEhD,IAAI,EACA,CAACC,EAAOC,CAAQ,EAAIF,WAAwB,IAAI,EAChD,CAACG,EAAWC,CAAY,EAAIJ,WAAS,EAAK,EAC1C,CAACK,EAAYC,CAAa,EAAIN,WAAS,EAAK,EAE5CO,EAA+BC,EAAAA,YAAY,IAAM,CACrDJ,EAAa,EAAI,GACY,SAC3B,MAAMX,EAAMgB,QAAQC,eAAe,CACjCpB,WAAAA,EACAD,SAAAA,EACAsB,UAAWf,CAAAA,CACZ,GAEkB,EAClBgB,KAAcC,GAAA,UACTA,EAAAA,GAAAA,YAAAA,EAAKC,OAALD,MAAAA,EAAWE,YACQF,GAAAA,EAAAA,GAAAA,YAAAA,EAAKC,OAALD,YAAAA,EAAWE,WAAW,EAE3ChB,EAAqB,CAAE,CAAA,EAEzBG,EAAS,IAAI,EACbE,EAAa,EAAK,CAAA,CACnB,EACAY,MAAM,IAAM,CACXjB,EAAqB,CAAE,CAAA,EACvBG,EAAS,IAAI,EACbE,EAAa,EAAK,CAAA,CACnB,CAAA,EACF,CAACd,EAAYG,EAAMgB,QAASb,EAAqBP,CAAQ,CAAC,EAE7D4B,OAAAA,EAAAA,UAAU,IAAM,CAEZtB,IAAqB,aACrB,CAACG,GACD,CAACG,GACD,CAACE,GAE4BI,GAC/B,EACC,CACDT,EACAS,EACAJ,EACAF,EACAN,CAAgB,CACjB,EAoBM,CACLmB,KAAMhB,EACNoB,wBApB8B,MAC9BC,GACG,CACHb,EAAc,EAAI,EACd,GAAA,CACIb,MAAAA,EAAMgB,QAAQW,eAAe,CACjC/B,SAAAA,EACAC,WAAAA,EACAqB,UAAWf,EACXkB,KAAM,CAAEC,YAAaI,CAAsB,CAAA,CAC5C,EAC4BZ,SACf,CACLhB,EAAAA,EAAE,sBAAsB,GAAK,EAAE,CAC1C,CACAe,EAAc,EAAK,CAAA,EAMnBe,SAAUhB,EACViB,QAASnB,EACTF,MAAAA,CAAAA,CAEJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useSlackAuth.js","sources":["../../../../../src/modules/slack/hooks/useSlackAuth.ts"],"sourcesContent":["import { useKnockSlackClient } from \"..\";\nimport { TENANT_OBJECT_COLLECTION } from \"@knocklabs/client\";\nimport { useCallback } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst SLACK_AUTHORIZE_URL = \"https://slack.com/oauth/v2/authorize\";\nconst DEFAULT_SLACK_SCOPES = [\n  \"chat:write\",\n  \"chat:write.public\",\n  \"channels:read\",\n  \"groups:read\"\n];\n\ntype UseSlackAuthOutput = {\n  buildSlackAuthUrl: () => string;\n  disconnectFromSlack: () => void;\n};\n\nfunction useSlackAuth(\n  slackClientId: string,\n  redirectUrl?: string,\n): UseSlackAuthOutput {\n  const knock = useKnockClient();\n  const { setConnectionStatus, knockSlackChannelId, tenant, setActionLabel } =\n    useKnockSlackClient();\n\n  const disconnectFromSlack = useCallback(async () => {\n    setActionLabel(null);\n    setConnectionStatus(\"disconnecting\");\n    try {\n      const revoke = await knock.slack.revokeAccessToken({\n        tenant,\n        knockChannelId: knockSlackChannelId,\n      });\n\n      if (revoke === \"ok\") {\n        setConnectionStatus(\"disconnected\");\n      } else {\n        setConnectionStatus(\"error\");\n      }\n    } catch (error) {\n      setConnectionStatus(\"error\");\n    }\n  }, [\n    setConnectionStatus,\n    knock.slack,\n    tenant,\n    knockSlackChannelId,\n    setActionLabel,\n  ]);\n\n  const buildSlackAuthUrl = useCallback(() => {\n    const rawParams = {\n      state: JSON.stringify({\n        redirect_url: redirectUrl,\n        access_token_object: {\n          object_id: tenant,\n          collection: TENANT_OBJECT_COLLECTION,\n        },\n        channel_id: knockSlackChannelId,\n        public_key: knock.apiKey,\n        user_token: knock.userToken,\n      }),\n      client_id: slackClientId,\n      scope: DEFAULT_SLACK_SCOPES.join(\",\"),\n    };\n    return `${SLACK_AUTHORIZE_URL}?${new URLSearchParams(rawParams)}`;\n  }, [\n    redirectUrl,\n    tenant,\n    knockSlackChannelId,\n    knock.apiKey,\n    knock.userToken,\n    slackClientId,\n  ]);\n\n  return {\n    buildSlackAuthUrl,\n    disconnectFromSlack,\n  };\n}\n\nexport default useSlackAuth;\n"],"names":["SLACK_AUTHORIZE_URL","DEFAULT_SLACK_SCOPES","useSlackAuth","slackClientId","redirectUrl","knock","useKnockClient","setConnectionStatus","knockSlackChannelId","tenant","setActionLabel","useKnockSlackClient","disconnectFromSlack","useCallback","revoke","slack","revokeAccessToken","knockChannelId","buildSlackAuthUrl","rawParams","state","JSON","stringify","redirect_url","access_token_object","object_id","collection","TENANT_OBJECT_COLLECTION","channel_id","public_key","apiKey","user_token","userToken","client_id","scope","join","URLSearchParams"],"mappings":"yQAMA,MAAMA,EAAsB,uCACtBC,EAAuB,CAC3B,aACA,oBACA,gBACA,aAAa,EAQf,SAASC,EACPC,EACAC,EACoB,CACpB,MAAMC,EAAQC,EAAAA,iBACR,CAAEC,oBAAAA,EAAqBC,oBAAAA,EAAqBC,OAAAA,EAAQC,eAAAA,GACxDC,EAAoB,oBAAA,EAEhBC,EAAsBC,EAAAA,YAAY,SAAY,CAClDH,EAAe,IAAI,EACnBH,EAAoB,eAAe,EAC/B,GAAA,CACF,MAAMO,EAAS,MAAMT,EAAMU,MAAMC,kBAAkB,CACjDP,OAAAA,EACAQ,eAAgBT,CAAAA,CACjB,EAGCD,EADEO,IAAW,KACO,eAEA,OAFc,OAItB,CACdP,EAAoB,OAAO,CAC7B,CAAA,EACC,CACDA,EACAF,EAAMU,MACNN,EACAD,EACAE,CAAc,CACf,EA2BM,MAAA,CACLQ,kBA1BwBL,EAAAA,YAAY,IAAM,CAC1C,MAAMM,EAAY,CAChBC,MAAOC,KAAKC,UAAU,CACpBC,aAAcnB,EACdoB,oBAAqB,CACnBC,UAAWhB,EACXiB,WAAYC,EAAAA,wBACd,EACAC,WAAYpB,EACZqB,WAAYxB,EAAMyB,OAClBC,WAAY1B,EAAM2B,SAAAA,CACnB,EACDC,UAAW9B,EACX+B,MAAOjC,EAAqBkC,KAAK,GAAG,CAAA,EAEtC,MAAQ,GAAEnC,CAAoB,IAAG,IAAIoC,gBAAgBjB,CAAS,CAAE,EAAA,EAC/D,CACDf,EACAK,EACAD,EACAH,EAAMyB,OACNzB,EAAM2B,UACN7B,CAAa,CACd,EAICS,oBAAAA,CAAAA,CAEJ"}
+{"version":3,"file":"useSlackAuth.js","sources":["../../../../../src/modules/slack/hooks/useSlackAuth.ts"],"sourcesContent":["import { useKnockSlackClient } from \"..\";\nimport { TENANT_OBJECT_COLLECTION } from \"@knocklabs/client\";\nimport { useCallback } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst SLACK_AUTHORIZE_URL = \"https://slack.com/oauth/v2/authorize\";\nconst DEFAULT_SLACK_SCOPES = [\n  \"chat:write\",\n  \"chat:write.public\",\n  \"channels:read\",\n  \"groups:read\"\n];\n\ntype UseSlackAuthOutput = {\n  buildSlackAuthUrl: () => string;\n  disconnectFromSlack: () => void;\n};\n\nfunction useSlackAuth(\n  slackClientId: string,\n  redirectUrl?: string,\n): UseSlackAuthOutput {\n  const knock = useKnockClient();\n  const { setConnectionStatus, knockSlackChannelId, tenant, setActionLabel } =\n    useKnockSlackClient();\n\n  const disconnectFromSlack = useCallback(async () => {\n    setActionLabel(null);\n    setConnectionStatus(\"disconnecting\");\n    try {\n      const revoke = await knock.slack.revokeAccessToken({\n        tenant,\n        knockChannelId: knockSlackChannelId,\n      });\n\n      if (revoke === \"ok\") {\n        setConnectionStatus(\"disconnected\");\n      } else {\n        setConnectionStatus(\"error\");\n      }\n    } catch (error) {\n      setConnectionStatus(\"error\");\n    }\n  }, [\n    setConnectionStatus,\n    knock.slack,\n    tenant,\n    knockSlackChannelId,\n    setActionLabel,\n  ]);\n\n  const buildSlackAuthUrl = useCallback(() => {\n    const rawParams = {\n      state: JSON.stringify({\n        redirect_url: redirectUrl,\n        access_token_object: {\n          object_id: tenant,\n          collection: TENANT_OBJECT_COLLECTION,\n        },\n        channel_id: knockSlackChannelId,\n        public_key: knock.apiKey,\n        user_token: knock.userToken,\n      }),\n      client_id: slackClientId,\n      scope: DEFAULT_SLACK_SCOPES.join(\",\"),\n    };\n    return `${SLACK_AUTHORIZE_URL}?${new URLSearchParams(rawParams)}`;\n  }, [\n    redirectUrl,\n    tenant,\n    knockSlackChannelId,\n    knock.apiKey,\n    knock.userToken,\n    slackClientId,\n  ]);\n\n  return {\n    buildSlackAuthUrl,\n    disconnectFromSlack,\n  };\n}\n\nexport default useSlackAuth;\n"],"names":["SLACK_AUTHORIZE_URL","DEFAULT_SLACK_SCOPES","useSlackAuth","slackClientId","redirectUrl","knock","useKnockClient","setConnectionStatus","knockSlackChannelId","tenant","setActionLabel","useKnockSlackClient","disconnectFromSlack","useCallback","revoke","slack","revokeAccessToken","knockChannelId","buildSlackAuthUrl","rawParams","state","JSON","stringify","redirect_url","access_token_object","object_id","collection","TENANT_OBJECT_COLLECTION","channel_id","public_key","apiKey","user_token","userToken","client_id","scope","join","URLSearchParams"],"mappings":"oSAMA,MAAMA,EAAsB,uCACtBC,EAAuB,CAC3B,aACA,oBACA,gBACA,aAAa,EAQf,SAASC,EACPC,EACAC,EACoB,CACpB,MAAMC,EAAQC,EAAAA,iBACR,CAAEC,oBAAAA,EAAqBC,oBAAAA,EAAqBC,OAAAA,EAAQC,eAAAA,GACxDC,EAAoB,oBAAA,EAEhBC,EAAsBC,EAAAA,YAAY,SAAY,CAClDH,EAAe,IAAI,EACnBH,EAAoB,eAAe,EAC/B,GAAA,CACF,MAAMO,EAAS,MAAMT,EAAMU,MAAMC,kBAAkB,CACjDP,OAAAA,EACAQ,eAAgBT,CAAAA,CACjB,EAGCD,EADEO,IAAW,KACO,eAEA,OAFc,OAItB,CACdP,EAAoB,OAAO,CAC7B,CAAA,EACC,CACDA,EACAF,EAAMU,MACNN,EACAD,EACAE,CAAc,CACf,EA2BM,MAAA,CACLQ,kBA1BwBL,EAAAA,YAAY,IAAM,CAC1C,MAAMM,EAAY,CAChBC,MAAOC,KAAKC,UAAU,CACpBC,aAAcnB,EACdoB,oBAAqB,CACnBC,UAAWhB,EACXiB,WAAYC,EAAAA,wBACd,EACAC,WAAYpB,EACZqB,WAAYxB,EAAMyB,OAClBC,WAAY1B,EAAM2B,SAAAA,CACnB,EACDC,UAAW9B,EACX+B,MAAOjC,EAAqBkC,KAAK,GAAG,CAAA,EAEtC,MAAQ,GAAEnC,CAAoB,IAAG,IAAIoC,gBAAgBjB,CAAS,CAAE,EAAA,EAC/D,CACDf,EACAK,EACAD,EACAH,EAAMyB,OACNzB,EAAM2B,UACN7B,CAAa,CACd,EAICS,oBAAAA,CAAAA,CAEJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useSlackChannels.js","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"sourcesContent":["import { SlackChannelQueryOptions, useKnockSlackClient } from \"..\";\nimport { GetSlackChannelsResponse, SlackChannel } from \"@knocklabs/client\";\nimport { useEffect, useMemo } from \"react\";\nimport useSWRInfinite from \"swr/infinite\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst MAX_COUNT = 1000;\nconst LIMIT_PER_PAGE = 200;\nconst CHANNEL_TYPES = \"private_channel,public_channel\";\n\nconst QUERY_KEY = \"SLACK_CHANNELS\";\n\ntype UseSlackChannelsProps = {\n  queryOptions?: SlackChannelQueryOptions;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannel[];\n  isLoading: boolean;\n  refetch: () => void;\n};\n\ntype QueryKey = [key: string, cursor: string] | null;\n\nfunction getQueryKey(\n  pageIndex: number,\n  previousPageData: GetSlackChannelsResponse,\n): QueryKey {\n  // First page so just pass empty\n  if (pageIndex === 0) {\n    return [QUERY_KEY, \"\"];\n  }\n\n  // If there's no more data then return an empty next cursor\n  if (previousPageData && [\"\", null].includes(previousPageData.next_cursor)) {\n    return null;\n  }\n\n  // Next cursor exists so pass it\n  return [QUERY_KEY, previousPageData.next_cursor ?? \"\"];\n}\n\nfunction useSlackChannels({\n  queryOptions,\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const knock = useKnockClient();\n  const { knockSlackChannelId, tenant, connectionStatus } =\n    useKnockSlackClient();\n\n  const fetchChannels = (queryKey: QueryKey) => {\n    return knock.slack.getChannels({\n      tenant,\n      knockChannelId: knockSlackChannelId,\n      queryOptions: {\n        ...queryOptions,\n        cursor: queryKey ? queryKey[1] : \"\",\n        limit: queryOptions?.limitPerPage || LIMIT_PER_PAGE,\n        types: queryOptions?.types || CHANNEL_TYPES,\n      },\n    });\n  };\n\n  const { data, error, isLoading, isValidating, size, setSize, mutate } =\n    useSWRInfinite<GetSlackChannelsResponse>(getQueryKey, fetchChannels, {\n      initialSize: 0,\n    });\n\n  const currentPage = data?.length || 0;\n\n  const hasNextPage =\n    currentPage === 0 ||\n    (data &&\n      data[currentPage]?.next_cursor &&\n      data[currentPage]?.next_cursor !== \"\");\n\n  const slackChannels: SlackChannel[] = useMemo(\n    () =>\n      (data ?? [])\n        .flatMap((page) => page?.slack_channels)\n        .filter((channel) => !!channel),\n    [data],\n  );\n\n  const maxCount = queryOptions?.maxCount || MAX_COUNT;\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !error &&\n      hasNextPage &&\n      !isLoading &&\n      !isValidating &&\n      slackChannels.length < maxCount\n    ) {\n      // Fetch a page at a time until we have nothing else left to fetch\n      // or we've already hit the max amount of channels to fetch\n      setSize(size + 1);\n    }\n  }, [\n    slackChannels.length,\n    setSize,\n    size,\n    hasNextPage,\n    isLoading,\n    isValidating,\n    maxCount,\n    error,\n    connectionStatus,\n  ]);\n\n  return {\n    data: slackChannels,\n    isLoading: isLoading || isValidating,\n    refetch: () => mutate(),\n  };\n}\n\nexport default useSlackChannels;\n"],"names":["MAX_COUNT","LIMIT_PER_PAGE","CHANNEL_TYPES","QUERY_KEY","getQueryKey","pageIndex","previousPageData","includes","next_cursor","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","queryKey","slack","getChannels","knockChannelId","cursor","limit","limitPerPage","types","data","error","isLoading","isValidating","size","setSize","mutate","useSWRInfinite","initialSize","currentPage","length","hasNextPage","slackChannels","useMemo","flatMap","page","slack_channels","filter","channel","maxCount","useEffect","refetch"],"mappings":"8UAOMA,EAAY,IACZC,EAAiB,IACjBC,EAAgB,iCAEhBC,EAAY,iBAclB,SAASC,EACPC,EACAC,EACU,CAEV,OAAID,IAAc,EACT,CAACF,EAAW,EAAE,EAInBG,GAAoB,CAAC,GAAI,IAAI,EAAEC,SAASD,EAAiBE,WAAW,EAC/D,KAIF,CAACL,EAAWG,EAAiBE,aAAe,EAAE,CACvD,CAEA,SAASC,EAAiB,CACxBC,aAAAA,CACqB,EAA0B,SAC/C,MAAMC,EAAQC,EAAAA,iBACR,CAAEC,oBAAAA,EAAqBC,OAAAA,EAAQC,iBAAAA,GACnCC,EAAoB,oBAAA,EAEhBC,EAAiBC,GACdP,EAAMQ,MAAMC,YAAY,CAC7BN,OAAAA,EACAO,eAAgBR,EAChBH,aAAc,CACZ,GAAGA,EACHY,OAAQJ,EAAWA,EAAS,CAAC,EAAI,GACjCK,OAAOb,GAAAA,YAAAA,EAAcc,eAAgBvB,EACrCwB,OAAOf,GAAAA,YAAAA,EAAce,QAASvB,CAChC,CAAA,CACD,EAGG,CAAEwB,KAAAA,EAAMC,MAAAA,EAAOC,UAAAA,EAAWC,aAAAA,EAAcC,KAAAA,EAAMC,QAAAA,EAASC,OAAAA,CAAAA,EAC3DC,EAAyC7B,QAAAA,EAAaa,EAAe,CACnEiB,YAAa,CAAA,CACd,EAEGC,GAAcT,GAAAA,YAAAA,EAAMU,SAAU,EAE9BC,EACJF,IAAgB,GACfT,KACCA,EAAAA,EAAKS,CAAW,IAAhBT,YAAAA,EAAmBlB,gBACnBkB,EAAAA,EAAKS,CAAW,IAAhBT,YAAAA,EAAmBlB,eAAgB,GAEjC8B,EAAgCC,EAAAA,QACpC,KACGb,GAAQ,IACNc,QAAkBC,GAAAA,GAAAA,YAAAA,EAAMC,cAAc,EACtCC,UAAoB,CAAC,CAACC,CAAO,EAClC,CAAClB,CAAI,CACP,EAEMmB,GAAWnC,GAAAA,YAAAA,EAAcmC,WAAY7C,EAE3C8C,OAAAA,EAAAA,UAAU,IAAM,CAEZ/B,IAAqB,aACrB,CAACY,GACDU,GACA,CAACT,GACD,CAACC,GACDS,EAAcF,OAASS,GAIvBd,EAAQD,EAAO,CAAC,CAEjB,EAAA,CACDQ,EAAcF,OACdL,EACAD,EACAO,EACAT,EACAC,EACAgB,EACAlB,EACAZ,CAAgB,CACjB,EAEM,CACLW,KAAMY,EACNV,UAAWA,GAAaC,EACxBkB,QAASA,IAAMf,EAAO,CAAA,CAE1B"}
+{"version":3,"file":"useSlackChannels.js","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"sourcesContent":["import { SlackChannelQueryOptions, useKnockSlackClient } from \"..\";\nimport { GetSlackChannelsResponse, SlackChannel } from \"@knocklabs/client\";\nimport { useEffect, useMemo } from \"react\";\nimport useSWRInfinite from \"swr/infinite\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst MAX_COUNT = 1000;\nconst LIMIT_PER_PAGE = 200;\nconst CHANNEL_TYPES = \"private_channel,public_channel\";\n\nconst QUERY_KEY = \"SLACK_CHANNELS\";\n\ntype UseSlackChannelsProps = {\n  queryOptions?: SlackChannelQueryOptions;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannel[];\n  isLoading: boolean;\n  refetch: () => void;\n};\n\ntype QueryKey = [key: string, cursor: string] | null;\n\nfunction getQueryKey(\n  pageIndex: number,\n  previousPageData: GetSlackChannelsResponse,\n): QueryKey {\n  // First page so just pass empty\n  if (pageIndex === 0) {\n    return [QUERY_KEY, \"\"];\n  }\n\n  // If there's no more data then return an empty next cursor\n  if (previousPageData && [\"\", null].includes(previousPageData.next_cursor)) {\n    return null;\n  }\n\n  // Next cursor exists so pass it\n  return [QUERY_KEY, previousPageData.next_cursor ?? \"\"];\n}\n\nfunction useSlackChannels({\n  queryOptions,\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const knock = useKnockClient();\n  const { knockSlackChannelId, tenant, connectionStatus } =\n    useKnockSlackClient();\n\n  const fetchChannels = (queryKey: QueryKey) => {\n    return knock.slack.getChannels({\n      tenant,\n      knockChannelId: knockSlackChannelId,\n      queryOptions: {\n        ...queryOptions,\n        cursor: queryKey ? queryKey[1] : \"\",\n        limit: queryOptions?.limitPerPage || LIMIT_PER_PAGE,\n        types: queryOptions?.types || CHANNEL_TYPES,\n      },\n    });\n  };\n\n  const { data, error, isLoading, isValidating, size, setSize, mutate } =\n    useSWRInfinite<GetSlackChannelsResponse>(getQueryKey, fetchChannels, {\n      initialSize: 0,\n    });\n\n  const currentPage = data?.length || 0;\n\n  const hasNextPage =\n    currentPage === 0 ||\n    (data &&\n      data[currentPage]?.next_cursor &&\n      data[currentPage]?.next_cursor !== \"\");\n\n  const slackChannels: SlackChannel[] = useMemo(\n    () =>\n      (data ?? [])\n        .flatMap((page) => page?.slack_channels)\n        .filter((channel) => !!channel),\n    [data],\n  );\n\n  const maxCount = queryOptions?.maxCount || MAX_COUNT;\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !error &&\n      hasNextPage &&\n      !isLoading &&\n      !isValidating &&\n      slackChannels.length < maxCount\n    ) {\n      // Fetch a page at a time until we have nothing else left to fetch\n      // or we've already hit the max amount of channels to fetch\n      setSize(size + 1);\n    }\n  }, [\n    slackChannels.length,\n    setSize,\n    size,\n    hasNextPage,\n    isLoading,\n    isValidating,\n    maxCount,\n    error,\n    connectionStatus,\n  ]);\n\n  return {\n    data: slackChannels,\n    isLoading: isLoading || isValidating,\n    refetch: () => mutate(),\n  };\n}\n\nexport default useSlackChannels;\n"],"names":["MAX_COUNT","LIMIT_PER_PAGE","CHANNEL_TYPES","QUERY_KEY","getQueryKey","pageIndex","previousPageData","includes","next_cursor","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","queryKey","slack","getChannels","knockChannelId","cursor","limit","limitPerPage","types","data","error","isLoading","isValidating","size","setSize","mutate","useSWRInfinite","initialSize","currentPage","length","hasNextPage","slackChannels","useMemo","flatMap","page","slack_channels","filter","channel","maxCount","useEffect","refetch"],"mappings":"yWAOMA,EAAY,IACZC,EAAiB,IACjBC,EAAgB,iCAEhBC,EAAY,iBAclB,SAASC,EACPC,EACAC,EACU,CAEV,OAAID,IAAc,EACT,CAACF,EAAW,EAAE,EAInBG,GAAoB,CAAC,GAAI,IAAI,EAAEC,SAASD,EAAiBE,WAAW,EAC/D,KAIF,CAACL,EAAWG,EAAiBE,aAAe,EAAE,CACvD,CAEA,SAASC,EAAiB,CACxBC,aAAAA,CACqB,EAA0B,SAC/C,MAAMC,EAAQC,EAAAA,iBACR,CAAEC,oBAAAA,EAAqBC,OAAAA,EAAQC,iBAAAA,GACnCC,EAAoB,oBAAA,EAEhBC,EAAiBC,GACdP,EAAMQ,MAAMC,YAAY,CAC7BN,OAAAA,EACAO,eAAgBR,EAChBH,aAAc,CACZ,GAAGA,EACHY,OAAQJ,EAAWA,EAAS,CAAC,EAAI,GACjCK,OAAOb,GAAAA,YAAAA,EAAcc,eAAgBvB,EACrCwB,OAAOf,GAAAA,YAAAA,EAAce,QAASvB,CAChC,CAAA,CACD,EAGG,CAAEwB,KAAAA,EAAMC,MAAAA,EAAOC,UAAAA,EAAWC,aAAAA,EAAcC,KAAAA,EAAMC,QAAAA,EAASC,OAAAA,CAAAA,EAC3DC,EAAyC7B,QAAAA,EAAaa,EAAe,CACnEiB,YAAa,CAAA,CACd,EAEGC,GAAcT,GAAAA,YAAAA,EAAMU,SAAU,EAE9BC,EACJF,IAAgB,GACfT,KACCA,EAAAA,EAAKS,CAAW,IAAhBT,YAAAA,EAAmBlB,gBACnBkB,EAAAA,EAAKS,CAAW,IAAhBT,YAAAA,EAAmBlB,eAAgB,GAEjC8B,EAAgCC,EAAAA,QACpC,KACGb,GAAQ,IACNc,QAAkBC,GAAAA,GAAAA,YAAAA,EAAMC,cAAc,EACtCC,UAAoB,CAAC,CAACC,CAAO,EAClC,CAAClB,CAAI,CACP,EAEMmB,GAAWnC,GAAAA,YAAAA,EAAcmC,WAAY7C,EAE3C8C,OAAAA,EAAAA,UAAU,IAAM,CAEZ/B,IAAqB,aACrB,CAACY,GACDU,GACA,CAACT,GACD,CAACC,GACDS,EAAcF,OAASS,GAIvBd,EAAQD,EAAO,CAAC,CAEjB,EAAA,CACDQ,EAAcF,OACdL,EACAD,EACAO,EACAT,EACAC,EACAgB,EACAlB,EACAZ,CAAgB,CACjB,EAEM,CACLW,KAAMY,EACNV,UAAWA,GAAaC,EACxBkB,QAASA,IAAMf,EAAO,CAAA,CAE1B"}

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

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

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

@@ -1,23 +1,30 @@
-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
+import m from "@knocklabs/client";
+import o 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 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]);
+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();
+    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]);
 }
 export {
-  E as default
+  R as default
 };
 //# sourceMappingURL=useAuthenticatedKnockClient.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAuthenticatedKnockClient.mjs","sources":["../../../../../src/modules/core/hooks/useAuthenticatedKnockClient.ts"],"sourcesContent":["import Knock, { AuthenticateOptions, KnockOptions } from \"@knocklabs/client\";\nimport React, { 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","authenticate","onUserTokenExpiring","timeBeforeExpirationInMs","useAuthenticatedKnockClient","apiKey","knockRef","React","useRef","useMemo","currentKnock","current","isAuthenticated","teardown","Knock"],"mappings":";;AAGA,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;AAEA,SAASC,EACPC,GACAP,GACAC,GACAC,IAA8C,CAAA,GAC9C;AACMM,QAAAA,IAAWC,EAAMC;AAEvB,SAAOC,EAAQ,MAAM;AACnB,UAAMC,IAAeJ,EAASK;AAI5BD,QAAAA,KACAA,EAAaE,gBAAgB,MAC5BF,EAAaZ,WAAWA,KAAUY,EAAaX,cAAcA;AAEtCW,aAAAA,EAAAA,GAAcZ,GAAQC,GAAWC,CAAO,GACzDU;AAGT,IAAIA,KACFA,EAAaG,SAAS;AAIxB,UAAMhB,IAAQ,IAAIiB,EAAMT,GAAQL,CAAO;AACfH,WAAAA,EAAAA,GAAOC,GAAQC,GAAWC,CAAO,GACzDM,EAASK,UAAUd,GAEZA;AAAAA,KACN,CAACQ,GAAQP,GAAQC,GAAWC,CAAO,CAAC;AACzC;"}
+{"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;"}

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

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

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

@@ -3,9 +3,10 @@ import * as e from "react";
 import "swr/infinite";
 import { useKnockClient as p } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
+import "zustand/shallow";
 import { slackProviderKey as S } from "../../core/utils.mjs";
 import "../../i18n/context/KnockI18nProvider.mjs";
-const c = e.createContext(null), x = ({
+const c = e.createContext(null), P = ({
   knockSlackChannelId: t,
   tenant: o,
   children: i
@@ -15,8 +16,8 @@ const c = e.createContext(null), x = ({
     setConnectionStatus: a,
     errorLabel: n,
     setErrorLabel: l,
-    actionLabel: u,
-    setActionLabel: m
+    actionLabel: m,
+    setActionLabel: u
   } = k(s, t, o);
   return /* @__PURE__ */ e.createElement(c.Provider, { key: S({
     knockSlackChannelId: t,
@@ -28,19 +29,19 @@ const c = e.createContext(null), x = ({
     setConnectionStatus: a,
     errorLabel: n,
     setErrorLabel: l,
-    actionLabel: u,
-    setActionLabel: m,
+    actionLabel: m,
+    setActionLabel: u,
     knockSlackChannelId: t,
     tenant: o
   } }, i);
-}, P = () => {
+}, L = () => {
   const t = e.useContext(c);
   if (t === void 0)
     throw new Error("useKnockSlackClient must be used within a KnockSlackProvider");
   return t;
 };
 export {
-  x as KnockSlackProvider,
-  P as useKnockSlackClient
+  P as KnockSlackProvider,
+  L as useKnockSlackClient
 };
 //# sourceMappingURL=KnockSlackProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"KnockSlackProvider.mjs","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"sourcesContent":["import { useSlackConnectionStatus } from \"..\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { slackProviderKey } from \"../../core\";\nimport { useKnockClient } from \"../../core\";\nimport { ConnectionStatus } from \"../hooks/useSlackConnectionStatus\";\n\nexport interface KnockSlackProviderState {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: ConnectionStatus;\n  setConnectionStatus: (connectionStatus: ConnectionStatus) => void;\n  errorLabel: string | null;\n  setErrorLabel: (label: string) => void;\n  actionLabel: string | null;\n  setActionLabel: (label: string | null) => void;\n}\n\nconst SlackProviderStateContext =\n  React.createContext<KnockSlackProviderState | null>(null);\n\nexport interface KnockSlackProviderProps {\n  knockSlackChannelId: string;\n  tenant: string;\n}\n\nexport const KnockSlackProvider: React.FC<\n  PropsWithChildren<KnockSlackProviderProps>\n> = ({ knockSlackChannelId, tenant, children }) => {\n  const knock = useKnockClient();\n\n  const {\n    connectionStatus,\n    setConnectionStatus,\n    errorLabel,\n    setErrorLabel,\n    actionLabel,\n    setActionLabel,\n  } = useSlackConnectionStatus(knock, knockSlackChannelId, tenant);\n\n  return (\n    <SlackProviderStateContext.Provider\n      key={slackProviderKey({\n        knockSlackChannelId,\n        tenant,\n        connectionStatus,\n        errorLabel,\n      })}\n      value={{\n        connectionStatus,\n        setConnectionStatus,\n        errorLabel,\n        setErrorLabel,\n        actionLabel,\n        setActionLabel,\n        knockSlackChannelId,\n        tenant,\n      }}\n    >\n      {children}\n    </SlackProviderStateContext.Provider>\n  );\n};\n\nexport const useKnockSlackClient = (): KnockSlackProviderState => {\n  const context = React.useContext(\n    SlackProviderStateContext,\n  ) as KnockSlackProviderState;\n  if (context === undefined) {\n    throw new Error(\n      \"useKnockSlackClient must be used within a KnockSlackProvider\",\n    );\n  }\n  return context as KnockSlackProviderState;\n};\n"],"names":["SlackProviderStateContext","React","createContext","KnockSlackProvider","knockSlackChannelId","tenant","children","knock","useKnockClient","connectionStatus","setConnectionStatus","errorLabel","setErrorLabel","actionLabel","setActionLabel","useSlackConnectionStatus","slackProviderKey","useKnockSlackClient","context","useContext","undefined","Error"],"mappings":";;;;;;;AAmBA,MAAMA,IACJC,EAAMC,cAA8C,IAAI,GAO7CC,IAETA,CAAC;AAAA,EAAEC,qBAAAA;AAAAA,EAAqBC,QAAAA;AAAAA,EAAQC,UAAAA;AAAS,MAAM;AACjD,QAAMC,IAAQC,KAER;AAAA,IACJC,kBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACEC,IAAAA,EAAyBR,GAAOH,GAAqBC,CAAM;AAE/D,SACG,gBAAAJ,EAAA,cAAAD,EAA0B,UAA1B,EACC,KAAKgB,EAAiB;AAAA,IACpBZ,qBAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAI,kBAAAA;AAAAA,IACAE,YAAAA;AAAAA,EACD,CAAA,GACD,OAAO;AAAA,IACLF,kBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAV,qBAAAA;AAAAA,IACAC,QAAAA;AAAAA,EAAAA,KAGDC,CACH;AAEJ,GAEaW,IAAsBA,MAA+B;AAC1DC,QAAAA,IAAUjB,EAAMkB,WACpBnB,CACF;AACA,MAAIkB,MAAYE;AACR,UAAA,IAAIC,MACR,8DACF;AAEKH,SAAAA;AACT;"}
+{"version":3,"file":"KnockSlackProvider.mjs","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"sourcesContent":["import { useSlackConnectionStatus } from \"..\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nimport { slackProviderKey } from \"../../core\";\nimport { useKnockClient } from \"../../core\";\nimport { ConnectionStatus } from \"../hooks/useSlackConnectionStatus\";\n\nexport interface KnockSlackProviderState {\n  knockSlackChannelId: string;\n  tenant: string;\n  connectionStatus: ConnectionStatus;\n  setConnectionStatus: (connectionStatus: ConnectionStatus) => void;\n  errorLabel: string | null;\n  setErrorLabel: (label: string) => void;\n  actionLabel: string | null;\n  setActionLabel: (label: string | null) => void;\n}\n\nconst SlackProviderStateContext =\n  React.createContext<KnockSlackProviderState | null>(null);\n\nexport interface KnockSlackProviderProps {\n  knockSlackChannelId: string;\n  tenant: string;\n}\n\nexport const KnockSlackProvider: React.FC<\n  PropsWithChildren<KnockSlackProviderProps>\n> = ({ knockSlackChannelId, tenant, children }) => {\n  const knock = useKnockClient();\n\n  const {\n    connectionStatus,\n    setConnectionStatus,\n    errorLabel,\n    setErrorLabel,\n    actionLabel,\n    setActionLabel,\n  } = useSlackConnectionStatus(knock, knockSlackChannelId, tenant);\n\n  return (\n    <SlackProviderStateContext.Provider\n      key={slackProviderKey({\n        knockSlackChannelId,\n        tenant,\n        connectionStatus,\n        errorLabel,\n      })}\n      value={{\n        connectionStatus,\n        setConnectionStatus,\n        errorLabel,\n        setErrorLabel,\n        actionLabel,\n        setActionLabel,\n        knockSlackChannelId,\n        tenant,\n      }}\n    >\n      {children}\n    </SlackProviderStateContext.Provider>\n  );\n};\n\nexport const useKnockSlackClient = (): KnockSlackProviderState => {\n  const context = React.useContext(\n    SlackProviderStateContext,\n  ) as KnockSlackProviderState;\n  if (context === undefined) {\n    throw new Error(\n      \"useKnockSlackClient must be used within a KnockSlackProvider\",\n    );\n  }\n  return context as KnockSlackProviderState;\n};\n"],"names":["SlackProviderStateContext","React","createContext","KnockSlackProvider","knockSlackChannelId","tenant","children","knock","useKnockClient","connectionStatus","setConnectionStatus","errorLabel","setErrorLabel","actionLabel","setActionLabel","useSlackConnectionStatus","slackProviderKey","useKnockSlackClient","context","useContext","undefined","Error"],"mappings":";;;;;;;;AAmBA,MAAMA,IACJC,EAAMC,cAA8C,IAAI,GAO7CC,IAETA,CAAC;AAAA,EAAEC,qBAAAA;AAAAA,EAAqBC,QAAAA;AAAAA,EAAQC,UAAAA;AAAS,MAAM;AACjD,QAAMC,IAAQC,KAER;AAAA,IACJC,kBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACEC,IAAAA,EAAyBR,GAAOH,GAAqBC,CAAM;AAE/D,SACG,gBAAAJ,EAAA,cAAAD,EAA0B,UAA1B,EACC,KAAKgB,EAAiB;AAAA,IACpBZ,qBAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAI,kBAAAA;AAAAA,IACAE,YAAAA;AAAAA,EACD,CAAA,GACD,OAAO;AAAA,IACLF,kBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAV,qBAAAA;AAAAA,IACAC,QAAAA;AAAAA,EAAAA,KAGDC,CACH;AAEJ,GAEaW,IAAsBA,MAA+B;AAC1DC,QAAAA,IAAUjB,EAAMkB,WACpBnB,CACF;AACA,MAAIkB,MAAYE;AACR,UAAA,IAAIC,MACR,8DACF;AAEKH,SAAAA;AACT;"}

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

@@ -5,8 +5,9 @@ import { useTranslations as I } from "../../i18n/hooks/useTranslations.mjs";
 import "swr/infinite";
 import { useKnockClient as j } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
+import "zustand/shallow";
 import "date-fns";
-function T({
+function q({
   slackChannelsRecipientObject: {
     objectId: e,
     collection: a
@@ -17,21 +18,21 @@ function T({
   } = I(), o = j(), {
     connectionStatus: h,
     knockSlackChannelId: c
-  } = b(), [s, l] = t(null), [i, d] = t(null), [C, r] = t(!1), [S, f] = t(!1), u = y(() => {
-    r(!0), (async () => await o.objects.getChannelData({
+  } = b(), [s, l] = t(null), [i, d] = t(null), [r, C] = t(!1), [S, f] = t(!1), u = y(() => {
+    C(!0), (async () => await o.objects.getChannelData({
       collection: a,
       objectId: e,
       channelId: c
     }))().then((n) => {
-      var k, m;
-      (k = n == null ? void 0 : n.data) != null && k.connections ? l((m = n == null ? void 0 : n.data) == null ? void 0 : m.connections) : l([]), d(null), r(!1);
+      var m, k;
+      (m = n == null ? void 0 : n.data) != null && m.connections ? l((k = n == null ? void 0 : n.data) == null ? void 0 : k.connections) : l([]), d(null), C(!1);
     }).catch(() => {
-      l([]), d(null), r(!1);
+      l([]), d(null), C(!1);
     });
   }, [a, o.objects, c, e]);
   return E(() => {
-    h === "connected" && !s && !i && !C && u();
-  }, [s, u, C, i, h]), {
+    h === "connected" && !s && !i && !r && u();
+  }, [s, u, r, i, h]), {
     data: s,
     updateConnectedChannels: async (p) => {
       f(!0);
@@ -50,11 +51,11 @@ function T({
       f(!1);
     },
     updating: S,
-    loading: C,
+    loading: r,
     error: i
   };
 }
 export {
-  T as default
+  q as default
 };
 //# sourceMappingURL=useConnectedSlackChannels.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useConnectedSlackChannels.mjs","sources":["../../../../../src/modules/slack/hooks/useConnectedSlackChannels.ts"],"sourcesContent":["import { ContainerObject, useKnockSlackClient } from \"..\";\nimport { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\nimport { useTranslations } from \"../../i18n\";\n\ntype UseSlackChannelsProps = {\n  slackChannelsRecipientObject: ContainerObject;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannelConnection[] | null;\n  updateConnectedChannels: (\n    connectedChannels: SlackChannelConnection[],\n  ) => void;\n  loading: boolean;\n  error: string | null;\n  updating: boolean;\n};\n\nfunction useConnectedSlackChannels({\n  slackChannelsRecipientObject: { objectId, collection },\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n  const { connectionStatus, knockSlackChannelId } = useKnockSlackClient();\n  const [connectedChannels, setConnectedChannels] = useState<\n    null | SlackChannelConnection[]\n  >(null);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n\n  const fetchAndSetConnectedChannels = useCallback(() => {\n    setIsLoading(true);\n    const getConnectedChannels = async () =>\n      await knock.objects.getChannelData({\n        collection,\n        objectId,\n        channelId: knockSlackChannelId,\n      });\n\n    getConnectedChannels()\n      .then((res) => {\n        if (res?.data?.connections) {\n          setConnectedChannels(res?.data?.connections);\n        } else {\n          setConnectedChannels([]);\n        }\n        setError(null);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        setConnectedChannels([]);\n        setError(null);\n        setIsLoading(false);\n      });\n  }, [collection, knock.objects, knockSlackChannelId, objectId]);\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !connectedChannels &&\n      !error &&\n      !isLoading\n    ) {\n      fetchAndSetConnectedChannels();\n    }\n  }, [\n    connectedChannels,\n    fetchAndSetConnectedChannels,\n    isLoading,\n    error,\n    connectionStatus,\n  ]);\n\n  const updateConnectedChannels = async (\n    channelsToSendToKnock: SlackChannelConnection[],\n  ) => {\n    setIsUpdating(true);\n    try {\n      await knock.objects.setChannelData({\n        objectId,\n        collection,\n        channelId: knockSlackChannelId,\n        data: { connections: channelsToSendToKnock },\n      });\n      fetchAndSetConnectedChannels();\n    } catch (error) {\n      setError(t(\"slackChannelSetError\") || \"\");\n    }\n    setIsUpdating(false);\n  };\n\n  return {\n    data: connectedChannels,\n    updateConnectedChannels,\n    updating: isUpdating,\n    loading: isLoading,\n    error,\n  };\n}\n\nexport default useConnectedSlackChannels;\n"],"names":["useConnectedSlackChannels","slackChannelsRecipientObject","objectId","collection","t","useTranslations","knock","useKnockClient","connectionStatus","knockSlackChannelId","useKnockSlackClient","connectedChannels","setConnectedChannels","useState","error","setError","isLoading","setIsLoading","isUpdating","setIsUpdating","fetchAndSetConnectedChannels","useCallback","objects","getChannelData","channelId","then","res","data","connections","catch","useEffect","updateConnectedChannels","channelsToSendToKnock","setChannelData","updating","loading"],"mappings":";;;;;;;;AAqBA,SAASA,EAA0B;AAAA,EACjCC,8BAA8B;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,EAAW;AAChC,GAA0B;AACzC,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxBC,IAAQC,KACR;AAAA,IAAEC,kBAAAA;AAAAA,IAAkBC,qBAAAA;AAAAA,MAAwBC,EAAoB,GAChE,CAACC,GAAmBC,CAAoB,IAAIC,EAEhD,IAAI,GACA,CAACC,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAChD,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAYC,CAAa,IAAIN,EAAS,EAAK,GAE5CO,IAA+BC,EAAY,MAAM;AACrDJ,IAAAA,EAAa,EAAI,IACY,YAC3B,MAAMX,EAAMgB,QAAQC,eAAe;AAAA,MACjCpB,YAAAA;AAAAA,MACAD,UAAAA;AAAAA,MACAsB,WAAWf;AAAAA,IAAAA,CACZ,GAEkB,EAClBgB,KAAMC,CAAQA,MAAA;;AACTA,OAAAA,IAAAA,KAAAA,gBAAAA,EAAKC,SAALD,QAAAA,EAAWE,cACQF,GAAAA,IAAAA,KAAAA,gBAAAA,EAAKC,SAALD,gBAAAA,EAAWE,WAAW,IAE3ChB,EAAqB,CAAE,CAAA,GAEzBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB,EACAY,MAAM,MAAM;AACXjB,MAAAA,EAAqB,CAAE,CAAA,GACvBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB;AAAA,EAAA,GACF,CAACd,GAAYG,EAAMgB,SAASb,GAAqBP,CAAQ,CAAC;AAE7D4B,SAAAA,EAAU,MAAM;AACd,IACEtB,MAAqB,eACrB,CAACG,KACD,CAACG,KACD,CAACE,KAE4BI;EAC/B,GACC,CACDT,GACAS,GACAJ,GACAF,GACAN,CAAgB,CACjB,GAoBM;AAAA,IACLmB,MAAMhB;AAAAA,IACNoB,yBApB8B,OAC9BC,MACG;AACHb,MAAAA,EAAc,EAAI;AACd,UAAA;AACIb,cAAAA,EAAMgB,QAAQW,eAAe;AAAA,UACjC/B,UAAAA;AAAAA,UACAC,YAAAA;AAAAA,UACAqB,WAAWf;AAAAA,UACXkB,MAAM;AAAA,YAAEC,aAAaI;AAAAA,UAAsB;AAAA,QAAA,CAC5C,GAC4BZ;cACf;AACLhB,QAAAA,EAAAA,EAAE,sBAAsB,KAAK,EAAE;AAAA,MAC1C;AACAe,MAAAA,EAAc,EAAK;AAAA,IAAA;AAAA,IAMnBe,UAAUhB;AAAAA,IACViB,SAASnB;AAAAA,IACTF,OAAAA;AAAAA,EAAAA;AAEJ;"}
+{"version":3,"file":"useConnectedSlackChannels.mjs","sources":["../../../../../src/modules/slack/hooks/useConnectedSlackChannels.ts"],"sourcesContent":["import { ContainerObject, useKnockSlackClient } from \"..\";\nimport { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\nimport { useTranslations } from \"../../i18n\";\n\ntype UseSlackChannelsProps = {\n  slackChannelsRecipientObject: ContainerObject;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannelConnection[] | null;\n  updateConnectedChannels: (\n    connectedChannels: SlackChannelConnection[],\n  ) => void;\n  loading: boolean;\n  error: string | null;\n  updating: boolean;\n};\n\nfunction useConnectedSlackChannels({\n  slackChannelsRecipientObject: { objectId, collection },\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n  const { connectionStatus, knockSlackChannelId } = useKnockSlackClient();\n  const [connectedChannels, setConnectedChannels] = useState<\n    null | SlackChannelConnection[]\n  >(null);\n  const [error, setError] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isUpdating, setIsUpdating] = useState(false);\n\n  const fetchAndSetConnectedChannels = useCallback(() => {\n    setIsLoading(true);\n    const getConnectedChannels = async () =>\n      await knock.objects.getChannelData({\n        collection,\n        objectId,\n        channelId: knockSlackChannelId,\n      });\n\n    getConnectedChannels()\n      .then((res) => {\n        if (res?.data?.connections) {\n          setConnectedChannels(res?.data?.connections);\n        } else {\n          setConnectedChannels([]);\n        }\n        setError(null);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        setConnectedChannels([]);\n        setError(null);\n        setIsLoading(false);\n      });\n  }, [collection, knock.objects, knockSlackChannelId, objectId]);\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !connectedChannels &&\n      !error &&\n      !isLoading\n    ) {\n      fetchAndSetConnectedChannels();\n    }\n  }, [\n    connectedChannels,\n    fetchAndSetConnectedChannels,\n    isLoading,\n    error,\n    connectionStatus,\n  ]);\n\n  const updateConnectedChannels = async (\n    channelsToSendToKnock: SlackChannelConnection[],\n  ) => {\n    setIsUpdating(true);\n    try {\n      await knock.objects.setChannelData({\n        objectId,\n        collection,\n        channelId: knockSlackChannelId,\n        data: { connections: channelsToSendToKnock },\n      });\n      fetchAndSetConnectedChannels();\n    } catch (error) {\n      setError(t(\"slackChannelSetError\") || \"\");\n    }\n    setIsUpdating(false);\n  };\n\n  return {\n    data: connectedChannels,\n    updateConnectedChannels,\n    updating: isUpdating,\n    loading: isLoading,\n    error,\n  };\n}\n\nexport default useConnectedSlackChannels;\n"],"names":["useConnectedSlackChannels","slackChannelsRecipientObject","objectId","collection","t","useTranslations","knock","useKnockClient","connectionStatus","knockSlackChannelId","useKnockSlackClient","connectedChannels","setConnectedChannels","useState","error","setError","isLoading","setIsLoading","isUpdating","setIsUpdating","fetchAndSetConnectedChannels","useCallback","objects","getChannelData","channelId","then","res","data","connections","catch","useEffect","updateConnectedChannels","channelsToSendToKnock","setChannelData","updating","loading"],"mappings":";;;;;;;;;AAqBA,SAASA,EAA0B;AAAA,EACjCC,8BAA8B;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,EAAW;AAChC,GAA0B;AACzC,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxBC,IAAQC,KACR;AAAA,IAAEC,kBAAAA;AAAAA,IAAkBC,qBAAAA;AAAAA,MAAwBC,EAAoB,GAChE,CAACC,GAAmBC,CAAoB,IAAIC,EAEhD,IAAI,GACA,CAACC,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAChD,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAYC,CAAa,IAAIN,EAAS,EAAK,GAE5CO,IAA+BC,EAAY,MAAM;AACrDJ,IAAAA,EAAa,EAAI,IACY,YAC3B,MAAMX,EAAMgB,QAAQC,eAAe;AAAA,MACjCpB,YAAAA;AAAAA,MACAD,UAAAA;AAAAA,MACAsB,WAAWf;AAAAA,IAAAA,CACZ,GAEkB,EAClBgB,KAAMC,CAAQA,MAAA;;AACTA,OAAAA,IAAAA,KAAAA,gBAAAA,EAAKC,SAALD,QAAAA,EAAWE,cACQF,GAAAA,IAAAA,KAAAA,gBAAAA,EAAKC,SAALD,gBAAAA,EAAWE,WAAW,IAE3ChB,EAAqB,CAAE,CAAA,GAEzBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB,EACAY,MAAM,MAAM;AACXjB,MAAAA,EAAqB,CAAE,CAAA,GACvBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB;AAAA,EAAA,GACF,CAACd,GAAYG,EAAMgB,SAASb,GAAqBP,CAAQ,CAAC;AAE7D4B,SAAAA,EAAU,MAAM;AACd,IACEtB,MAAqB,eACrB,CAACG,KACD,CAACG,KACD,CAACE,KAE4BI;EAC/B,GACC,CACDT,GACAS,GACAJ,GACAF,GACAN,CAAgB,CACjB,GAoBM;AAAA,IACLmB,MAAMhB;AAAAA,IACNoB,yBApB8B,OAC9BC,MACG;AACHb,MAAAA,EAAc,EAAI;AACd,UAAA;AACIb,cAAAA,EAAMgB,QAAQW,eAAe;AAAA,UACjC/B,UAAAA;AAAAA,UACAC,YAAAA;AAAAA,UACAqB,WAAWf;AAAAA,UACXkB,MAAM;AAAA,YAAEC,aAAaI;AAAAA,UAAsB;AAAA,QAAA,CAC5C,GAC4BZ;cACf;AACLhB,QAAAA,EAAAA,EAAE,sBAAsB,KAAK,EAAE;AAAA,MAC1C;AACAe,MAAAA,EAAc,EAAK;AAAA,IAAA;AAAA,IAMnBe,UAAUhB;AAAAA,IACViB,SAASnB;AAAAA,IACTF,OAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -4,9 +4,10 @@ import "../../i18n/context/KnockI18nProvider.mjs";
 import "swr/infinite";
 import { useKnockClient as u } from "../../core/context/KnockProvider.mjs";
 import { TENANT_OBJECT_COLLECTION as m } from "@knocklabs/client";
+import "zustand/shallow";
 import "date-fns";
 const p = "https://slack.com/oauth/v2/authorize", h = ["chat:write", "chat:write.public", "channels:read", "groups:read"];
-function L(r, a) {
+function y(r, a) {
   const e = u(), {
     setConnectionStatus: t,
     knockSlackChannelId: o,
@@ -46,6 +47,6 @@ function L(r, a) {
   };
 }
 export {
-  L as default
+  y as default
 };
 //# sourceMappingURL=useSlackAuth.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSlackAuth.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackAuth.ts"],"sourcesContent":["import { useKnockSlackClient } from \"..\";\nimport { TENANT_OBJECT_COLLECTION } from \"@knocklabs/client\";\nimport { useCallback } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst SLACK_AUTHORIZE_URL = \"https://slack.com/oauth/v2/authorize\";\nconst DEFAULT_SLACK_SCOPES = [\n  \"chat:write\",\n  \"chat:write.public\",\n  \"channels:read\",\n  \"groups:read\"\n];\n\ntype UseSlackAuthOutput = {\n  buildSlackAuthUrl: () => string;\n  disconnectFromSlack: () => void;\n};\n\nfunction useSlackAuth(\n  slackClientId: string,\n  redirectUrl?: string,\n): UseSlackAuthOutput {\n  const knock = useKnockClient();\n  const { setConnectionStatus, knockSlackChannelId, tenant, setActionLabel } =\n    useKnockSlackClient();\n\n  const disconnectFromSlack = useCallback(async () => {\n    setActionLabel(null);\n    setConnectionStatus(\"disconnecting\");\n    try {\n      const revoke = await knock.slack.revokeAccessToken({\n        tenant,\n        knockChannelId: knockSlackChannelId,\n      });\n\n      if (revoke === \"ok\") {\n        setConnectionStatus(\"disconnected\");\n      } else {\n        setConnectionStatus(\"error\");\n      }\n    } catch (error) {\n      setConnectionStatus(\"error\");\n    }\n  }, [\n    setConnectionStatus,\n    knock.slack,\n    tenant,\n    knockSlackChannelId,\n    setActionLabel,\n  ]);\n\n  const buildSlackAuthUrl = useCallback(() => {\n    const rawParams = {\n      state: JSON.stringify({\n        redirect_url: redirectUrl,\n        access_token_object: {\n          object_id: tenant,\n          collection: TENANT_OBJECT_COLLECTION,\n        },\n        channel_id: knockSlackChannelId,\n        public_key: knock.apiKey,\n        user_token: knock.userToken,\n      }),\n      client_id: slackClientId,\n      scope: DEFAULT_SLACK_SCOPES.join(\",\"),\n    };\n    return `${SLACK_AUTHORIZE_URL}?${new URLSearchParams(rawParams)}`;\n  }, [\n    redirectUrl,\n    tenant,\n    knockSlackChannelId,\n    knock.apiKey,\n    knock.userToken,\n    slackClientId,\n  ]);\n\n  return {\n    buildSlackAuthUrl,\n    disconnectFromSlack,\n  };\n}\n\nexport default useSlackAuth;\n"],"names":["SLACK_AUTHORIZE_URL","DEFAULT_SLACK_SCOPES","useSlackAuth","slackClientId","redirectUrl","knock","useKnockClient","setConnectionStatus","knockSlackChannelId","tenant","setActionLabel","useKnockSlackClient","disconnectFromSlack","useCallback","revoke","slack","revokeAccessToken","knockChannelId","buildSlackAuthUrl","rawParams","state","JSON","stringify","redirect_url","access_token_object","object_id","collection","TENANT_OBJECT_COLLECTION","channel_id","public_key","apiKey","user_token","userToken","client_id","scope","join","URLSearchParams"],"mappings":";;;;;;;AAMA,MAAMA,IAAsB,wCACtBC,IAAuB,CAC3B,cACA,qBACA,iBACA,aAAa;AAQf,SAASC,EACPC,GACAC,GACoB;AACpB,QAAMC,IAAQC,KACR;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,qBAAAA;AAAAA,IAAqBC,QAAAA;AAAAA,IAAQC,gBAAAA;AAAAA,MACxDC,EAAoB,GAEhBC,IAAsBC,EAAY,YAAY;AAClDH,IAAAA,EAAe,IAAI,GACnBH,EAAoB,eAAe;AAC/B,QAAA;AACF,YAAMO,IAAS,MAAMT,EAAMU,MAAMC,kBAAkB;AAAA,QACjDP,QAAAA;AAAAA,QACAQ,gBAAgBT;AAAAA,MAAAA,CACjB;AAED,MACED,EADEO,MAAW,OACO,iBAEA,OAFc;AAAA,YAItB;AACdP,MAAAA,EAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,GACC,CACDA,GACAF,EAAMU,OACNN,GACAD,GACAE,CAAc,CACf;AA2BM,SAAA;AAAA,IACLQ,mBA1BwBL,EAAY,MAAM;AAC1C,YAAMM,IAAY;AAAA,QAChBC,OAAOC,KAAKC,UAAU;AAAA,UACpBC,cAAcnB;AAAAA,UACdoB,qBAAqB;AAAA,YACnBC,WAAWhB;AAAAA,YACXiB,YAAYC;AAAAA,UACd;AAAA,UACAC,YAAYpB;AAAAA,UACZqB,YAAYxB,EAAMyB;AAAAA,UAClBC,YAAY1B,EAAM2B;AAAAA,QAAAA,CACnB;AAAA,QACDC,WAAW9B;AAAAA,QACX+B,OAAOjC,EAAqBkC,KAAK,GAAG;AAAA,MAAA;AAEtC,aAAQ,GAAEnC,CAAoB,IAAG,IAAIoC,gBAAgBjB,CAAS,CAAE;AAAA,IAAA,GAC/D,CACDf,GACAK,GACAD,GACAH,EAAMyB,QACNzB,EAAM2B,WACN7B,CAAa,CACd;AAAA,IAICS,qBAAAA;AAAAA,EAAAA;AAEJ;"}
+{"version":3,"file":"useSlackAuth.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackAuth.ts"],"sourcesContent":["import { useKnockSlackClient } from \"..\";\nimport { TENANT_OBJECT_COLLECTION } from \"@knocklabs/client\";\nimport { useCallback } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst SLACK_AUTHORIZE_URL = \"https://slack.com/oauth/v2/authorize\";\nconst DEFAULT_SLACK_SCOPES = [\n  \"chat:write\",\n  \"chat:write.public\",\n  \"channels:read\",\n  \"groups:read\"\n];\n\ntype UseSlackAuthOutput = {\n  buildSlackAuthUrl: () => string;\n  disconnectFromSlack: () => void;\n};\n\nfunction useSlackAuth(\n  slackClientId: string,\n  redirectUrl?: string,\n): UseSlackAuthOutput {\n  const knock = useKnockClient();\n  const { setConnectionStatus, knockSlackChannelId, tenant, setActionLabel } =\n    useKnockSlackClient();\n\n  const disconnectFromSlack = useCallback(async () => {\n    setActionLabel(null);\n    setConnectionStatus(\"disconnecting\");\n    try {\n      const revoke = await knock.slack.revokeAccessToken({\n        tenant,\n        knockChannelId: knockSlackChannelId,\n      });\n\n      if (revoke === \"ok\") {\n        setConnectionStatus(\"disconnected\");\n      } else {\n        setConnectionStatus(\"error\");\n      }\n    } catch (error) {\n      setConnectionStatus(\"error\");\n    }\n  }, [\n    setConnectionStatus,\n    knock.slack,\n    tenant,\n    knockSlackChannelId,\n    setActionLabel,\n  ]);\n\n  const buildSlackAuthUrl = useCallback(() => {\n    const rawParams = {\n      state: JSON.stringify({\n        redirect_url: redirectUrl,\n        access_token_object: {\n          object_id: tenant,\n          collection: TENANT_OBJECT_COLLECTION,\n        },\n        channel_id: knockSlackChannelId,\n        public_key: knock.apiKey,\n        user_token: knock.userToken,\n      }),\n      client_id: slackClientId,\n      scope: DEFAULT_SLACK_SCOPES.join(\",\"),\n    };\n    return `${SLACK_AUTHORIZE_URL}?${new URLSearchParams(rawParams)}`;\n  }, [\n    redirectUrl,\n    tenant,\n    knockSlackChannelId,\n    knock.apiKey,\n    knock.userToken,\n    slackClientId,\n  ]);\n\n  return {\n    buildSlackAuthUrl,\n    disconnectFromSlack,\n  };\n}\n\nexport default useSlackAuth;\n"],"names":["SLACK_AUTHORIZE_URL","DEFAULT_SLACK_SCOPES","useSlackAuth","slackClientId","redirectUrl","knock","useKnockClient","setConnectionStatus","knockSlackChannelId","tenant","setActionLabel","useKnockSlackClient","disconnectFromSlack","useCallback","revoke","slack","revokeAccessToken","knockChannelId","buildSlackAuthUrl","rawParams","state","JSON","stringify","redirect_url","access_token_object","object_id","collection","TENANT_OBJECT_COLLECTION","channel_id","public_key","apiKey","user_token","userToken","client_id","scope","join","URLSearchParams"],"mappings":";;;;;;;;AAMA,MAAMA,IAAsB,wCACtBC,IAAuB,CAC3B,cACA,qBACA,iBACA,aAAa;AAQf,SAASC,EACPC,GACAC,GACoB;AACpB,QAAMC,IAAQC,KACR;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,qBAAAA;AAAAA,IAAqBC,QAAAA;AAAAA,IAAQC,gBAAAA;AAAAA,MACxDC,EAAoB,GAEhBC,IAAsBC,EAAY,YAAY;AAClDH,IAAAA,EAAe,IAAI,GACnBH,EAAoB,eAAe;AAC/B,QAAA;AACF,YAAMO,IAAS,MAAMT,EAAMU,MAAMC,kBAAkB;AAAA,QACjDP,QAAAA;AAAAA,QACAQ,gBAAgBT;AAAAA,MAAAA,CACjB;AAED,MACED,EADEO,MAAW,OACO,iBAEA,OAFc;AAAA,YAItB;AACdP,MAAAA,EAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,GACC,CACDA,GACAF,EAAMU,OACNN,GACAD,GACAE,CAAc,CACf;AA2BM,SAAA;AAAA,IACLQ,mBA1BwBL,EAAY,MAAM;AAC1C,YAAMM,IAAY;AAAA,QAChBC,OAAOC,KAAKC,UAAU;AAAA,UACpBC,cAAcnB;AAAAA,UACdoB,qBAAqB;AAAA,YACnBC,WAAWhB;AAAAA,YACXiB,YAAYC;AAAAA,UACd;AAAA,UACAC,YAAYpB;AAAAA,UACZqB,YAAYxB,EAAMyB;AAAAA,UAClBC,YAAY1B,EAAM2B;AAAAA,QAAAA,CACnB;AAAA,QACDC,WAAW9B;AAAAA,QACX+B,OAAOjC,EAAqBkC,KAAK,GAAG;AAAA,MAAA;AAEtC,aAAQ,GAAEnC,CAAoB,IAAG,IAAIoC,gBAAgBjB,CAAS,CAAE;AAAA,IAAA,GAC/D,CACDf,GACAK,GACAD,GACAH,EAAMyB,QACNzB,EAAM2B,WACN7B,CAAa,CACd;AAAA,IAICS,qBAAAA;AAAAA,EAAAA;AAEJ;"}

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

@@ -4,12 +4,13 @@ import "../../i18n/context/KnockI18nProvider.mjs";
 import A from "swr/infinite";
 import { useKnockClient as I } from "../../core/context/KnockProvider.mjs";
 import "@knocklabs/client";
+import "zustand/shallow";
 import "date-fns";
 const P = 1e3, K = 200, M = "private_channel,public_channel", u = "SLACK_CHANNELS";
 function z(n, e) {
   return n === 0 ? [u, ""] : e && ["", null].includes(e.next_cursor) ? null : [u, e.next_cursor ?? ""];
 }
-function G({
+function V({
   queryOptions: n
 }) {
   var C, _;
@@ -31,21 +32,21 @@ function G({
     error: i,
     isLoading: l,
     isValidating: o,
-    size: f,
-    setSize: m,
+    size: m,
+    setSize: f,
     mutate: E
   } = A(z, x, {
     initialSize: 0
-  }), s = (t == null ? void 0 : t.length) || 0, h = s === 0 || t && ((C = t[s]) == null ? void 0 : C.next_cursor) && ((_ = t[s]) == null ? void 0 : _.next_cursor) !== "", r = N(() => (t ?? []).flatMap((c) => c == null ? void 0 : c.slack_channels).filter((c) => !!c), [t]), k = (n == null ? void 0 : n.maxCount) || P;
+  }), r = (t == null ? void 0 : t.length) || 0, h = r === 0 || t && ((C = t[r]) == null ? void 0 : C.next_cursor) && ((_ = t[r]) == null ? void 0 : _.next_cursor) !== "", s = N(() => (t ?? []).flatMap((c) => c == null ? void 0 : c.slack_channels).filter((c) => !!c), [t]), k = (n == null ? void 0 : n.maxCount) || P;
   return g(() => {
-    a === "connected" && !i && h && !l && !o && r.length < k && m(f + 1);
-  }, [r.length, m, f, h, l, o, k, i, a]), {
-    data: r,
+    a === "connected" && !i && h && !l && !o && s.length < k && f(m + 1);
+  }, [s.length, f, m, h, l, o, k, i, a]), {
+    data: s,
     isLoading: l || o,
     refetch: () => E()
   };
 }
 export {
-  G as default
+  V as default
 };
 //# sourceMappingURL=useSlackChannels.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSlackChannels.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"sourcesContent":["import { SlackChannelQueryOptions, useKnockSlackClient } from \"..\";\nimport { GetSlackChannelsResponse, SlackChannel } from \"@knocklabs/client\";\nimport { useEffect, useMemo } from \"react\";\nimport useSWRInfinite from \"swr/infinite\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst MAX_COUNT = 1000;\nconst LIMIT_PER_PAGE = 200;\nconst CHANNEL_TYPES = \"private_channel,public_channel\";\n\nconst QUERY_KEY = \"SLACK_CHANNELS\";\n\ntype UseSlackChannelsProps = {\n  queryOptions?: SlackChannelQueryOptions;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannel[];\n  isLoading: boolean;\n  refetch: () => void;\n};\n\ntype QueryKey = [key: string, cursor: string] | null;\n\nfunction getQueryKey(\n  pageIndex: number,\n  previousPageData: GetSlackChannelsResponse,\n): QueryKey {\n  // First page so just pass empty\n  if (pageIndex === 0) {\n    return [QUERY_KEY, \"\"];\n  }\n\n  // If there's no more data then return an empty next cursor\n  if (previousPageData && [\"\", null].includes(previousPageData.next_cursor)) {\n    return null;\n  }\n\n  // Next cursor exists so pass it\n  return [QUERY_KEY, previousPageData.next_cursor ?? \"\"];\n}\n\nfunction useSlackChannels({\n  queryOptions,\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const knock = useKnockClient();\n  const { knockSlackChannelId, tenant, connectionStatus } =\n    useKnockSlackClient();\n\n  const fetchChannels = (queryKey: QueryKey) => {\n    return knock.slack.getChannels({\n      tenant,\n      knockChannelId: knockSlackChannelId,\n      queryOptions: {\n        ...queryOptions,\n        cursor: queryKey ? queryKey[1] : \"\",\n        limit: queryOptions?.limitPerPage || LIMIT_PER_PAGE,\n        types: queryOptions?.types || CHANNEL_TYPES,\n      },\n    });\n  };\n\n  const { data, error, isLoading, isValidating, size, setSize, mutate } =\n    useSWRInfinite<GetSlackChannelsResponse>(getQueryKey, fetchChannels, {\n      initialSize: 0,\n    });\n\n  const currentPage = data?.length || 0;\n\n  const hasNextPage =\n    currentPage === 0 ||\n    (data &&\n      data[currentPage]?.next_cursor &&\n      data[currentPage]?.next_cursor !== \"\");\n\n  const slackChannels: SlackChannel[] = useMemo(\n    () =>\n      (data ?? [])\n        .flatMap((page) => page?.slack_channels)\n        .filter((channel) => !!channel),\n    [data],\n  );\n\n  const maxCount = queryOptions?.maxCount || MAX_COUNT;\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !error &&\n      hasNextPage &&\n      !isLoading &&\n      !isValidating &&\n      slackChannels.length < maxCount\n    ) {\n      // Fetch a page at a time until we have nothing else left to fetch\n      // or we've already hit the max amount of channels to fetch\n      setSize(size + 1);\n    }\n  }, [\n    slackChannels.length,\n    setSize,\n    size,\n    hasNextPage,\n    isLoading,\n    isValidating,\n    maxCount,\n    error,\n    connectionStatus,\n  ]);\n\n  return {\n    data: slackChannels,\n    isLoading: isLoading || isValidating,\n    refetch: () => mutate(),\n  };\n}\n\nexport default useSlackChannels;\n"],"names":["MAX_COUNT","LIMIT_PER_PAGE","CHANNEL_TYPES","QUERY_KEY","getQueryKey","pageIndex","previousPageData","includes","next_cursor","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","queryKey","slack","getChannels","knockChannelId","cursor","limit","limitPerPage","types","data","error","isLoading","isValidating","size","setSize","mutate","useSWRInfinite","initialSize","currentPage","length","hasNextPage","slackChannels","useMemo","flatMap","page","slack_channels","filter","channel","maxCount","useEffect","refetch"],"mappings":";;;;;;;AAOA,MAAMA,IAAY,KACZC,IAAiB,KACjBC,IAAgB,kCAEhBC,IAAY;AAclB,SAASC,EACPC,GACAC,GACU;AAEV,SAAID,MAAc,IACT,CAACF,GAAW,EAAE,IAInBG,KAAoB,CAAC,IAAI,IAAI,EAAEC,SAASD,EAAiBE,WAAW,IAC/D,OAIF,CAACL,GAAWG,EAAiBE,eAAe,EAAE;AACvD;AAEA,SAASC,EAAiB;AAAA,EACxBC,cAAAA;AACqB,GAA0B;;AAC/C,QAAMC,IAAQC,KACR;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,QAAAA;AAAAA,IAAQC,kBAAAA;AAAAA,MACnCC,EAAoB,GAEhBC,IAAgBA,CAACC,MACdP,EAAMQ,MAAMC,YAAY;AAAA,IAC7BN,QAAAA;AAAAA,IACAO,gBAAgBR;AAAAA,IAChBH,cAAc;AAAA,MACZ,GAAGA;AAAAA,MACHY,QAAQJ,IAAWA,EAAS,CAAC,IAAI;AAAA,MACjCK,QAAOb,KAAAA,gBAAAA,EAAcc,iBAAgBvB;AAAAA,MACrCwB,QAAOf,KAAAA,gBAAAA,EAAce,UAASvB;AAAAA,IAChC;AAAA,EAAA,CACD,GAGG;AAAA,IAAEwB,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,cAAAA;AAAAA,IAAcC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAC3DC,EAAyC7B,GAAaa,GAAe;AAAA,IACnEiB,aAAa;AAAA,EAAA,CACd,GAEGC,KAAcT,KAAAA,gBAAAA,EAAMU,WAAU,GAE9BC,IACJF,MAAgB,KACfT,OACCA,IAAAA,EAAKS,CAAW,MAAhBT,gBAAAA,EAAmBlB,kBACnBkB,IAAAA,EAAKS,CAAW,MAAhBT,gBAAAA,EAAmBlB,iBAAgB,IAEjC8B,IAAgCC,EACpC,OACGb,KAAQ,IACNc,QAASC,CAASA,MAAAA,KAAAA,gBAAAA,EAAMC,cAAc,EACtCC,OAAQC,OAAY,CAAC,CAACA,CAAO,GAClC,CAAClB,CAAI,CACP,GAEMmB,KAAWnC,KAAAA,gBAAAA,EAAcmC,aAAY7C;AAE3C8C,SAAAA,EAAU,MAAM;AAEZ/B,IAAAA,MAAqB,eACrB,CAACY,KACDU,KACA,CAACT,KACD,CAACC,KACDS,EAAcF,SAASS,KAIvBd,EAAQD,IAAO,CAAC;AAAA,EAEjB,GAAA,CACDQ,EAAcF,QACdL,GACAD,GACAO,GACAT,GACAC,GACAgB,GACAlB,GACAZ,CAAgB,CACjB,GAEM;AAAA,IACLW,MAAMY;AAAAA,IACNV,WAAWA,KAAaC;AAAAA,IACxBkB,SAASA,MAAMf,EAAO;AAAA,EAAA;AAE1B;"}
+{"version":3,"file":"useSlackChannels.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"sourcesContent":["import { SlackChannelQueryOptions, useKnockSlackClient } from \"..\";\nimport { GetSlackChannelsResponse, SlackChannel } from \"@knocklabs/client\";\nimport { useEffect, useMemo } from \"react\";\nimport useSWRInfinite from \"swr/infinite\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst MAX_COUNT = 1000;\nconst LIMIT_PER_PAGE = 200;\nconst CHANNEL_TYPES = \"private_channel,public_channel\";\n\nconst QUERY_KEY = \"SLACK_CHANNELS\";\n\ntype UseSlackChannelsProps = {\n  queryOptions?: SlackChannelQueryOptions;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannel[];\n  isLoading: boolean;\n  refetch: () => void;\n};\n\ntype QueryKey = [key: string, cursor: string] | null;\n\nfunction getQueryKey(\n  pageIndex: number,\n  previousPageData: GetSlackChannelsResponse,\n): QueryKey {\n  // First page so just pass empty\n  if (pageIndex === 0) {\n    return [QUERY_KEY, \"\"];\n  }\n\n  // If there's no more data then return an empty next cursor\n  if (previousPageData && [\"\", null].includes(previousPageData.next_cursor)) {\n    return null;\n  }\n\n  // Next cursor exists so pass it\n  return [QUERY_KEY, previousPageData.next_cursor ?? \"\"];\n}\n\nfunction useSlackChannels({\n  queryOptions,\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const knock = useKnockClient();\n  const { knockSlackChannelId, tenant, connectionStatus } =\n    useKnockSlackClient();\n\n  const fetchChannels = (queryKey: QueryKey) => {\n    return knock.slack.getChannels({\n      tenant,\n      knockChannelId: knockSlackChannelId,\n      queryOptions: {\n        ...queryOptions,\n        cursor: queryKey ? queryKey[1] : \"\",\n        limit: queryOptions?.limitPerPage || LIMIT_PER_PAGE,\n        types: queryOptions?.types || CHANNEL_TYPES,\n      },\n    });\n  };\n\n  const { data, error, isLoading, isValidating, size, setSize, mutate } =\n    useSWRInfinite<GetSlackChannelsResponse>(getQueryKey, fetchChannels, {\n      initialSize: 0,\n    });\n\n  const currentPage = data?.length || 0;\n\n  const hasNextPage =\n    currentPage === 0 ||\n    (data &&\n      data[currentPage]?.next_cursor &&\n      data[currentPage]?.next_cursor !== \"\");\n\n  const slackChannels: SlackChannel[] = useMemo(\n    () =>\n      (data ?? [])\n        .flatMap((page) => page?.slack_channels)\n        .filter((channel) => !!channel),\n    [data],\n  );\n\n  const maxCount = queryOptions?.maxCount || MAX_COUNT;\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !error &&\n      hasNextPage &&\n      !isLoading &&\n      !isValidating &&\n      slackChannels.length < maxCount\n    ) {\n      // Fetch a page at a time until we have nothing else left to fetch\n      // or we've already hit the max amount of channels to fetch\n      setSize(size + 1);\n    }\n  }, [\n    slackChannels.length,\n    setSize,\n    size,\n    hasNextPage,\n    isLoading,\n    isValidating,\n    maxCount,\n    error,\n    connectionStatus,\n  ]);\n\n  return {\n    data: slackChannels,\n    isLoading: isLoading || isValidating,\n    refetch: () => mutate(),\n  };\n}\n\nexport default useSlackChannels;\n"],"names":["MAX_COUNT","LIMIT_PER_PAGE","CHANNEL_TYPES","QUERY_KEY","getQueryKey","pageIndex","previousPageData","includes","next_cursor","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","queryKey","slack","getChannels","knockChannelId","cursor","limit","limitPerPage","types","data","error","isLoading","isValidating","size","setSize","mutate","useSWRInfinite","initialSize","currentPage","length","hasNextPage","slackChannels","useMemo","flatMap","page","slack_channels","filter","channel","maxCount","useEffect","refetch"],"mappings":";;;;;;;;AAOA,MAAMA,IAAY,KACZC,IAAiB,KACjBC,IAAgB,kCAEhBC,IAAY;AAclB,SAASC,EACPC,GACAC,GACU;AAEV,SAAID,MAAc,IACT,CAACF,GAAW,EAAE,IAInBG,KAAoB,CAAC,IAAI,IAAI,EAAEC,SAASD,EAAiBE,WAAW,IAC/D,OAIF,CAACL,GAAWG,EAAiBE,eAAe,EAAE;AACvD;AAEA,SAASC,EAAiB;AAAA,EACxBC,cAAAA;AACqB,GAA0B;;AAC/C,QAAMC,IAAQC,KACR;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,QAAAA;AAAAA,IAAQC,kBAAAA;AAAAA,MACnCC,EAAoB,GAEhBC,IAAgBA,CAACC,MACdP,EAAMQ,MAAMC,YAAY;AAAA,IAC7BN,QAAAA;AAAAA,IACAO,gBAAgBR;AAAAA,IAChBH,cAAc;AAAA,MACZ,GAAGA;AAAAA,MACHY,QAAQJ,IAAWA,EAAS,CAAC,IAAI;AAAA,MACjCK,QAAOb,KAAAA,gBAAAA,EAAcc,iBAAgBvB;AAAAA,MACrCwB,QAAOf,KAAAA,gBAAAA,EAAce,UAASvB;AAAAA,IAChC;AAAA,EAAA,CACD,GAGG;AAAA,IAAEwB,MAAAA;AAAAA,IAAMC,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,cAAAA;AAAAA,IAAcC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAC3DC,EAAyC7B,GAAaa,GAAe;AAAA,IACnEiB,aAAa;AAAA,EAAA,CACd,GAEGC,KAAcT,KAAAA,gBAAAA,EAAMU,WAAU,GAE9BC,IACJF,MAAgB,KACfT,OACCA,IAAAA,EAAKS,CAAW,MAAhBT,gBAAAA,EAAmBlB,kBACnBkB,IAAAA,EAAKS,CAAW,MAAhBT,gBAAAA,EAAmBlB,iBAAgB,IAEjC8B,IAAgCC,EACpC,OACGb,KAAQ,IACNc,QAASC,CAASA,MAAAA,KAAAA,gBAAAA,EAAMC,cAAc,EACtCC,OAAQC,OAAY,CAAC,CAACA,CAAO,GAClC,CAAClB,CAAI,CACP,GAEMmB,KAAWnC,KAAAA,gBAAAA,EAAcmC,aAAY7C;AAE3C8C,SAAAA,EAAU,MAAM;AAEZ/B,IAAAA,MAAqB,eACrB,CAACY,KACDU,KACA,CAACT,KACD,CAACC,KACDS,EAAcF,SAASS,KAIvBd,EAAQD,IAAO,CAAC;AAAA,EAEjB,GAAA,CACDQ,EAAcF,QACdL,GACAD,GACAO,GACAT,GACAC,GACAgB,GACAlB,GACAZ,CAAgB,CACjB,GAEM;AAAA,IACLW,MAAMY;AAAAA,IACNV,WAAWA,KAAaC;AAAAA,IACxBkB,SAASA,MAAMf,EAAO;AAAA,EAAA;AAE1B;"}

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

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

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

@@ -1,4 +1,5 @@
 import Knock, { AuthenticateOptions, KnockOptions } from "@knocklabs/client";
-declare function useAuthenticatedKnockClient(apiKey: string, userId: string, userToken?: string, options?: KnockOptions & AuthenticateOptions): Knock;
+export type AuthenticatedKnockClientOptions = KnockOptions & AuthenticateOptions;
+declare function useAuthenticatedKnockClient(apiKey: string, userId: string, userToken?: string, options?: AuthenticatedKnockClientOptions): 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":"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"}
+{"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"}

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.15",
+  "version": "0.2.16",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",

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

@@ -41,8 +41,6 @@ export const KnockProvider: React.FC<PropsWithChildren<KnockProviderProps>> = ({
   i18n,
 }) => {
   // We memoize the options here so that we don't create a new object on every re-render
-  // TODO: we probably need to put this optimization into the `useAuthenticatedKnockClient`
-  // hook itself to fix this
   const authenticateOptions = React.useMemo(
     () => ({
       host,

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

@@ -1,5 +1,6 @@
 import Knock, { AuthenticateOptions, KnockOptions } from "@knocklabs/client";
-import React, { useMemo } from "react";
+import React from "react";
+import shallow from "zustand/shallow";
 
 function authenticateWithOptions(
   knock: Knock,
@@ -13,15 +14,26 @@ function authenticateWithOptions(
   });
 }
 
+export type AuthenticatedKnockClientOptions = KnockOptions &
+  AuthenticateOptions;
+
 function useAuthenticatedKnockClient(
   apiKey: string,
   userId: string,
   userToken?: string,
-  options: KnockOptions & AuthenticateOptions = {},
+  options: AuthenticatedKnockClientOptions = {},
 ) {
-  const knockRef = React.useRef<Knock | null>();
+  const knockRef = React.useRef<Knock | undefined>();
+  const optionsRef = React.useRef<AuthenticatedKnockClientOptions>();
+
+  // Shallow compare options so that we ensure that we have a stable
+  // set of options between re-renders.
+  const stableOptions = React.useMemo(() => {
+    const currentOptions = optionsRef.current || {};
+    return shallow(options, currentOptions) ? currentOptions : options;
+  }, [options]);
 
-  return useMemo(() => {
+  return React.useMemo(() => {
     const currentKnock = knockRef.current;
 
     // If the userId and the userToken changes then just reauth
@@ -30,7 +42,7 @@ function useAuthenticatedKnockClient(
       currentKnock.isAuthenticated() &&
       (currentKnock.userId !== userId || currentKnock.userToken !== userToken)
     ) {
-      authenticateWithOptions(currentKnock, userId, userToken, options);
+      authenticateWithOptions(currentKnock, userId, userToken, stableOptions);
       return currentKnock;
     }
 
@@ -39,12 +51,16 @@ function useAuthenticatedKnockClient(
     }
 
     // Otherwise instantiate a new Knock client
-    const knock = new Knock(apiKey, options);
-    authenticateWithOptions(knock, userId, userToken, options);
+    const knock = new Knock(apiKey, {
+      host: stableOptions.host,
+      logLevel: stableOptions.logLevel,
+    });
+
+    authenticateWithOptions(knock, userId, userToken, stableOptions);
     knockRef.current = knock;
 
     return knock;
-  }, [apiKey, userId, userToken, options]);
+  }, [apiKey, userId, userToken, stableOptions]);
 }
 
 export default useAuthenticatedKnockClient;