@knocklabs/react 0.12.1 → 0.13.0

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs

@@ -1,68 +1,102 @@
-import n, { useMemo as d } from "react";
-import { useTranslations as A, useKnockSlackClient as y, useSlackChannels as F, useConnectedSlackChannels as T } from "@knocklabs/react-core";
-import { Combobox as l } from "@telegraph/combobox";
-import { Icon as g } from "@telegraph/icon";
+/* empty css           */
+import { sortSlackChannelsAlphabetically as e } from "../../utils.mjs";
+import t from "./SlackErrorMessage.mjs";
+import n from "./SlackConnectionError.mjs";
+import r from "../SlackAddChannelInput/SlackAddChannelInput.mjs";
+/* empty css        */
+import { useConnectedSlackChannels as i, useKnockSlackClient as a, useSlackChannels as o, useTranslations as s } from "@knocklabs/react-core";
+import { useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Icon as d } from "@telegraph/icon";
 import { Stack as f } from "@telegraph/layout";
-import { Text as v } from "@telegraph/typography";
-import { Lock as H, Hash as O } from "lucide-react";
-/* empty css               */
-import { sortSlackChannelsAlphabetically as D } from "../../utils.mjs";
-import I from "../SlackAddChannelInput/SlackAddChannelInput.mjs";
-import U from "./SlackConnectionError.mjs";
-import w from "./SlackErrorMessage.mjs";
-/* empty css            */
-const z = 1e3, Z = ({
-  slackChannelsRecipientObject: _,
-  queryOptions: p,
-  inputMessages: o
-}) => {
-  const {
-    t: m
-  } = A(), {
-    connectionStatus: r,
-    errorLabel: s
-  } = y(), {
-    data: k,
-    isLoading: E
-  } = F({
-    queryOptions: p
-  }), t = d(() => D(k), [k]), {
-    data: i,
-    updateConnectedChannels: S,
-    error: h,
-    updating: u
-  } = T({
-    slackChannelsRecipientObject: _
-  }), a = d(() => {
-    const e = new Map(t.map((c) => [c.id, c]));
-    return (i == null ? void 0 : i.filter((c) => e.has(c.channel_id || ""))) || [];
-  }, [i, t]), C = d(() => r === "disconnected" || r === "error" || !!h, [h, r]), b = d(() => r === "connecting" || r === "disconnecting" || E, [r, E]), L = d(() => {
-    const e = {
-      disconnected: m("slackSearchbarDisconnected"),
-      noChannelsConnected: m("slackSearchbarNoChannelsConnected"),
-      noSlackChannelsFound: m("slackSearchbarNoChannelsFound"),
-      channelsError: m("slackSearchbarChannelsError")
-    };
-    if (r === "disconnected")
-      return (o == null ? void 0 : o.disconnected) || e.disconnected;
-    if (r === "error")
-      return (o == null ? void 0 : o.error) || s;
-    if (!b && t.length === 0)
-      return (o == null ? void 0 : o.noSlackChannelsFound) || e.noSlackChannelsFound;
-    const c = (a == null ? void 0 : a.length) || 0;
-    return a && c === 0 ? (o == null ? void 0 : o.noChannelsConnected) || e.noChannelsConnected : "";
-  }, [r, b, t, a, o, s, m]), x = d(() => a.map((e) => e.channel_id), [a]);
-  return t.length > z ? /* @__PURE__ */ n.createElement(I, { inErrorState: C, connectedChannels: a || [], updateConnectedChannels: S, connectedChannelsError: h, connectedChannelsUpdating: u }) : /* @__PURE__ */ n.createElement(f, { className: "tgph rsk-combobox__grid", gap: "3" }, /* @__PURE__ */ n.createElement(v, { color: "gray", size: "2", as: "div", minHeight: "8", className: "rsk-combobox__label" }, "Channels"), /* @__PURE__ */ n.createElement(l.Root, { value: x, onValueChange: (e) => {
-    const c = e.map((N) => ({
-      channel_id: N
-    }));
-    S(c).catch(console.error);
-  }, placeholder: L ?? "", disabled: C || t.length === 0, errored: C, closeOnSelect: !1, layout: "wrap", modal: (
-    // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.
-    !1
-  ) }, /* @__PURE__ */ n.createElement(l.Trigger, null), /* @__PURE__ */ n.createElement(l.Content, null, /* @__PURE__ */ n.createElement(l.Search, { label: m("slackSearchChannels"), className: "rsk-combobox__search" }), /* @__PURE__ */ n.createElement(l.Options, { maxHeight: "36" }, t.map((e) => /* @__PURE__ */ n.createElement(l.Option, { key: e.id, value: e.id }, /* @__PURE__ */ n.createElement(f, { align: "center", gap: "1" }, /* @__PURE__ */ n.createElement(g, { icon: e.is_private ? H : O, size: "0", "aria-hidden": !0 }), e.name)))), /* @__PURE__ */ n.createElement(l.Empty, null))), /* @__PURE__ */ n.createElement(U, null), !!h && /* @__PURE__ */ n.createElement(w, { message: h }));
+import { Text as p } from "@telegraph/typography";
+import { Hash as m, Lock as h } from "lucide-react";
+import { Combobox as g } from "@telegraph/combobox";
+//#region src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx
+var _ = 1e3, v = ({ slackChannelsRecipientObject: v, queryOptions: y, inputMessages: b }) => {
+	let { t: x } = s(), { connectionStatus: S, errorLabel: C } = a(), { data: w, isLoading: T } = o({ queryOptions: y }), E = c(() => e(w), [w]), { data: D, updateConnectedChannels: O, error: k, updating: A } = i({ slackChannelsRecipientObject: v }), j = c(() => {
+		let e = new Map(E.map((e) => [e.id, e]));
+		return D?.filter((t) => e.has(t.channel_id || "")) || [];
+	}, [D, E]), M = c(() => S === "disconnected" || S === "error" || !!k, [k, S]), N = c(() => S === "connecting" || S === "disconnecting" || T, [S, T]), P = c(() => {
+		let e = {
+			disconnected: x("slackSearchbarDisconnected"),
+			noChannelsConnected: x("slackSearchbarNoChannelsConnected"),
+			noSlackChannelsFound: x("slackSearchbarNoChannelsFound"),
+			channelsError: x("slackSearchbarChannelsError")
+		};
+		if (S === "disconnected") return b?.disconnected || e.disconnected;
+		if (S === "error") return b?.error || C;
+		if (!N && E.length === 0) return b?.noSlackChannelsFound || e.noSlackChannelsFound;
+		let t = j?.length || 0;
+		return j && t === 0 ? b?.noChannelsConnected || e.noChannelsConnected : "";
+	}, [
+		S,
+		N,
+		E,
+		j,
+		b,
+		C,
+		x
+	]), F = c(() => j.map((e) => e.channel_id), [j]);
+	return E.length > _ ? /* @__PURE__ */ l(r, {
+		inErrorState: M,
+		connectedChannels: j || [],
+		updateConnectedChannels: O,
+		connectedChannelsError: k,
+		connectedChannelsUpdating: A
+	}) : /* @__PURE__ */ u(f, {
+		className: "tgph rsk-combobox__grid",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ l(p, {
+				color: "gray",
+				size: "2",
+				as: "div",
+				minHeight: "8",
+				className: "rsk-combobox__label",
+				children: "Channels"
+			}),
+			/* @__PURE__ */ u(g.Root, {
+				value: F,
+				onValueChange: (e) => {
+					let t = e.map((e) => ({ channel_id: e }));
+					O(t).catch(console.error);
+				},
+				placeholder: P ?? "",
+				disabled: M || E.length === 0,
+				errored: M,
+				closeOnSelect: !1,
+				layout: "wrap",
+				modal: !1,
+				children: [/* @__PURE__ */ l(g.Trigger, {}), /* @__PURE__ */ u(g.Content, { children: [
+					/* @__PURE__ */ l(g.Search, {
+						label: x("slackSearchChannels"),
+						className: "rsk-combobox__search"
+					}),
+					/* @__PURE__ */ l(g.Options, {
+						maxHeight: "36",
+						children: E.map((e) => /* @__PURE__ */ l(g.Option, {
+							value: e.id,
+							children: /* @__PURE__ */ u(f, {
+								align: "center",
+								gap: "1",
+								children: [/* @__PURE__ */ l(d, {
+									icon: e.is_private ? h : m,
+									size: "0",
+									"aria-hidden": !0
+								}), e.name]
+							})
+						}, e.id))
+					}),
+					/* @__PURE__ */ l(g.Empty, {})
+				] })]
+			}),
+			/* @__PURE__ */ l(n, {}),
+			!!k && /* @__PURE__ */ l(t, { message: k })
+		]
+	});
 };
