@knocklabs/react-core 0.1.5 → 0.2.0

package/dist/esm/modules/i18n/languages/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/modules/i18n/languages/index.ts"],"sourcesContent":["import de from \"./de\";\nimport en from \"./en\";\n\nexport interface Translations {\n  readonly emptyFeedTitle: string;\n  readonly emptyFeedBody: string;\n  readonly notifications: string;\n  readonly poweredBy: string;\n  readonly markAllAsRead: string;\n  readonly archiveNotification: string;\n  readonly all: string;\n  readonly unread: string;\n  readonly read: string;\n  readonly unseen: string;\n  readonly slackConnectChannel: string;\n  readonly slackChannelId: string;\n  readonly slackConnecting: string;\n  readonly slackDisconnecting: string;\n  readonly slackConnect: string;\n  readonly slackConnected: string;\n  readonly slackConnectContainerDescription: string;\n  readonly slackSearchbarDisconnected: string;\n  readonly slackSearchbarMultipleChannels: string;\n  readonly slackSearchbarNoChannelsConnected: string;\n  readonly slackSearchbarNoChannelsFound: string;\n  readonly slackSearchbarChannelsError: string;\n  readonly slackSearchChannels: string;\n  readonly slackConnectionErrorOccurred: string;\n  readonly slackConnectionErrorExists: string;\n  readonly slackChannelAlreadyConnected: string;\n  readonly slackError: string;\n  readonly slackDisconnect: string;\n  readonly slackChannelSetError: string;\n  readonly slackAccessTokenNotSet: string;\n  readonly slackReconnect: string;\n}\n\nexport interface I18nContent {\n  readonly translations: Partial<Translations>;\n  readonly locale: string;\n}\n\nexport const locales = { en, de };\n"],"names":["locales","en","de"],"mappings":";;AA0Ca,MAAAA,IAAU,EAAE,IAAAC,GAAI,IAAAC,EAAG;"}

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

@@ -0,0 +1,58 @@
+import { jsx as n } from "react/jsx-runtime";
+import C from "../hooks/useSlackConnectionStatus.mjs";
+import { QueryClient as k, QueryClientProvider as v } from "@tanstack/react-query";
+import * as i from "react";
+import { useKnockClient as S } from "../../core/context/KnockProvider.mjs";
+import "@knocklabs/client";
+import { slackProviderKey as d } from "../../core/utils.mjs";
+import "../../i18n/context/KnockI18nProvider.mjs";
+const f = new k(), c = i.createContext(null), E = ({
+  knockSlackChannelId: t,
+  tenant: o,
+  children: s
+}) => {
+  const l = S(), {
+    connectionStatus: e,
+    setConnectionStatus: u,
+    errorLabel: r,
+    setErrorLabel: a,
+    actionLabel: m,
+    setActionLabel: p
+  } = C(l, t, o);
+  return /* @__PURE__ */ n(
+    c.Provider,
+    {
+      value: {
+        connectionStatus: e,
+        setConnectionStatus: u,
+        errorLabel: r,
+        setErrorLabel: a,
+        actionLabel: m,
+        setActionLabel: p,
+        knockSlackChannelId: t,
+        tenant: o
+      },
+      children: /* @__PURE__ */ n(v, { client: f, children: s })
+    },
+    d({
+      knockSlackChannelId: t,
+      tenant: o,
+      connectionStatus: e,
+      errorLabel: r
+    })
+  );
+}, Q = () => {
+  const t = i.useContext(
+    c
+  );
+  if (t === void 0)
+    throw new Error(
+      "useKnockSlackClient must be used within a KnockSlackProvider"
+    );
+  return t;
+};
+export {
+  E as KnockSlackProvider,
+  Q as useKnockSlackClient
+};
+//# sourceMappingURL=KnockSlackProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KnockSlackProvider.mjs","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"sourcesContent":["import { useSlackConnectionStatus } from \"..\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport * as React from \"react\";\n\nimport { slackProviderKey } from \"../../core\";\nimport { useKnockClient } from \"../../core\";\nimport { ConnectionStatus } from \"../hooks/useSlackConnectionStatus\";\n\nconst queryClient = new QueryClient();\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  children?: React.ReactElement;\n}\n\nexport const KnockSlackProvider: React.FC<KnockSlackProviderProps> = ({\n  knockSlackChannelId,\n  tenant,\n  children,\n}) => {\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      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\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":["queryClient","QueryClient","SlackProviderStateContext","React","KnockSlackProvider","knockSlackChannelId","tenant","children","knock","useKnockClient","connectionStatus","setConnectionStatus","errorLabel","setErrorLabel","actionLabel","setActionLabel","useSlackConnectionStatus","jsx","QueryClientProvider","slackProviderKey","useKnockSlackClient","context"],"mappings":";;;;;;;;AAQA,MAAMA,IAAc,IAAIC,KAalBC,IACJC,EAAM,cAA8C,IAAI,GAQ7CC,IAAwD,CAAC;AAAA,EACpE,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC,KAER;AAAA,IACJ,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EACE,IAAAC,EAAyBR,GAAOH,GAAqBC,CAAM;AAG7D,SAAA,gBAAAW;AAAA,IAACf,EAA0B;AAAA,IAA1B;AAAA,MAOC,OAAO;AAAA,QACL,kBAAAQ;AAAA,QACA,qBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,qBAAAV;AAAA,QACA,QAAAC;AAAA,MACF;AAAA,MAEA,UAAC,gBAAAW,EAAAC,GAAA,EAAoB,QAAQlB,GAAc,UAAAO,GAAS;AAAA,IAAA;AAAA,IAjB/CY,EAAiB;AAAA,MACpB,qBAAAd;AAAA,MACA,QAAAC;AAAA,MACA,kBAAAI;AAAA,MACA,YAAAE;AAAA,IAAA,CACD;AAAA,EAAA;AAeP,GAEaQ,IAAsB,MAA+B;AAChE,QAAMC,IAAUlB,EAAM;AAAA,IACpBD;AAAA,EAAA;AAEF,MAAImB,MAAY;AACd,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGG,SAAAA;AACT;"}

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

