@knocklabs/react-core 0.2.8 → 0.2.9

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","useSlackChannels","queryOptions","knock","useKnockClient","knockSlackChannelId","tenant","connectionStatus","useKnockSlackClient","fetchChannels","queryKey","data","error","isLoading","isValidating","size","setSize","mutate","useSWRInfinite","currentPage","hasNextPage","_a","_b","slackChannels","useMemo","page","channel","maxCount","useEffect"],"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,EAAE,SAASA,EAAiB,WAAW,IAC/D,OAIF,CAACH,GAAWG,EAAiB,WAAW;AACjD;AAEA,SAASC,EAAiB;AAAA,EACxB,cAAAC;AACF,GAAiD;;AAC/C,QAAMC,IAAQC,KACR,EAAE,qBAAAC,GAAqB,QAAAC,GAAQ,kBAAAC,MACnCC,EAAoB,GAEhBC,IAAgB,CAACC,MACdP,EAAM,MAAM,YAAY;AAAA,IAC7B,QAAAG;AAAA,IACA,gBAAgBD;AAAA,IAChB,cAAc;AAAA,MACZ,GAAGH;AAAA,MACH,QAAQQ,IAAWA,EAAS,CAAC,IAAI;AAAA,MACjC,QAAOR,KAAA,gBAAAA,EAAc,iBAAgBP;AAAA,MACrC,QAAOO,KAAA,gBAAAA,EAAc,UAASN;AAAA,IAChC;AAAA,EAAA,CACD,GAGG,EAAE,MAAAe,GAAM,OAAAC,GAAO,WAAAC,GAAW,cAAAC,GAAc,MAAAC,GAAM,SAAAC,GAAS,QAAAC,EAAO,IAClEC,EAAyCpB,GAAaW,GAAe;AAAA,IACnE,aAAa;AAAA,EAAA,CACd,GAEGU,KAAcR,KAAA,gBAAAA,EAAM,WAAU,GAE9BS,IACJD,MAAgB,KACfR,OACCU,IAAAV,EAAKQ,CAAW,MAAhB,gBAAAE,EAAmB,kBACnBC,IAAAX,EAAKQ,CAAW,MAAhB,gBAAAG,EAAmB,iBAAgB,IAEjCC,IAAgCC;AAAA,IACpC,OACGb,KAAQ,CAAA,GACN,QAAQ,CAACc,MAASA,KAAA,gBAAAA,EAAM,cAAc,EACtC,OAAO,CAACC,MAAY,CAAC,CAACA,CAAO;AAAA,IAClC,CAACf,CAAI;AAAA,EAAA,GAGDgB,KAAWzB,KAAA,gBAAAA,EAAc,aAAYR;AAE3C,SAAAkC,EAAU,MAAM;AAEZ,IAAArB,MAAqB,eACrB,CAACK,KACDQ,KACA,CAACP,KACD,CAACC,KACDS,EAAc,SAASI,KAIvBX,EAAQD,IAAO,CAAC;AAAA,EAClB,GACC;AAAA,IACDQ,EAAc;AAAA,IACdP;AAAA,IACAD;AAAA,IACAK;AAAA,IACAP;AAAA,IACAC;AAAA,IACAa;AAAA,IACAf;AAAA,IACAL;AAAA,EAAA,CACD,GAEM;AAAA,IACL,MAAMgB;AAAA,IACN,WAAWV,KAAaC;AAAA,IACxB,SAAS,MAAMG,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,WAAW;AACjD;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/esm/modules/slack/hooks/useSlackConnectionStatus.mjs