-export {
-  Z as SlackChannelCombobox
-};
-//# sourceMappingURL=SlackChannelCombobox.mjs.map
+//#endregion
+export { v as SlackChannelCombobox };
+
+//# sourceMappingURL=SlackChannelCombobox.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackChannelCombobox.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport {\n  RecipientObject,\n  SlackChannelQueryOptions,\n  useConnectedSlackChannels,\n  useKnockSlackClient,\n  useSlackChannels,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { Hash, Lock } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { sortSlackChannelsAlphabetically } from \"../../utils\";\nimport SlackAddChannelInput from \"../SlackAddChannelInput/SlackAddChannelInput\";\n\nimport SlackConnectionError from \"./SlackConnectionError\";\nimport SlackErrorMessage from \"./SlackErrorMessage\";\nimport \"./styles.css\";\n\nconst MAX_ALLOWED_CHANNELS = 1000;\n\nexport type SlackChannelComboboxInputMessages = {\n  disconnected: string;\n  error: string;\n  noChannelsConnected: string;\n  noSlackChannelsFound: string;\n};\n\nexport interface SlackChannelComboboxProps {\n  slackChannelsRecipientObject: RecipientObject;\n  queryOptions?: SlackChannelQueryOptions;\n  inputMessages?: SlackChannelComboboxInputMessages;\n}\n\nexport const SlackChannelCombobox: FunctionComponent<\n  SlackChannelComboboxProps\n> = ({ slackChannelsRecipientObject, queryOptions, inputMessages }) => {\n  const { t } = useTranslations();\n\n  // Gather API data\n  const { connectionStatus, errorLabel: connectionErrorLabel } =\n    useKnockSlackClient();\n\n  const { data: unsortedSlackChannels, isLoading: slackChannelsLoading } =\n    useSlackChannels({ queryOptions });\n\n  const slackChannels = useMemo(\n    () => sortSlackChannelsAlphabetically(unsortedSlackChannels),\n    [unsortedSlackChannels],\n  );\n\n  const {\n    data: connectedChannels,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n    updating: connectedChannelsUpdating,\n  } = useConnectedSlackChannels({ slackChannelsRecipientObject });\n\n  const currentConnectedChannels = useMemo<SlackChannelConnection[]>(() => {\n    // Used to make sure we're only showing currently available channels to select from.\n    // There are cases where a channel is \"connected\" in Knock, but it wouldn't be\n    // posting to it if the channel is private and the Slackbot doesn't belong to it,\n    // so the channel won't show up here and it won't be posted to.\n    const slackChannelsMap = new Map(\n      slackChannels.map((channel) => [channel.id, channel]),\n    );\n\n    return (\n      connectedChannels?.filter((connectedChannel) => {\n        return slackChannelsMap.has(connectedChannel.channel_id || \"\");\n      }) || []\n    );\n  }, [connectedChannels, slackChannels]);\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectedChannelsError, connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      slackChannelsLoading,\n\n    [connectionStatus, slackChannelsLoading],\n  );\n\n  // Construct placeholder text\n  const searchPlaceholder = useMemo(() => {\n    const DEFAULT_INPUT_MESSAGES = {\n      disconnected: t(\"slackSearchbarDisconnected\"),\n      noChannelsConnected: t(\"slackSearchbarNoChannelsConnected\"),\n      noSlackChannelsFound: t(\"slackSearchbarNoChannelsFound\"),\n      channelsError: t(\"slackSearchbarChannelsError\"),\n    };\n\n    // Connection status message\n    if (connectionStatus === \"disconnected\") {\n      return inputMessages?.disconnected || DEFAULT_INPUT_MESSAGES.disconnected;\n    }\n\n    if (connectionStatus === \"error\") {\n      return inputMessages?.error || connectionErrorLabel;\n    }\n\n    // Channels status messages\n    if (!inLoadingState && slackChannels.length === 0) {\n      return (\n        inputMessages?.noSlackChannelsFound ||\n        DEFAULT_INPUT_MESSAGES.noSlackChannelsFound\n      );\n    }\n\n    const numberConnectedChannels = currentConnectedChannels?.length || 0;\n\n    if (currentConnectedChannels && numberConnectedChannels === 0) {\n      return (\n        inputMessages?.noChannelsConnected ||\n        DEFAULT_INPUT_MESSAGES.noChannelsConnected\n      );\n    }\n\n    return \"\";\n  }, [\n    connectionStatus,\n    inLoadingState,\n    slackChannels,\n    currentConnectedChannels,\n    inputMessages,\n    connectionErrorLabel,\n    t,\n  ]);\n\n  const comboboxValue = useMemo(\n    () => currentConnectedChannels.map((connection) => connection.channel_id),\n    [currentConnectedChannels],\n  );\n\n  if (slackChannels.length > MAX_ALLOWED_CHANNELS) {\n    return (\n      <SlackAddChannelInput\n        inErrorState={inErrorState}\n        connectedChannels={currentConnectedChannels || []}\n        updateConnectedChannels={updateConnectedChannels}\n        connectedChannelsError={connectedChannelsError}\n        connectedChannelsUpdating={connectedChannelsUpdating}\n      />\n    );\n  }\n\n  return (\n    <Stack className=\"tgph rsk-combobox__grid\" gap=\"3\">\n      <Text\n        color=\"gray\"\n        size=\"2\"\n        as=\"div\"\n        minHeight=\"8\"\n        className=\"rsk-combobox__label\"\n      >\n        Channels\n      </Text>\n      <Combobox.Root\n        value={comboboxValue}\n        onValueChange={(channelIds) => {\n          const updatedConnections = channelIds.map<SlackChannelConnection>(\n            (channelId) => ({\n              channel_id: channelId,\n            }),\n          );\n\n          updateConnectedChannels(updatedConnections).catch(console.error);\n        }}\n        placeholder={searchPlaceholder ?? \"\"}\n        disabled={inErrorState || slackChannels.length === 0}\n        errored={inErrorState}\n        closeOnSelect={false}\n        layout=\"wrap\"\n        modal={\n          // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.\n          false\n        }\n      >\n        <Combobox.Trigger />\n        <Combobox.Content>\n          <Combobox.Search\n            label={t(\"slackSearchChannels\")}\n            className=\"rsk-combobox__search\"\n          />\n          <Combobox.Options maxHeight=\"36\">\n            {slackChannels.map((channel) => (\n              <Combobox.Option key={channel.id} value={channel.id}>\n                <Stack align=\"center\" gap=\"1\">\n                  <Icon\n                    icon={channel.is_private ? Lock : Hash}\n                    size=\"0\"\n                    aria-hidden\n                  />\n                  {channel.name}\n                </Stack>\n              </Combobox.Option>\n            ))}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n      <SlackConnectionError />\n      {!!connectedChannelsError && (\n        <SlackErrorMessage message={connectedChannelsError} />\n      )}\n    </Stack>\n  );\n};\n"],"names":["MAX_ALLOWED_CHANNELS","SlackChannelCombobox","slackChannelsRecipientObject","queryOptions","inputMessages","t","useTranslations","connectionStatus","errorLabel","connectionErrorLabel","useKnockSlackClient","data","unsortedSlackChannels","isLoading","slackChannelsLoading","useSlackChannels","slackChannels","useMemo","sortSlackChannelsAlphabetically","connectedChannels","updateConnectedChannels","error","connectedChannelsError","updating","connectedChannelsUpdating","useConnectedSlackChannels","currentConnectedChannels","slackChannelsMap","Map","map","channel","id","filter","connectedChannel","has","channel_id","inErrorState","inLoadingState","searchPlaceholder","DEFAULT_INPUT_MESSAGES","disconnected","noChannelsConnected","noSlackChannelsFound","channelsError","length","numberConnectedChannels","comboboxValue","connection","React","SlackAddChannelInput","Stack","Text","Combobox","channelIds","updatedConnections","channelId","catch","console","Icon","is_private","Lock","Hash","name","SlackConnectionError","SlackErrorMessage"],"mappings":"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"}
+{"version":3,"file":"SlackChannelCombobox.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackChannelCombobox.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport {\n  RecipientObject,\n  SlackChannelQueryOptions,\n  useConnectedSlackChannels,\n  useKnockSlackClient,\n  useSlackChannels,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { Hash, Lock } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { sortSlackChannelsAlphabetically } from \"../../utils\";\nimport SlackAddChannelInput from \"../SlackAddChannelInput/SlackAddChannelInput\";\n\nimport SlackConnectionError from \"./SlackConnectionError\";\nimport SlackErrorMessage from \"./SlackErrorMessage\";\nimport \"./styles.css\";\n\nconst MAX_ALLOWED_CHANNELS = 1000;\n\nexport type SlackChannelComboboxInputMessages = {\n  disconnected: string;\n  error: string;\n  noChannelsConnected: string;\n  noSlackChannelsFound: string;\n};\n\nexport interface SlackChannelComboboxProps {\n  slackChannelsRecipientObject: RecipientObject;\n  queryOptions?: SlackChannelQueryOptions;\n  inputMessages?: SlackChannelComboboxInputMessages;\n}\n\nexport const SlackChannelCombobox: FunctionComponent<\n  SlackChannelComboboxProps\n> = ({ slackChannelsRecipientObject, queryOptions, inputMessages }) => {\n  const { t } = useTranslations();\n\n  // Gather API data\n  const { connectionStatus, errorLabel: connectionErrorLabel } =\n    useKnockSlackClient();\n\n  const { data: unsortedSlackChannels, isLoading: slackChannelsLoading } =\n    useSlackChannels({ queryOptions });\n\n  const slackChannels = useMemo(\n    () => sortSlackChannelsAlphabetically(unsortedSlackChannels),\n    [unsortedSlackChannels],\n  );\n\n  const {\n    data: connectedChannels,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n    updating: connectedChannelsUpdating,\n  } = useConnectedSlackChannels({ slackChannelsRecipientObject });\n\n  const currentConnectedChannels = useMemo<SlackChannelConnection[]>(() => {\n    // Used to make sure we're only showing currently available channels to select from.\n    // There are cases where a channel is \"connected\" in Knock, but it wouldn't be\n    // posting to it if the channel is private and the Slackbot doesn't belong to it,\n    // so the channel won't show up here and it won't be posted to.\n    const slackChannelsMap = new Map(\n      slackChannels.map((channel) => [channel.id, channel]),\n    );\n\n    return (\n      connectedChannels?.filter((connectedChannel) => {\n        return slackChannelsMap.has(connectedChannel.channel_id || \"\");\n      }) || []\n    );\n  }, [connectedChannels, slackChannels]);\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectedChannelsError, connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      slackChannelsLoading,\n\n    [connectionStatus, slackChannelsLoading],\n  );\n\n  // Construct placeholder text\n  const searchPlaceholder = useMemo(() => {\n    const DEFAULT_INPUT_MESSAGES = {\n      disconnected: t(\"slackSearchbarDisconnected\"),\n      noChannelsConnected: t(\"slackSearchbarNoChannelsConnected\"),\n      noSlackChannelsFound: t(\"slackSearchbarNoChannelsFound\"),\n      channelsError: t(\"slackSearchbarChannelsError\"),\n    };\n\n    // Connection status message\n    if (connectionStatus === \"disconnected\") {\n      return inputMessages?.disconnected || DEFAULT_INPUT_MESSAGES.disconnected;\n    }\n\n    if (connectionStatus === \"error\") {\n      return inputMessages?.error || connectionErrorLabel;\n    }\n\n    // Channels status messages\n    if (!inLoadingState && slackChannels.length === 0) {\n      return (\n        inputMessages?.noSlackChannelsFound ||\n        DEFAULT_INPUT_MESSAGES.noSlackChannelsFound\n      );\n    }\n\n    const numberConnectedChannels = currentConnectedChannels?.length || 0;\n\n    if (currentConnectedChannels && numberConnectedChannels === 0) {\n      return (\n        inputMessages?.noChannelsConnected ||\n        DEFAULT_INPUT_MESSAGES.noChannelsConnected\n      );\n    }\n\n    return \"\";\n  }, [\n    connectionStatus,\n    inLoadingState,\n    slackChannels,\n    currentConnectedChannels,\n    inputMessages,\n    connectionErrorLabel,\n    t,\n  ]);\n\n  const comboboxValue = useMemo(\n    () => currentConnectedChannels.map((connection) => connection.channel_id),\n    [currentConnectedChannels],\n  );\n\n  if (slackChannels.length > MAX_ALLOWED_CHANNELS) {\n    return (\n      <SlackAddChannelInput\n        inErrorState={inErrorState}\n        connectedChannels={currentConnectedChannels || []}\n        updateConnectedChannels={updateConnectedChannels}\n        connectedChannelsError={connectedChannelsError}\n        connectedChannelsUpdating={connectedChannelsUpdating}\n      />\n    );\n  }\n\n  return (\n    <Stack className=\"tgph rsk-combobox__grid\" gap=\"3\">\n      <Text\n        color=\"gray\"\n        size=\"2\"\n        as=\"div\"\n        minHeight=\"8\"\n        className=\"rsk-combobox__label\"\n      >\n        Channels\n      </Text>\n      <Combobox.Root\n        value={comboboxValue}\n        onValueChange={(channelIds) => {\n          const updatedConnections = channelIds.map<SlackChannelConnection>(\n            (channelId) => ({\n              channel_id: channelId,\n            }),\n          );\n\n          updateConnectedChannels(updatedConnections).catch(console.error);\n        }}\n        placeholder={searchPlaceholder ?? \"\"}\n        disabled={inErrorState || slackChannels.length === 0}\n        errored={inErrorState}\n        closeOnSelect={false}\n        layout=\"wrap\"\n        modal={\n          // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.\n          false\n        }\n      >\n        <Combobox.Trigger />\n        <Combobox.Content>\n          <Combobox.Search\n            label={t(\"slackSearchChannels\")}\n            className=\"rsk-combobox__search\"\n          />\n          <Combobox.Options maxHeight=\"36\">\n            {slackChannels.map((channel) => (\n              <Combobox.Option key={channel.id} value={channel.id}>\n                <Stack align=\"center\" gap=\"1\">\n                  <Icon\n                    icon={channel.is_private ? Lock : Hash}\n                    size=\"0\"\n                    aria-hidden\n                  />\n                  {channel.name}\n                </Stack>\n              </Combobox.Option>\n            ))}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n      <SlackConnectionError />\n      {!!connectedChannelsError && (\n        <SlackErrorMessage message={connectedChannelsError} />\n      )}\n    </Stack>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectionError.mjs

@@ -1,15 +1,12 @@
-import n from "react";
-import { useTranslations as o, useKnockSlackClient as t } from "@knocklabs/react-core";
-import c from "./SlackErrorMessage.mjs";
-const l = () => {
-  const {
-    t: e
-  } = o(), {
-    connectionStatus: r
-  } = t();
-  return r === "disconnected" || r === "error" ? /* @__PURE__ */ n.createElement(c, { message: e(r === "disconnected" ? "slackConnectionErrorOccurred" : "slackConnectionErrorExists") }) : null;
+import e from "./SlackErrorMessage.mjs";
+import { useKnockSlackClient as t, useTranslations as n } from "@knocklabs/react-core";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx
+var i = () => {
+	let { t: i } = n(), { connectionStatus: a } = t();
+	return a === "disconnected" || a === "error" ? /* @__PURE__ */ r(e, { message: i(a === "disconnected" ? "slackConnectionErrorOccurred" : "slackConnectionErrorExists") }) : null;
 };
-export {
-  l as default
-};
-//# sourceMappingURL=SlackConnectionError.mjs.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=SlackConnectionError.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackConnectionError.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackConnectionError.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport SlackErrorMessage from \"./SlackErrorMessage\";\n\nconst SlackConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockSlackClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <SlackErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"slackConnectionErrorOccurred\")\n            : t(\"slackConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default SlackConnectionError;\n"],"names":["SlackConnectionError","t","useTranslations","connectionStatus","useKnockSlackClient","React","SlackErrorMessage"],"mappings":";;;AAKA,MAAMA,IAA0CA,MAAM;AAC9C,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxB;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAoB;AAE7CD,SAAAA,MAAqB,kBAAkBA,MAAqB,UAE5DE,gBAAAA,EAAA,cAACC,GACC,EAAA,SAEML,EADJE,MAAqB,iBACf,iCACA,4BAD8B,EAGtC,CAAA,IAIC;AACT;"}
+{"version":3,"file":"SlackConnectionError.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackConnectionError.tsx"],"sourcesContent":["import { useKnockSlackClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport SlackErrorMessage from \"./SlackErrorMessage\";\n\nconst SlackConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockSlackClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <SlackErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"slackConnectionErrorOccurred\")\n            : t(\"slackConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default SlackConnectionError;\n"],"mappings":";;;;AAKA,IAAM,UAAgD;CACpD,IAAM,EAAE,SAAM,EAAgB,GACxB,EAAE,wBAAqB,EAAoB;CAcjD,OAZI,MAAqB,kBAAkB,MAAqB,UAE5D,kBAAC,GAAD,EACE,SAEM,EADJ,MAAqB,iBACf,iCACA,4BAA4B,EAErC,CAAA,IAIE;AACT"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.mjs

@@ -1,11 +1,23 @@
-import e from "react";
-import { Icon as o } from "@telegraph/icon";
-import { Text as t } from "@telegraph/typography";
-import { Info as a } from "lucide-react";
-const i = ({
-  message: r
-}) => /* @__PURE__ */ e.createElement("div", { className: "rsk-combobox__error" }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(o, { icon: a, color: "black", size: "1", "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(t, { as: "div", color: "black", size: "1" }, r));
-export {
-  i as default
-};
-//# sourceMappingURL=SlackErrorMessage.mjs.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Icon as n } from "@telegraph/icon";
+import { Text as r } from "@telegraph/typography";
+import { Info as i } from "lucide-react";
+//#region src/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.tsx
+var a = ({ message: a }) => /* @__PURE__ */ t("div", {
+	className: "rsk-combobox__error",
+	children: [/* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(n, {
+		icon: i,
+		color: "black",
+		size: "1",
+		"aria-hidden": !0
+	}) }), /* @__PURE__ */ e(r, {
+		as: "div",
+		color: "black",
+		size: "1",
+		children: a
+	})]
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=SlackErrorMessage.mjs.map

package/dist/esm/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackErrorMessage.mjs","sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.tsx"],"sourcesContent":["import { Icon } from \"@telegraph/icon\";\nimport { Text } from \"@telegraph/typography\";\nimport { Info } from \"lucide-react\";\nimport { FunctionComponent } from \"react\";\n\ninterface Props {\n  message?: string;\n}\n\nconst SlackErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rsk-combobox__error\">\n      <span>\n        <Icon icon={Info} color=\"black\" size=\"1\" aria-hidden />\n      </span>\n      <Text as=\"div\" color=\"black\" size=\"1\">\n        {message}\n      </Text>\n    </div>\n  );\n};\n\nexport default SlackErrorMessage;\n"],"names":["SlackErrorMessage","message","React","Icon","Info","Text"],"mappings":";;;;AASA,MAAMA,IAA8CA,CAAC;AAAA,EAAEC,SAAAA;AAAQ,MAE3DC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,sBACb,GAAAA,gBAAAA,EAAA,cAAC,QACC,MAAAA,gBAAAA,EAAA,cAACC,GAAK,EAAA,MAAMC,GAAM,OAAM,SAAQ,MAAK,KAAI,eAAW,GAAA,CAAA,CACtD,GACAF,gBAAAA,EAAA,cAACG,GAAK,EAAA,IAAG,OAAM,OAAM,SAAQ,MAAK,IAC/BJ,GAAAA,CACH,CACF;"}
+{"version":3,"file":"SlackErrorMessage.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackChannelCombobox/SlackErrorMessage.tsx"],"sourcesContent":["import { Icon } from \"@telegraph/icon\";\nimport { Text } from \"@telegraph/typography\";\nimport { Info } from \"lucide-react\";\nimport { FunctionComponent } from \"react\";\n\ninterface Props {\n  message?: string;\n}\n\nconst SlackErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rsk-combobox__error\">\n      <span>\n        <Icon icon={Info} color=\"black\" size=\"1\" aria-hidden />\n      </span>\n      <Text as=\"div\" color=\"black\" size=\"1\">\n        {message}\n      </Text>\n    </div>\n  );\n};\n\nexport default SlackErrorMessage;\n"],"mappings":";;;;;AASA,IAAM,KAA+C,EAAE,iBAEnD,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;EAAM,MAAM;EAAM,OAAM;EAAQ,MAAK;EAAI,eAAA;CAAa,CAAA,EAClD,CAAA,GACN,kBAAC,GAAD;EAAM,IAAG;EAAM,OAAM;EAAQ,MAAK;YAC/B;CACG,CAAA,CACH"}

package/dist/esm/modules/slack/components/SlackChannelCombobox/index.mjs

@@ -0,0 +1,2 @@
+import { SlackChannelCombobox as e } from "./SlackChannelCombobox.mjs";
+export { e as SlackChannelCombobox };

package/dist/esm/modules/slack/components/SlackIcon/SlackIcon.mjs

@@ -1,12 +1,32 @@
-import e from "react";
-const s = ({
-  height: t,
-  width: c
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
-  height: t,
-  width: c
-}, viewBox: "0 0 122.8 122.8" }, /* @__PURE__ */ e.createElement("path", { d: "M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z", fill: "#e01e5a" }), /* @__PURE__ */ e.createElement("path", { d: "M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z", fill: "#36c5f0" }), /* @__PURE__ */ e.createElement("path", { d: "M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z", fill: "#2eb67d" }), /* @__PURE__ */ e.createElement("path", { d: "M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z", fill: "#ecb22e" }));
-export {
-  s as SlackIcon
-};
-//# sourceMappingURL=SlackIcon.mjs.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/modules/slack/components/SlackIcon/SlackIcon.tsx
+var n = ({ height: n, width: r }) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	style: {
+		height: n,
+		width: r
+	},
+	viewBox: "0 0 122.8 122.8",
+	children: [
+		/* @__PURE__ */ e("path", {
+			d: "M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z",
+			fill: "#e01e5a"
+		}),
+		/* @__PURE__ */ e("path", {
+			d: "M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z",
+			fill: "#36c5f0"
+		}),
+		/* @__PURE__ */ e("path", {
+			d: "M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z",
+			fill: "#2eb67d"
+		}),
+		/* @__PURE__ */ e("path", {
+			d: "M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z",
+			fill: "#ecb22e"
+		})
+	]
+});
+//#endregion
+export { n as SlackIcon };
+
+//# sourceMappingURL=SlackIcon.mjs.map

package/dist/esm/modules/slack/components/SlackIcon/SlackIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackIcon.mjs","sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface SlackIconProps {\n  height: string;\n  width: string;\n}\n\nexport const SlackIcon: FunctionComponent<SlackIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 122.8 122.8\"\n    >\n      <path\n        d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n        fill=\"#e01e5a\"\n      ></path>\n      <path\n        d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n        fill=\"#36c5f0\"\n      ></path>\n      <path\n        d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n        fill=\"#2eb67d\"\n      ></path>\n      <path\n        d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n        fill=\"#ecb22e\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["SlackIcon","height","width","React"],"mappings":";AAOO,MAAMA,IAA+CA,CAAC;AAAA,EAC3DC,QAAAA;AAAAA,EACAC,OAAAA;AACF,MAEKC,gBAAAA,EAAA,cAAA,OAAA,EACC,OAAM,8BACN,OAAO;AAAA,EAAEF,QAAAA;AAAAA,EAAQC,OAAAA;AAAAA,GACjB,SAAQ,qBAERC,gBAAAA,EAAA,cAAC,QACC,EAAA,GAAE,6LACF,MAAK,UACN,CAAA,GACAA,gBAAAA,EAAA,cAAA,QAAA,EACC,GAAE,4LACF,MAAK,UACN,CAAA,GACAA,gBAAAA,EAAA,cAAA,QAAA,EACC,GAAE,6LACF,MAAK,UAAA,CACN,GACDA,gBAAAA,EAAA,cAAC,QACC,EAAA,GAAE,gMACF,MAAK,WACN,CACH;"}
+{"version":3,"file":"SlackIcon.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackIcon/SlackIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface SlackIconProps {\n  height: string;\n  width: string;\n}\n\nexport const SlackIcon: FunctionComponent<SlackIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 122.8 122.8\"\n    >\n      <path\n        d=\"M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z\"\n        fill=\"#e01e5a\"\n      ></path>\n      <path\n        d=\"M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z\"\n        fill=\"#36c5f0\"\n      ></path>\n      <path\n        d=\"M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z\"\n        fill=\"#2eb67d\"\n      ></path>\n      <path\n        d=\"M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z\"\n        fill=\"#ecb22e\"\n      ></path>\n    </svg>\n  );\n};\n"],"mappings":";;AAOA,IAAa,KAAgD,EAC3D,WACA,eAGE,kBAAC,OAAD;CACE,OAAM;CACN,OAAO;EAAE;EAAQ;CAAM;CACvB,SAAQ;WAHV;EAKE,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACA,CAAA;EACP,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACA,CAAA;EACP,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACA,CAAA;EACP,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACA,CAAA;CACJ"}