@@ -0,0 +1,56 @@
+import { useKnockSlackClient as b } from "../context/KnockSlackProvider.mjs";
+import { useState as t, useCallback as y, useEffect as E } from "react";
+import "../../i18n/context/KnockI18nProvider.mjs";
+import { useTranslations as I } from "../../i18n/hooks/useTranslations.mjs";
+import "@tanstack/react-query";
+import { useKnockClient as j } from "../../core/context/KnockProvider.mjs";
+import "@knocklabs/client";
+import "date-fns";
+function T({
+  slackChannelsRecipientObject: { objectId: e, collection: a }
+}) {
+  const { t: g } = 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({
+      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);
+    }).catch(() => {
+      l([]), d(null), r(!1);
+    });
+  }, [a, o.objects, c, e]);
+  return E(() => {
+    h === "connected" && !s && !i && !C && u();
+  }, [
+    s,
+    u,
+    C,
+    i,
+    h
+  ]), {
+    data: s,
+    updateConnectedChannels: async (p) => {
+      f(!0);
+      try {
+        await o.objects.setChannelData({
+          objectId: e,
+          collection: a,
+          channelId: c,
+          data: { connections: p }
+        }), u();
+      } catch {
+        d(g("slackChannelSetError") || "");
+      }
+      f(!1);
+    },
+    updating: S,
+    loading: C,
+    error: i
+  };
+}
+export {
+  T as default
+};
+//# sourceMappingURL=useConnectedSlackChannels.mjs.map

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

@@ -0,0 +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","objectId","collection","t","useTranslations","knock","useKnockClient","connectionStatus","knockSlackChannelId","useKnockSlackClient","connectedChannels","setConnectedChannels","useState","error","setError","isLoading","setIsLoading","isUpdating","setIsUpdating","fetchAndSetConnectedChannels","useCallback","res","_a","_b","useEffect","channelsToSendToKnock"],"mappings":";;;;;;;;AAqBA,SAASA,EAA0B;AAAA,EACjC,8BAA8B,EAAE,UAAAC,GAAU,YAAAC,EAAW;AACvD,GAAiD;AACzC,QAAA,EAAE,GAAAC,MAAMC,KACRC,IAAQC,KACR,EAAE,kBAAAC,GAAkB,qBAAAC,EAAoB,IAAIC,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;AACrD,IAAAJ,EAAa,EAAI,IACY,YAC3B,MAAMX,EAAM,QAAQ,eAAe;AAAA,MACjC,YAAAH;AAAA,MACA,UAAAD;AAAA,MACA,WAAWO;AAAA,IAAA,CACZ,GAEkB,EAClB,KAAK,CAACa,MAAQ;;AACT,OAAAC,IAAAD,KAAA,gBAAAA,EAAK,SAAL,QAAAC,EAAW,cACQX,GAAAY,IAAAF,KAAA,gBAAAA,EAAK,SAAL,gBAAAE,EAAW,WAAW,IAE3CZ,EAAqB,CAAE,CAAA,GAEzBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB,EACA,MAAM,MAAM;AACX,MAAAL,EAAqB,CAAE,CAAA,GACvBG,EAAS,IAAI,GACbE,EAAa,EAAK;AAAA,IAAA,CACnB;AAAA,EAAA,GACF,CAACd,GAAYG,EAAM,SAASG,GAAqBP,CAAQ,CAAC;AAE7D,SAAAuB,EAAU,MAAM;AACd,IACEjB,MAAqB,eACrB,CAACG,KACD,CAACG,KACD,CAACE,KAE4BI;EAC/B,GACC;AAAA,IACDT;AAAA,IACAS;AAAA,IACAJ;AAAA,IACAF;AAAA,IACAN;AAAA,EAAA,CACD,GAoBM;AAAA,IACL,MAAMG;AAAA,IACN,yBApB8B,OAC9Be,MACG;AACH,MAAAP,EAAc,EAAI;AACd,UAAA;AACI,cAAAb,EAAM,QAAQ,eAAe;AAAA,UACjC,UAAAJ;AAAA,UACA,YAAAC;AAAA,UACA,WAAWM;AAAA,UACX,MAAM,EAAE,aAAaiB,EAAsB;AAAA,QAAA,CAC5C,GAC4BN;cACf;AACL,QAAAL,EAAAX,EAAE,sBAAsB,KAAK,EAAE;AAAA,MAC1C;AACA,MAAAe,EAAc,EAAK;AAAA,IAAA;AAAA,IAMnB,UAAUD;AAAA,IACV,SAASF;AAAA,IACT,OAAAF;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,64 @@
+import { useKnockSlackClient as k } from "../context/KnockSlackProvider.mjs";
+import { useCallback as i } from "react";
+import "../../i18n/context/KnockI18nProvider.mjs";
+import "@tanstack/react-query";
+import { useKnockClient as u } from "../../core/context/KnockProvider.mjs";
+import { TENANT_OBJECT_COLLECTION as m } from "@knocklabs/client";
+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) {
+  const e = u(), { setConnectionStatus: t, knockSlackChannelId: o, tenant: c, setActionLabel: s } = k(), l = i(async () => {
+    s(null), t("disconnecting");
+    try {
+      const n = await e.slack.revokeAccessToken({
+        tenant: c,
+        knockChannelId: o
+      });
+      t(n === "ok" ? "disconnected" : "error");
+    } catch {
+      t("error");
+    }
+  }, [
+    t,
+    e.slack,
+    c,
+    o,
+    s
+  ]);
+  return {
+    buildSlackAuthUrl: i(() => {
+      const n = {
+        state: JSON.stringify({
+          redirect_url: a,
+          access_token_object: {
+            object_id: c,
+            collection: m
+          },
+          channel_id: o,
+          public_key: e.apiKey,
+          user_token: e.userToken
+        }),
+        client_id: r,
+        scope: h.join(",")
+      };
+      return `${p}?${new URLSearchParams(n)}`;
+    }, [
+      a,
+      c,
+      o,
+      e.apiKey,
+      e.userToken,
+      r
+    ]),
+    disconnectFromSlack: l
+  };
+}
+export {
+  L as default
+};
+//# sourceMappingURL=useSlackAuth.mjs.map

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