@@ -6,7 +6,9 @@ const C = (o) => {
   return e == null ? void 0 : e.concat(c).replace("_", " ");
 };
 function y(o, e, c) {
-  const { t: a } = A(), [r, n] = s("connecting"), [p, i] = s(null), [b, m] = s(null);
+  const {
+    t: a
+  } = A(), [r, n] = s("connecting"), [p, i] = s(null), [b, m] = s(null);
   return g(() => {
     (async () => {
       var u, l, f, k, S, d, h;

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

@@ -1 +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        if (!authRes.connection?.ok) {\n          return setConnectionStatus(\"disconnected\");\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","_b","_d","_c","_e","_f","_g"],"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;AA4CE,KA3CQ,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;AAWtC,cARE,GAACS,IAAAF,EAAQ,eAAR,QAAAE,EAAoB,OAQvBF,EAAQ,SAAS,uBACjBG,KAAAC,IAAAJ,EAAQ,aAAR,gBAAAI,EAAkB,SAAlB,gBAAAD,EAAwB,aAAYb,EAAE,wBAAwB;AAE9D,mBAAOG,EAAoB,cAAc;AAI3C,cAAI,GAACY,IAAAL,EAAQ,eAAR,QAAAK,EAAoB,SAAMC,IAAAN,EAAQ,eAAR,QAAAM,EAAoB,QAAO;AACxD,kBAAMX,IAAab,GAAwByB,IAAAP,EAAQ,eAAR,gBAAAO,EAAoB,KAAK;AACpE,YAAAX,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;"}
+{"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        if (!authRes.connection?.ok) {\n          return setConnectionStatus(\"disconnected\");\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","substring","toUpperCase","rest","concat","replace","useSlackConnectionStatus","knock","knockSlackChannelId","tenant","t","useTranslations","connectionStatus","setConnectionStatus","useState","errorLabel","setErrorLabel","actionLabel","setActionLabel","useEffect","authRes","slack","authCheck","knockChannelId","connection","ok","code","response","data","message","error"],"mappings":";;;AA2BA,MAAMA,IAA0BA,CAACC,MAAyB;AACxD,QAAMC,IAAcD,EAAaE,UAAU,GAAG,CAAC,EAAEC,eAC3CC,IAAOJ,EAAaE,UAAU,CAAC;AACrC,SAAOD,KAAAA,gBAAAA,EAAaI,OAAOD,GAAME,QAAQ,KAAK;AAChD;AAEA,SAASC,EACPC,GACAC,GACAC,GACgC;AAC1B,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxB,CAACC,GAAkBC,CAAmB,IAC1CC,EAA2B,YAAY,GACnC,CAACC,GAAYC,CAAa,IAAIF,EAAwB,IAAI,GAC1D,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI;AAElEK,SAAAA,EAAU,MAAM;AA4CE,KA3CQ,YAAY;;AAClC,UAAIP,MAAqB;AAErB,YAAA;AACF,gBAAMQ,IAAU,MAAMb,EAAMc,MAAMC,UAAU;AAAA,YAC1Cb,QAAAA;AAAAA,YACAc,gBAAgBf;AAAAA,UAAAA,CACjB;AAEGY,eAAAA,IAAAA,EAAQI,eAARJ,QAAAA,EAAoBK;AACtB,mBAAOZ,EAAoB,WAAW;AAWtCO,cARE,GAACA,IAAAA,EAAQI,eAARJ,QAAAA,EAAoBK,OAQvBL,EAAQM,SAAS,uBACjBN,KAAAA,IAAAA,EAAQO,aAARP,gBAAAA,EAAkBQ,SAAlBR,gBAAAA,EAAwBS,aAAYnB,EAAE,wBAAwB;AAE9D,mBAAOG,EAAoB,cAAc;AAI3C,cAAI,GAACO,IAAAA,EAAQI,eAARJ,QAAAA,EAAoBK,SAAML,IAAAA,EAAQI,eAARJ,QAAAA,EAAoBU,QAAO;AACxD,kBAAMf,IAAajB,GAAwBsB,IAAAA,EAAQI,eAARJ,gBAAAA,EAAoBU,KAAK;AACpEd,YAAAA,EAAcD,CAAU,GACxBF,EAAoB,OAAO;AAC3B;AAAA,UACF;AAIAA,UAAAA,EAAoB,OAAO;AAAA,gBACb;AACdA,UAAAA,EAAoB,OAAO;AAAA,QAC7B;AAAA,IAAA;EAGc,GACf,CAACD,GAAkBH,GAAQD,GAAqBD,EAAMc,OAAOX,CAAC,CAAC,GAE3D;AAAA,IACLE,kBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ;"}

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.8",
+  "version": "0.2.9",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",
@@ -59,6 +59,7 @@
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.2.0",
+    "babel-plugin-react-require": "^4.0.2",
     "eslint": "^8.53.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",