package/dist/esm/modules/slack/components/SlackIcon/index.mjs

@@ -0,0 +1,2 @@
+import { SlackIcon as e } from "./SlackIcon.mjs";
+export { e as SlackIcon };

package/dist/esm/modules/slack/index.mjs

@@ -0,0 +1,7 @@
+import { SlackAuthButton as e } from "./components/SlackAuthButton/SlackAuthButton.mjs";
+import "./components/SlackAuthButton/index.mjs";
+import { SlackAuthContainer as t } from "./components/SlackAuthContainer/SlackAuthContainer.mjs";
+import "./components/SlackAuthContainer/index.mjs";
+import { SlackChannelCombobox as n } from "./components/SlackChannelCombobox/SlackChannelCombobox.mjs";
+import "./components/SlackChannelCombobox/index.mjs";
+export { e as SlackAuthButton, t as SlackAuthContainer, n as SlackChannelCombobox };

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

@@ -1,5 +1,6 @@
-const l = (e) => [...e].sort((a, o) => a.name.toLowerCase().localeCompare(o.name.toLowerCase()));
-export {
-  l as sortSlackChannelsAlphabetically
-};
-//# sourceMappingURL=utils.mjs.map
+//#region src/modules/slack/utils.ts
+var e = (e) => [...e].sort((e, t) => e.name.toLowerCase().localeCompare(t.name.toLowerCase()));
+//#endregion
+export { e as sortSlackChannelsAlphabetically };
+
+//# sourceMappingURL=utils.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/slack/utils.ts"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\n\nexport const sortSlackChannelsAlphabetically = (\n  channels: readonly SlackChannel[],\n) =>\n  [...channels].sort((channel1, channel2) =>\n    channel1.name.toLowerCase().localeCompare(channel2.name.toLowerCase()),\n  );\n"],"names":["sortSlackChannelsAlphabetically","channels","sort","channel1","channel2","name","toLowerCase","localeCompare"],"mappings":"AAEaA,MAAAA,IAAkCA,CAC7CC,MAEA,CAAC,GAAGA,CAAQ,EAAEC,KAAK,CAACC,GAAUC,MAC5BD,EAASE,KAAKC,cAAcC,cAAcH,EAASC,KAAKC,aAAa,CACvE;"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/modules/slack/utils.ts"],"sourcesContent":["import { SlackChannel } from \"@knocklabs/client\";\n\nexport const sortSlackChannelsAlphabetically = (\n  channels: readonly SlackChannel[],\n) =>\n  [...channels].sort((channel1, channel2) =>\n    channel1.name.toLowerCase().localeCompare(channel2.name.toLowerCase()),\n  );\n"],"mappings":";AAEA,IAAa,KACX,MAEA,CAAC,GAAG,CAAQ,CAAC,CAAC,MAAM,GAAU,MAC5B,EAAS,KAAK,YAAY,CAAC,CAAC,cAAc,EAAS,KAAK,YAAY,CAAC,CACvE"}