@@ -0,0 +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","rawParams","TENANT_OBJECT_COLLECTION"],"mappings":";;;;;;;AAMA,MAAMA,IAAsB,wCACtBC,IAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOA,SAASC,EACPC,GACAC,GACoB;AACpB,QAAMC,IAAQC,KACR,EAAE,qBAAAC,GAAqB,qBAAAC,GAAqB,QAAAC,GAAQ,gBAAAC,EAAA,IACxDC,KAEIC,IAAsBC,EAAY,YAAY;AAClD,IAAAH,EAAe,IAAI,GACnBH,EAAoB,eAAe;AAC/B,QAAA;AACF,YAAMO,IAAS,MAAMT,EAAM,MAAM,kBAAkB;AAAA,QACjD,QAAAI;AAAA,QACA,gBAAgBD;AAAA,MAAA,CACjB;AAED,MACED,EADEO,MAAW,OACO,iBAEA,OAFc;AAAA,YAItB;AACd,MAAAP,EAAoB,OAAO;AAAA,IAC7B;AAAA,EAAA,GACC;AAAA,IACDA;AAAA,IACAF,EAAM;AAAA,IACNI;AAAA,IACAD;AAAA,IACAE;AAAA,EAAA,CACD;AA2BM,SAAA;AAAA,IACL,mBA1BwBG,EAAY,MAAM;AAC1C,YAAME,IAAY;AAAA,QAChB,OAAO,KAAK,UAAU;AAAA,UACpB,cAAcX;AAAA,UACd,qBAAqB;AAAA,YACnB,WAAWK;AAAA,YACX,YAAYO;AAAA,UACd;AAAA,UACA,YAAYR;AAAA,UACZ,YAAYH,EAAM;AAAA,UAClB,YAAYA,EAAM;AAAA,QAAA,CACnB;AAAA,QACD,WAAWF;AAAA,QACX,OAAOF,EAAqB,KAAK,GAAG;AAAA,MAAA;AAEtC,aAAO,GAAGD,CAAmB,IAAI,IAAI,gBAAgBe,CAAS,CAAC;AAAA,IAAA,GAC9D;AAAA,MACDX;AAAA,MACAK;AAAA,MACAD;AAAA,MACAH,EAAM;AAAA,MACNA,EAAM;AAAA,MACNF;AAAA,IAAA,CACD;AAAA,IAIC,qBAAAS;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,53 @@
+import { useKnockSlackClient as s } from "../context/KnockSlackProvider.mjs";
+import { useMemo as N, useEffect as E } from "react";
+import "../../i18n/context/KnockI18nProvider.mjs";
+import { useInfiniteQuery as I } from "@tanstack/react-query";
+import { useKnockClient as S } from "../../core/context/KnockProvider.mjs";
+import "@knocklabs/client";
+import "date-fns";
+const M = 1e3, d = 200, A = "private_channel,public_channel";
+function G({
+  queryOptions: c
+}) {
+  const k = S(), { knockSlackChannelId: C, tenant: _, connectionStatus: r } = s(), u = ({ pageParam: n }) => k.slack.getChannels({
+    tenant: _,
+    knockChannelId: C,
+    queryOptions: {
+      ...c,
+      cursor: n,
+      limit: (c == null ? void 0 : c.limitPerPage) || d,
+      types: (c == null ? void 0 : c.types) || A
+    }
+  }), {
+    data: t,
+    isLoading: x,
+    isFetching: m,
+    fetchNextPage: f,
+    hasNextPage: i,
+    refetch: a,
+    error: h
+  } = I({
+    queryKey: ["slackChannels"],
+    queryFn: u,
+    initialPageParam: "",
+    getNextPageParam: (n) => (n == null ? void 0 : n.next_cursor) === "" ? null : n == null ? void 0 : n.next_cursor
+  }), e = N(() => {
+    var n;
+    return ((n = t == null ? void 0 : t.pages) == null ? void 0 : n.flatMap((o) => o == null ? void 0 : o.slack_channels).filter((o) => !!o)) || [];
+  }, [t == null ? void 0 : t.pages]), l = (c == null ? void 0 : c.maxCount) || M;
+  return E(() => {
+    r === "connected" && !h && i && !m && (e == null ? void 0 : e.length) < l && f();
+  }, [
+    e == null ? void 0 : e.length,
+    f,
+    i,
+    m,
+    l,
+    h,
+    r
+  ]), { data: e, isLoading: x, refetch: a };
+}
+export {
+  G as default
+};
+//# sourceMappingURL=useSlackChannels.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackChannels.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"sourcesContent":["import { SlackChannelQueryOptions, useKnockSlackClient } from \"..\";\nimport { SlackChannel } from \"@knocklabs/client\";\nimport { useInfiniteQuery } from \"@tanstack/react-query\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { useKnockClient } from \"../../core\";\n\nconst MAX_COUNT = 1000;\nconst LIMIT_PER_PAGE = 200;\nconst CHANNEL_TYPES = \"private_channel,public_channel\";\n\ntype UseSlackChannelsProps = {\n  queryOptions?: SlackChannelQueryOptions;\n};\n\ntype UseSlackChannelOutput = {\n  data: SlackChannel[];\n  isLoading: boolean;\n  refetch: () => void;\n};\n\nfunction useSlackChannels({\n  queryOptions,\n}: UseSlackChannelsProps): UseSlackChannelOutput {\n  const knock = useKnockClient();\n  const { knockSlackChannelId, tenant, connectionStatus } =\n    useKnockSlackClient();\n\n  const fetchChannels = ({ pageParam }: { pageParam: string }) => {\n    return knock.slack.getChannels({\n      tenant,\n      knockChannelId: knockSlackChannelId,\n      queryOptions: {\n        ...queryOptions,\n        cursor: pageParam,\n        limit: queryOptions?.limitPerPage || LIMIT_PER_PAGE,\n        types: queryOptions?.types || CHANNEL_TYPES,\n      },\n    });\n  };\n\n  const {\n    data,\n    isLoading,\n    isFetching,\n    fetchNextPage,\n    hasNextPage,\n    refetch,\n    error,\n  } = useInfiniteQuery({\n    queryKey: [\"slackChannels\"],\n    queryFn: fetchChannels,\n    initialPageParam: \"\",\n    getNextPageParam: (lastPage) =>\n      lastPage?.next_cursor === \"\" ? null : lastPage?.next_cursor,\n  });\n\n  const slackChannels = useMemo(() => {\n    return (\n      data?.pages\n        ?.flatMap((page) => page?.slack_channels)\n        .filter((channel) => !!channel) || []\n    );\n  }, [data?.pages]);\n\n  const maxCount = queryOptions?.maxCount || MAX_COUNT;\n\n  useEffect(() => {\n    if (\n      connectionStatus === \"connected\" &&\n      !error &&\n      hasNextPage &&\n      !isFetching &&\n      slackChannels?.length < maxCount\n    ) {\n      fetchNextPage();\n    }\n  }, [\n    slackChannels?.length,\n    fetchNextPage,\n    hasNextPage,\n    isFetching,\n    maxCount,\n    error,\n    connectionStatus,\n  ]);\n\n  return { data: slackChannels, isLoading, refetch };\n}\n\nexport default useSlackChannels;\n"],"names":["MAX_COUNT","LIMIT_PER_PAGE","CHANNEL_TYPES","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","pageParam","data","isLoading","isFetching","fetchNextPage","hasNextPage","refetch","error","useInfiniteQuery","lastPage","slackChannels","useMemo","_a","page","channel","maxCount","useEffect"],"mappings":";;;;;;;AAOA,MAAMA,IAAY,KACZC,IAAiB,KACjBC,IAAgB;AAYtB,SAASC,EAAiB;AAAA,EACxB,cAAAC;AACF,GAAiD;AAC/C,QAAMC,IAAQC,KACR,EAAE,qBAAAC,GAAqB,QAAAC,GAAQ,kBAAAC,MACnCC,EAAoB,GAEhBC,IAAgB,CAAC,EAAE,WAAAC,QAChBP,EAAM,MAAM,YAAY;AAAA,IAC7B,QAAAG;AAAA,IACA,gBAAgBD;AAAA,IAChB,cAAc;AAAA,MACZ,GAAGH;AAAA,MACH,QAAQQ;AAAA,MACR,QAAOR,KAAA,gBAAAA,EAAc,iBAAgBH;AAAA,MACrC,QAAOG,KAAA,gBAAAA,EAAc,UAASF;AAAA,IAChC;AAAA,EAAA,CACD,GAGG;AAAA,IACJ,MAAAW;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,MACEC,EAAiB;AAAA,IACnB,UAAU,CAAC,eAAe;AAAA,IAC1B,SAAST;AAAA,IACT,kBAAkB;AAAA,IAClB,kBAAkB,CAACU,OACjBA,KAAA,gBAAAA,EAAU,iBAAgB,KAAK,OAAOA,KAAA,gBAAAA,EAAU;AAAA,EAAA,CACnD,GAEKC,IAAgBC,EAAQ,MAAM;;AAClC,aACEC,IAAAX,KAAA,gBAAAA,EAAM,UAAN,gBAAAW,EACI,QAAQ,CAACC,MAASA,KAAA,gBAAAA,EAAM,gBACzB,OAAO,CAACC,MAAY,CAAC,CAACA,OAAY,CAAA;AAAA,EAAC,GAEvC,CAACb,KAAA,gBAAAA,EAAM,KAAK,CAAC,GAEVc,KAAWvB,KAAA,gBAAAA,EAAc,aAAYJ;AAE3C,SAAA4B,EAAU,MAAM;AAEZ,IAAAnB,MAAqB,eACrB,CAACU,KACDF,KACA,CAACF,MACDO,KAAA,gBAAAA,EAAe,UAASK,KAEVX;EAChB,GACC;AAAA,IACDM,KAAA,gBAAAA,EAAe;AAAA,IACfN;AAAA,IACAC;AAAA,IACAF;AAAA,IACAY;AAAA,IACAR;AAAA,IACAV;AAAA,EAAA,CACD,GAEM,EAAE,MAAMa,GAAe,WAAAR,GAAW,SAAAI,EAAQ;AACnD;"}

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

@@ -0,0 +1,45 @@
+import { useState as s, useEffect as E } from "react";
+import "../../i18n/context/KnockI18nProvider.mjs";
+import { useTranslations as g } from "../../i18n/hooks/useTranslations.mjs";
+const A = (o) => {
+  const n = o.substring(0, 1).toUpperCase(), r = o.substring(1);
+  return n == null ? void 0 : n.concat(r).replace("_", " ");
+};
+function _(o, n, r) {
+  const { t: a } = g(), [c, e] = s("connecting"), [p, u] = s(null), [b, m] = s(null);
+  return E(() => {
+    (async () => {
+      var i, l, f, S, h, k;
+      if (c === "connecting")
+        try {
+          const t = await o.slack.authCheck({
+            tenant: r,
+            knockChannelId: n
+          });
+          if ((i = t.connection) != null && i.ok)
+            return e("connected");
+          if (t.code === "ERR_BAD_REQUEST" && ((f = (l = t.response) == null ? void 0 : l.data) == null ? void 0 : f.message) === a("slackAccessTokenNotSet"))
+            return e("disconnected");
+          if (!((S = t.connection) != null && S.ok) && ((h = t.connection) != null && h.error)) {
+            const d = A((k = t.connection) == null ? void 0 : k.error);
+            u(d), e("error");
+            return;
+          }
+          e("error");
+        } catch {
+          e("error");
+        }
+    })();
+  }, [c, r, n, o.slack, a]), {
+    connectionStatus: c,
+    setConnectionStatus: e,
+    errorLabel: p,
+    setErrorLabel: u,
+    actionLabel: b,
+    setActionLabel: m
+  };
+}
+export {
+  _ as default
+};
+//# sourceMappingURL=useSlackConnectionStatus.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackConnectionStatus.mjs","sources":["../../../../../src/modules/slack/hooks/useSlackConnectionStatus.ts"],"sourcesContent":["import Knock from \"@knocklabs/client\";\nimport { useEffect, useState } from \"react\";\n\nimport { useTranslations } from \"../../i18n\";\n\nexport type ConnectionStatus =\n  | \"connecting\"\n  | \"connected\"\n  | \"disconnected\"\n  | \"error\"\n  | \"disconnecting\";\n\ntype UseSlackConnectionStatusOutput = {\n  connectionStatus: ConnectionStatus;\n  setConnectionStatus: (status: ConnectionStatus) => void;\n  errorLabel: string | null;\n  setErrorLabel: (errorLabel: string) => void;\n  actionLabel: string | null;\n  setActionLabel: (actionLabel: string | null) => void;\n};\n\n/**\n * Transforms a slack error message into\n * a formatted one. Slack error messages: https://api.slack.com/methods/auth.test#errors\n *\n * Ex.: \"account_inactive\" -> \"Account inactive\"\n */\nconst formatSlackErrorMessage = (errorMessage: string) => {\n  const firstLetter = errorMessage.substring(0, 1).toUpperCase();\n  const rest = errorMessage.substring(1);\n  return firstLetter?.concat(rest).replace(\"_\", \" \");\n};\n\nfunction useSlackConnectionStatus(\n  knock: Knock,\n  knockSlackChannelId: string,\n  tenant: string,\n): UseSlackConnectionStatusOutput {\n  const { t } = useTranslations();\n  const [connectionStatus, setConnectionStatus] =\n    useState<ConnectionStatus>(\"connecting\");\n  const [errorLabel, setErrorLabel] = useState<string | null>(null);\n  const [actionLabel, setActionLabel] = useState<string | null>(null);\n\n  useEffect(() => {\n    const checkAuthStatus = async () => {\n      if (connectionStatus !== \"connecting\") return;\n\n      try {\n        const authRes = await knock.slack.authCheck({\n          tenant,\n          knockChannelId: knockSlackChannelId,\n        });\n\n        if (authRes.connection?.ok) {\n          return setConnectionStatus(\"connected\");\n        }\n\n        // This is a normal response for a tenant that doesn't have an access\n        // token set on it, meaning it's not connected to Slack, so we\n        // give it a \"disconnected\" status instead of an error status.\n        if (\n          authRes.code === \"ERR_BAD_REQUEST\" &&\n          authRes.response?.data?.message === t(\"slackAccessTokenNotSet\")\n        ) {\n          return setConnectionStatus(\"disconnected\");\n        }\n\n        // This is for an error coming directly from Slack.\n        if (!authRes.connection?.ok && authRes.connection?.error) {\n          const errorLabel = formatSlackErrorMessage(authRes.connection?.error);\n          setErrorLabel(errorLabel);\n          setConnectionStatus(\"error\");\n          return;\n        }\n\n        // This is for any Knock errors that would require a reconnect.\n\n        setConnectionStatus(\"error\");\n      } catch (error) {\n        setConnectionStatus(\"error\");\n      }\n    };\n\n    checkAuthStatus();\n  }, [connectionStatus, tenant, knockSlackChannelId, knock.slack, t]);\n\n  return {\n    connectionStatus,\n    setConnectionStatus,\n    errorLabel,\n    setErrorLabel,\n    actionLabel,\n    setActionLabel,\n  };\n}\n\nexport default useSlackConnectionStatus;\n"],"names":["formatSlackErrorMessage","errorMessage","firstLetter","rest","useSlackConnectionStatus","knock","knockSlackChannelId","tenant","t","useTranslations","connectionStatus","setConnectionStatus","useState","errorLabel","setErrorLabel","actionLabel","setActionLabel","useEffect","authRes","_a","_c","_b","_d","_e","_f"],"mappings":";;;AA2BA,MAAMA,IAA0B,CAACC,MAAyB;AACxD,QAAMC,IAAcD,EAAa,UAAU,GAAG,CAAC,EAAE,eAC3CE,IAAOF,EAAa,UAAU,CAAC;AACrC,SAAOC,KAAA,gBAAAA,EAAa,OAAOC,GAAM,QAAQ,KAAK;AAChD;AAEA,SAASC,EACPC,GACAC,GACAC,GACgC;AAC1B,QAAA,EAAE,GAAAC,MAAMC,KACR,CAACC,GAAkBC,CAAmB,IAC1CC,EAA2B,YAAY,GACnC,CAACC,GAAYC,CAAa,IAAIF,EAAwB,IAAI,GAC1D,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI;AAElE,SAAAK,EAAU,MAAM;AAwCE,KAvCQ,YAAY;;AAClC,UAAIP,MAAqB;AAErB,YAAA;AACF,gBAAMQ,IAAU,MAAMb,EAAM,MAAM,UAAU;AAAA,YAC1C,QAAAE;AAAA,YACA,gBAAgBD;AAAA,UAAA,CACjB;AAEG,eAAAa,IAAAD,EAAQ,eAAR,QAAAC,EAAoB;AACtB,mBAAOR,EAAoB,WAAW;AAOtC,cAAAO,EAAQ,SAAS,uBACjBE,KAAAC,IAAAH,EAAQ,aAAR,gBAAAG,EAAkB,SAAlB,gBAAAD,EAAwB,aAAYZ,EAAE,wBAAwB;AAE9D,mBAAOG,EAAoB,cAAc;AAI3C,cAAI,GAACW,IAAAJ,EAAQ,eAAR,QAAAI,EAAoB,SAAMC,IAAAL,EAAQ,eAAR,QAAAK,EAAoB,QAAO;AACxD,kBAAMV,IAAab,GAAwBwB,IAAAN,EAAQ,eAAR,gBAAAM,EAAoB,KAAK;AACpE,YAAAV,EAAcD,CAAU,GACxBF,EAAoB,OAAO;AAC3B;AAAA,UACF;AAIA,UAAAA,EAAoB,OAAO;AAAA,gBACb;AACd,UAAAA,EAAoB,OAAO;AAAA,QAC7B;AAAA,IAAA;EAGc,GACf,CAACD,GAAkBH,GAAQD,GAAqBD,EAAM,OAAOG,CAAC,CAAC,GAE3D;AAAA,IACL,kBAAAE;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAE;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ;"}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./modules/core";
 export * from "./modules/feed";