package/dist/esm/next/KnockGuideLocationSensor.mjs

@@ -1,39 +1,39 @@
 "use client";
-import { useGuideContext as c } from "@knocklabs/react-core";
-import { usePathname as i, useSearchParams as u } from "next/navigation.js";
-import { useRouter as m } from "next/router.js";
-import s from "react";
-import { checkForWindow as a } from "../modules/core/utils.mjs";
-const f = () => {
-  const n = m(), {
-    client: t
-  } = c();
-  return s.useEffect(() => {
-    const o = a();
-    if (!o) return;
-    t.store.state.location || t.setLocation(o.location.href), t.removeLocationChangeEventListeners();
-    const e = (r) => {
-      t.setLocation(o.location.origin + r);
-    };
-    return n.events.on("routeChangeComplete", e), () => {
-      n.events.off("routeChangeComplete", e);
-    };
-  }, [t]), null;
-}, l = () => {
-  const n = i(), o = u().toString(), {
-    client: e
-  } = c();
-  return s.useEffect(() => {
-    e.removeLocationChangeEventListeners();
-  }, [e]), s.useEffect(() => {
-    const r = a();
-    r && e.setLocation(r.location.href);
-  }, [e, n, o]), null;
-}, v = {
-  PagesRouter: f,
-  AppRouter: l
+import { checkForWindow as e } from "../modules/core/utils.mjs";
+import { useGuideContext as t } from "@knocklabs/react-core";
+import n from "react";
+import { usePathname as r, useSearchParams as i } from "next/navigation.js";
+import { useRouter as a } from "next/router.js";
+var o = {
+	PagesRouter: () => {
+		let r = a(), { client: i } = t();
+		return n.useEffect(() => {
+			let t = e();
+			if (!t) return;
+			i.store.state.location || i.setLocation(t.location.href), i.removeLocationChangeEventListeners();
+			let n = (e) => {
+				i.setLocation(t.location.origin + e);
+			};
+			return r.events.on("routeChangeComplete", n), () => {
+				r.events.off("routeChangeComplete", n);
+			};
+		}, [i]), null;
+	},
+	AppRouter: () => {
+		let a = r(), o = i().toString(), { client: s } = t();
+		return n.useEffect(() => {
+			s.removeLocationChangeEventListeners();
+		}, [s]), n.useEffect(() => {
+			let t = e();
+			t && s.setLocation(t.location.href);
+		}, [
+			s,
+			a,
+			o
+		]), null;
+	}
 };
-export {
-  v as KnockGuideLocationSensor
-};
-//# sourceMappingURL=KnockGuideLocationSensor.mjs.map
+//#endregion
+export { o as KnockGuideLocationSensor };
+
+//# sourceMappingURL=KnockGuideLocationSensor.mjs.map

package/dist/esm/next/KnockGuideLocationSensor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideLocationSensor.mjs","sources":["../../../src/next/KnockGuideLocationSensor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGuideContext } from \"@knocklabs/react-core\";\n// Note the .js suffix for Next 15 ESM friendliness:\nimport { usePathname, useSearchParams } from \"next/navigation.js\";\nimport { useRouter } from \"next/router.js\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nconst PagesRouter: React.FC = () => {\n  const router = useRouter();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // Set the initial location if not yet set.\n    if (!client.store.state.location) {\n      client.setLocation(win.location.href);\n    }\n\n    // If you are using this helper module, then that means we are detecting\n    // route changes from next's router rather than from the global history\n    // object which the guide client does by default, so ensure we don't have\n    // any event listeners hanging around unnecessarily.\n    client.removeLocationChangeEventListeners();\n\n    // Attach a route change event listener to the nextjs router. Note, here url\n    // is the pathname and any query parameters of the new route but does not\n    // include the domain or origin.\n    const handleRouteChangeComplete = (url: string) => {\n      client.setLocation(win.location.origin + url);\n    };\n    router.events.on(\"routeChangeComplete\", handleRouteChangeComplete);\n\n    return () => {\n      router.events.off(\"routeChangeComplete\", handleRouteChangeComplete);\n    };\n    // We want to run this effect once per client instance and `router` is not\n    // guaranteed to be referentially stable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client]);\n\n  return null;\n};\n\nconst AppRouter: React.FC = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const queryStr = searchParams.toString();\n\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    // Same here, remove any location change event listeners on the window\n    // object in case they are attached.\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    client.setLocation(win.location.href);\n  }, [client, pathname, queryStr]);\n\n  return null;\n};\n\nexport const KnockGuideLocationSensor = {\n  PagesRouter,\n  AppRouter,\n};\n"],"names":["PagesRouter","router","useRouter","client","useGuideContext","React","useEffect","win","checkForWindow","store","state","location","setLocation","href","removeLocationChangeEventListeners","handleRouteChangeComplete","url","origin","events","on","off","AppRouter","pathname","usePathname","queryStr","useSearchParams","toString","KnockGuideLocationSensor"],"mappings":";;;;;;AAUA,MAAMA,IAAwBA,MAAM;AAClC,QAAMC,IAASC,EAAU,GACnB;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB;AAEnCC,SAAAA,EAAMC,UAAU,MAAM;AACpB,UAAMC,IAAMC,EAAe;AAC3B,QAAI,CAACD,EAAK;AAGV,IAAKJ,EAAOM,MAAMC,MAAMC,YACfC,EAAAA,YAAYL,EAAII,SAASE,IAAI,GAOtCV,EAAOW,mCAAmC;AAKpCC,UAAAA,IAA4BA,CAACC,MAAgB;AACjDb,MAAAA,EAAOS,YAAYL,EAAII,SAASM,SAASD,CAAG;AAAA,IAC9C;AACOE,WAAAA,EAAAA,OAAOC,GAAG,uBAAuBJ,CAAyB,GAE1D,MAAM;AACJG,MAAAA,EAAAA,OAAOE,IAAI,uBAAuBL,CAAyB;AAAA,IACpE;AAAA,EAAA,GAIC,CAACZ,CAAM,CAAC,GAEJ;AACT,GAEMkB,IAAsBA,MAAM;AAChC,QAAMC,IAAWC,EAAY,GAEvBC,IADeC,EAAgB,EACPC,SAAS,GAEjC;AAAA,IAAEvB,QAAAA;AAAAA,MAAWC,EAAgB;AAEnCC,SAAAA,EAAMC,UAAU,MAAM;AAGpBH,IAAAA,EAAOW,mCAAmC;AAAA,EAAA,GACzC,CAACX,CAAM,CAAC,GAEXE,EAAMC,UAAU,MAAM;AACpB,UAAMC,IAAMC,EAAe;AAC3B,IAAKD,KAEEK,EAAAA,YAAYL,EAAII,SAASE,IAAI;AAAA,EACnC,GAAA,CAACV,GAAQmB,GAAUE,CAAQ,CAAC,GAExB;AACT,GAEaG,IAA2B;AAAA,EACtC3B,aAAAA;AAAAA,EACAqB,WAAAA;AACF;"}
+{"version":3,"file":"KnockGuideLocationSensor.mjs","names":[],"sources":["../../../src/next/KnockGuideLocationSensor.tsx"],"sourcesContent":["\"use client\";\n\nimport { useGuideContext } from \"@knocklabs/react-core\";\n// Note the .js suffix for Next 15 ESM friendliness:\nimport { usePathname, useSearchParams } from \"next/navigation.js\";\nimport { useRouter } from \"next/router.js\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nconst PagesRouter: React.FC = () => {\n  const router = useRouter();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // Set the initial location if not yet set.\n    if (!client.store.state.location) {\n      client.setLocation(win.location.href);\n    }\n\n    // If you are using this helper module, then that means we are detecting\n    // route changes from next's router rather than from the global history\n    // object which the guide client does by default, so ensure we don't have\n    // any event listeners hanging around unnecessarily.\n    client.removeLocationChangeEventListeners();\n\n    // Attach a route change event listener to the nextjs router. Note, here url\n    // is the pathname and any query parameters of the new route but does not\n    // include the domain or origin.\n    const handleRouteChangeComplete = (url: string) => {\n      client.setLocation(win.location.origin + url);\n    };\n    router.events.on(\"routeChangeComplete\", handleRouteChangeComplete);\n\n    return () => {\n      router.events.off(\"routeChangeComplete\", handleRouteChangeComplete);\n    };\n    // We want to run this effect once per client instance and `router` is not\n    // guaranteed to be referentially stable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client]);\n\n  return null;\n};\n\nconst AppRouter: React.FC = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const queryStr = searchParams.toString();\n\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    // Same here, remove any location change event listeners on the window\n    // object in case they are attached.\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    client.setLocation(win.location.href);\n  }, [client, pathname, queryStr]);\n\n  return null;\n};\n\nexport const KnockGuideLocationSensor = {\n  PagesRouter,\n  AppRouter,\n};\n"],"mappings":";;;;;;AAuEA,IAAa,IAA2B;CACtC,mBA9DkC;EAClC,IAAM,IAAS,EAAU,GACnB,EAAE,cAAW,EAAgB;EAiCnC,OA/BA,EAAM,gBAAgB;GACpB,IAAM,IAAM,EAAe;GAC3B,IAAI,CAAC,GAAK;GAWV,AARK,EAAO,MAAM,MAAM,YACtB,EAAO,YAAY,EAAI,SAAS,IAAI,GAOtC,EAAO,mCAAmC;GAK1C,IAAM,KAA6B,MAAgB;IACjD,EAAO,YAAY,EAAI,SAAS,SAAS,CAAG;GAC9C;GAGA,OAFA,EAAO,OAAO,GAAG,uBAAuB,CAAyB,SAEpD;IACX,EAAO,OAAO,IAAI,uBAAuB,CAAyB;GACpE;EAIF,GAAG,CAAC,CAAM,CAAC,GAEJ;CACT;CA2BE,iBAzBgC;EAChC,IAAM,IAAW,EAAY,GAEvB,IADe,EACJ,CAAA,CAAa,SAAS,GAEjC,EAAE,cAAW,EAAgB;EAenC,OAbA,EAAM,gBAAgB;GAGpB,EAAO,mCAAmC;EAC5C,GAAG,CAAC,CAAM,CAAC,GAEX,EAAM,gBAAgB;GACpB,IAAM,IAAM,EAAe;GACtB,KAEL,EAAO,YAAY,EAAI,SAAS,IAAI;EACtC,GAAG;GAAC;GAAQ;GAAU;EAAQ,CAAC,GAExB;CACT;AAKA"}

package/dist/esm/next.mjs

@@ -1,5 +1,2 @@
-import { KnockGuideLocationSensor as n } from "./next/KnockGuideLocationSensor.mjs";
-export {
-  n as KnockGuideLocationSensor
-};
-//# sourceMappingURL=next.mjs.map
+import { KnockGuideLocationSensor as e } from "./next/KnockGuideLocationSensor.mjs";
+export { e as KnockGuideLocationSensor };

package/dist/esm/tanstack/KnockGuideLocationSensor.mjs

@@ -1,21 +1,18 @@
-import { useGuideContext as r } from "@knocklabs/react-core";
-import { useLocation as i } from "@tanstack/react-router";
+import { checkForWindow as e } from "../modules/core/utils.mjs";
+import { useGuideContext as t } from "@knocklabs/react-core";
 import n from "react";
-import { checkForWindow as c } from "../modules/core/utils.mjs";
-const a = () => {
-  const {
-    href: t
-  } = i(), {
-    client: o
-  } = r();
-  return n.useEffect(() => {
-    o.removeLocationChangeEventListeners();
-  }, [o]), n.useEffect(() => {
-    const e = c();
-    e && o.setLocation(e.location.origin + t);
-  }, [o, t]), null;
+import { useLocation as r } from "@tanstack/react-router";
+//#region src/tanstack/KnockGuideLocationSensor.tsx
+var i = () => {
+	let { href: i } = r(), { client: a } = t();
+	return n.useEffect(() => {
+		a.removeLocationChangeEventListeners();
+	}, [a]), n.useEffect(() => {
+		let t = e();
+		t && a.setLocation(t.location.origin + i);
+	}, [a, i]), null;
 };
-export {
-  a as KnockGuideLocationSensor
-};
-//# sourceMappingURL=KnockGuideLocationSensor.mjs.map
+//#endregion
+export { i as KnockGuideLocationSensor };
+
+//# sourceMappingURL=KnockGuideLocationSensor.mjs.map

package/dist/esm/tanstack/KnockGuideLocationSensor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KnockGuideLocationSensor.mjs","sources":["../../../src/tanstack/KnockGuideLocationSensor.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { useLocation } from \"@tanstack/react-router\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nexport const KnockGuideLocationSensor: React.FC = () => {\n  const { href } = useLocation();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // href here is the full path of the location, including pathname, search,\n    // and hash but does not include the origin.\n    client.setLocation(win.location.origin + href);\n  }, [client, href]);\n\n  return null;\n};\n"],"names":["KnockGuideLocationSensor","href","useLocation","client","useGuideContext","React","useEffect","removeLocationChangeEventListeners","win","checkForWindow","setLocation","location","origin"],"mappings":";;;;AAMO,MAAMA,IAAqCA,MAAM;AAChD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAY,GACvB;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB;AAEnCC,SAAAA,EAAMC,UAAU,MAAM;AACpBH,IAAAA,EAAOI,mCAAmC;AAAA,EAAA,GACzC,CAACJ,CAAM,CAAC,GAEXE,EAAMC,UAAU,MAAM;AACpB,UAAME,IAAMC,EAAe;AAC3B,IAAKD,KAILL,EAAOO,YAAYF,EAAIG,SAASC,SAASX,CAAI;AAAA,EAAA,GAC5C,CAACE,GAAQF,CAAI,CAAC,GAEV;AACT;"}
+{"version":3,"file":"KnockGuideLocationSensor.mjs","names":[],"sources":["../../../src/tanstack/KnockGuideLocationSensor.tsx"],"sourcesContent":["import { useGuideContext } from \"@knocklabs/react-core\";\nimport { useLocation } from \"@tanstack/react-router\";\nimport React from \"react\";\n\nimport { checkForWindow } from \"../modules/core/utils\";\n\nexport const KnockGuideLocationSensor: React.FC = () => {\n  const { href } = useLocation();\n  const { client } = useGuideContext();\n\n  React.useEffect(() => {\n    client.removeLocationChangeEventListeners();\n  }, [client]);\n\n  React.useEffect(() => {\n    const win = checkForWindow();\n    if (!win) return;\n\n    // href here is the full path of the location, including pathname, search,\n    // and hash but does not include the origin.\n    client.setLocation(win.location.origin + href);\n  }, [client, href]);\n\n  return null;\n};\n"],"mappings":";;;;;AAMA,IAAa,UAA2C;CACtD,IAAM,EAAE,YAAS,EAAY,GACvB,EAAE,cAAW,EAAgB;CAenC,OAbA,EAAM,gBAAgB;EACpB,EAAO,mCAAmC;CAC5C,GAAG,CAAC,CAAM,CAAC,GAEX,EAAM,gBAAgB;EACpB,IAAM,IAAM,EAAe;EACtB,KAIL,EAAO,YAAY,EAAI,SAAS,SAAS,CAAI;CAC/C,GAAG,CAAC,GAAQ,CAAI,CAAC,GAEV;AACT"}

package/dist/esm/tanstack.mjs

@@ -1,5 +1,2 @@
-import { KnockGuideLocationSensor as n } from "./tanstack/KnockGuideLocationSensor.mjs";
-export {
-  n as KnockGuideLocationSensor
-};
-//# sourceMappingURL=tanstack.mjs.map
+import { KnockGuideLocationSensor as e } from "./tanstack/KnockGuideLocationSensor.mjs";
+export { e as KnockGuideLocationSensor };