+export * from "./modules/slack";
 export * from "./modules/i18n";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAC"}

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

@@ -8,5 +8,11 @@ export declare function formatTimestamp(ts: string, options?: FormatTimestampOpt
 export declare function toSentenceCase(string: string): string;
 export declare function renderNodeOrFallback(node: ReactNode, fallback: ReactNode): ReactNode;
 export declare function feedProviderKey(userFeedId: string, options?: FeedClientOptions): string;
+export declare function slackProviderKey({ knockSlackChannelId, tenant, connectionStatus, errorLabel, }: {
+    knockSlackChannelId: string;
+    tenant: string;
+    connectionStatus: string;
+    errorLabel: string | null;
+}): string;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

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

package/dist/types/modules/i18n/languages/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAcT,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAmCT,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/types/modules/i18n/languages/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAaT,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,QAAA,MAAM,EAAE,EAAE,WAkCT,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/dist/types/modules/i18n/languages/index.d.ts

@@ -9,6 +9,27 @@ export interface Translations {
     readonly unread: string;
     readonly read: string;
     readonly unseen: string;
+    readonly slackConnectChannel: string;
+    readonly slackChannelId: string;
+    readonly slackConnecting: string;
+    readonly slackDisconnecting: string;
+    readonly slackConnect: string;
+    readonly slackConnected: string;
+    readonly slackConnectContainerDescription: string;
+    readonly slackSearchbarDisconnected: string;
+    readonly slackSearchbarMultipleChannels: string;
+    readonly slackSearchbarNoChannelsConnected: string;
+    readonly slackSearchbarNoChannelsFound: string;
+    readonly slackSearchbarChannelsError: string;
+    readonly slackSearchChannels: string;
+    readonly slackConnectionErrorOccurred: string;
+    readonly slackConnectionErrorExists: string;
+    readonly slackChannelAlreadyConnected: string;
+    readonly slackError: string;
+    readonly slackDisconnect: string;
+    readonly slackChannelSetError: string;
+    readonly slackAccessTokenNotSet: string;
+    readonly slackReconnect: string;
 }
 export interface I18nContent {
     readonly translations: Partial<Translations>;

package/dist/types/modules/i18n/languages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/index.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO;;;CAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/i18n/languages/index.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,gCAAgC,EAAE,MAAM,CAAC;IAClD,QAAQ,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,CAAC,8BAA8B,EAAE,MAAM,CAAC;IAChD,QAAQ,CAAC,iCAAiC,EAAE,MAAM,CAAC;IACnD,QAAQ,CAAC,6BAA6B,EAAE,MAAM,CAAC;IAC/C,QAAQ,CAAC,2BAA2B,EAAE,MAAM,CAAC;IAC7C,QAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,4BAA4B,EAAE,MAAM,CAAC;IAC9C,QAAQ,CAAC,0BAA0B,EAAE,MAAM,CAAC;IAC5C,QAAQ,CAAC,4BAA4B,EAAE,MAAM,CAAC;IAC9C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACtC,QAAQ,CAAC,sBAAsB,EAAE,MAAM,CAAC;IACxC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO;;;CAAa,CAAC"}

package/dist/types/modules/slack/constants.d.ts

@@ -0,0 +1,12 @@
+export type ContainerObject = {
+    objectId: string;
+    collection: string;
+};
+export type SlackChannelQueryOptions = {
+    maxCount?: number;
+    limitPerPage?: number;
+    excludeArchived?: boolean;
+    types?: string;
+    teamId?: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/modules/slack/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/modules/slack/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/types/modules/slack/context/KnockSlackProvider.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ConnectionStatus } from "../hooks/useSlackConnectionStatus";
+export interface KnockSlackProviderState {
+    knockSlackChannelId: string;
+    tenant: string;
+    connectionStatus: ConnectionStatus;
+    setConnectionStatus: (connectionStatus: ConnectionStatus) => void;
+    errorLabel: string | null;
+    setErrorLabel: (label: string) => void;
+    actionLabel: string | null;
+    setActionLabel: (label: string | null) => void;
+}
+export interface KnockSlackProviderProps {
+    knockSlackChannelId: string;
+    tenant: string;
+    children?: React.ReactElement;
+}
+export declare const KnockSlackProvider: React.FC<KnockSlackProviderProps>;
+export declare const useKnockSlackClient: () => KnockSlackProviderState;
+//# sourceMappingURL=KnockSlackProvider.d.ts.map

package/dist/types/modules/slack/context/KnockSlackProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnockSlackProvider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/context/KnockSlackProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,MAAM,WAAW,uBAAuB;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,MAAM,WAAW,uBAAuB;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsChE,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,uBAUtC,CAAC"}

package/dist/types/modules/slack/context/index.d.ts

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

package/dist/types/modules/slack/context/index.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export { default as useSlackConnectionStatus } from "./useSlackConnectionStatus";
+export { default as useSlackChannels } from "./useSlackChannels";
+export { default as useConnectedSlackChannels } from "./useConnectedSlackChannels";
+export { default as useSlackAuth } from "./useSlackAuth";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/modules/slack/hooks/useConnectedSlackChannels.d.ts

@@ -0,0 +1,15 @@
+import { ContainerObject } from "..";
+import { SlackChannelConnection } from "@knocklabs/client";
+type UseSlackChannelsProps = {
+    slackChannelsRecipientObject: ContainerObject;
+};
+type UseSlackChannelOutput = {
+    data: SlackChannelConnection[] | null;
+    updateConnectedChannels: (connectedChannels: SlackChannelConnection[]) => void;
+    loading: boolean;
+    error: string | null;
+    updating: boolean;
+};
+declare function useConnectedSlackChannels({ slackChannelsRecipientObject: { objectId, collection }, }: UseSlackChannelsProps): UseSlackChannelOutput;
+export default useConnectedSlackChannels;
+//# sourceMappingURL=useConnectedSlackChannels.d.ts.map

package/dist/types/modules/slack/hooks/useConnectedSlackChannels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectedSlackChannels.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/hooks/useConnectedSlackChannels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAuB,MAAM,IAAI,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAM3D,KAAK,qBAAqB,GAAG;IAC3B,4BAA4B,EAAE,eAAe,CAAC;CAC/C,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC;IACtC,uBAAuB,EAAE,CACvB,iBAAiB,EAAE,sBAAsB,EAAE,KACxC,IAAI,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,yBAAyB,CAAC,EACjC,4BAA4B,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GACvD,EAAE,qBAAqB,GAAG,qBAAqB,CA+E/C;AAED,eAAe,yBAAyB,CAAC"}

package/dist/types/modules/slack/hooks/useSlackAuth.d.ts

@@ -0,0 +1,7 @@
+type UseSlackAuthOutput = {
+    buildSlackAuthUrl: () => string;
+    disconnectFromSlack: () => void;
+};
+declare function useSlackAuth(slackClientId: string, redirectUrl?: string): UseSlackAuthOutput;
+export default useSlackAuth;
+//# sourceMappingURL=useSlackAuth.d.ts.map

package/dist/types/modules/slack/hooks/useSlackAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackAuth.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/hooks/useSlackAuth.ts"],"names":[],"mappings":"AAcA,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,iBAAS,YAAY,CACnB,aAAa,EAAE,MAAM,EACrB,WAAW,CAAC,EAAE,MAAM,GACnB,kBAAkB,CA2DpB;AAED,eAAe,YAAY,CAAC"}

package/dist/types/modules/slack/hooks/useSlackChannels.d.ts

@@ -0,0 +1,13 @@
+import { SlackChannelQueryOptions } from "..";
+import { SlackChannel } from "@knocklabs/client";
+type UseSlackChannelsProps = {
+    queryOptions?: SlackChannelQueryOptions;
+};
+type UseSlackChannelOutput = {
+    data: SlackChannel[];
+    isLoading: boolean;
+    refetch: () => void;
+};
+declare function useSlackChannels({ queryOptions, }: UseSlackChannelsProps): UseSlackChannelOutput;
+export default useSlackChannels;
+//# sourceMappingURL=useSlackChannels.d.ts.map

package/dist/types/modules/slack/hooks/useSlackChannels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackChannels.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/hooks/useSlackChannels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAuB,MAAM,IAAI,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAUjD,KAAK,qBAAqB,GAAG;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC;CACzC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,YAAY,GACb,EAAE,qBAAqB,GAAG,qBAAqB,CAiE/C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/types/modules/slack/hooks/useSlackConnectionStatus.d.ts

@@ -0,0 +1,13 @@
+import Knock from "@knocklabs/client";
+export type ConnectionStatus = "connecting" | "connected" | "disconnected" | "error" | "disconnecting";
+type UseSlackConnectionStatusOutput = {
+    connectionStatus: ConnectionStatus;
+    setConnectionStatus: (status: ConnectionStatus) => void;
+    errorLabel: string | null;
+    setErrorLabel: (errorLabel: string) => void;
+    actionLabel: string | null;
+    setActionLabel: (actionLabel: string | null) => void;
+};
+declare function useSlackConnectionStatus(knock: Knock, knockSlackChannelId: string, tenant: string): UseSlackConnectionStatusOutput;
+export default useSlackConnectionStatus;
+//# sourceMappingURL=useSlackConnectionStatus.d.ts.map

package/dist/types/modules/slack/hooks/useSlackConnectionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackConnectionStatus.d.ts","sourceRoot":"","sources":["../../../../../src/modules/slack/hooks/useSlackConnectionStatus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAKtC,MAAM,MAAM,gBAAgB,GACxB,YAAY,GACZ,WAAW,GACX,cAAc,GACd,OAAO,GACP,eAAe,CAAC;AAEpB,KAAK,8BAA8B,GAAG;IACpC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mBAAmB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD,CAAC;AAcF,iBAAS,wBAAwB,CAC/B,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,MAAM,EAC3B,MAAM,EAAE,MAAM,GACb,8BAA8B,CA0DhC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/types/modules/slack/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/slack/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAA"}

package/package.json

@@ -2,17 +2,18 @@
   "name": "@knocklabs/react-core",
   "description": "A set of React components to build notification experiences powered by Knock",
   "author": "@knocklabs",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "typings": "dist/types/index.d.ts",
   "exports": {
     ".": {
       "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.mjs",
       "types": "./dist/types/index.d.ts",
-      "default": "./dist/esm/index.js"
+      "default": "./dist/cjs/index.js"
     }
   },
   "files": [
@@ -23,8 +24,8 @@
     "clean": "rimraf dist",
     "dev": "tsc && vite build --watch  --emptyOutDir false",
     "build": "yarn clean && yarn build:esm && yarn build:cjs",
-    "build:esm": "BUILD_TARGET=esm; tsc && vite build",
-    "build:cjs": "BUILD_TARGET=cjs; tsc && vite build",
+    "build:esm": "BUILD_TARGET=esm; vite build",
+    "build:cjs": "BUILD_TARGET=cjs; vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "format": "prettier \"src/**/*.{js,ts,tsx}\" --write",
     "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
@@ -44,7 +45,8 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@knocklabs/client": "^0.8.20",
+    "@knocklabs/client": "^0.9.0",
+    "@tanstack/react-query": "^5.18.1",
     "date-fns": "^3.3.1",
     "zustand": "^3.7.2"
   },