@knocklabs/react 0.12.1 → 0.13.0

package/dist/esm/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs

@@ -1,17 +1,34 @@
-import e from "react";
-import { useTranslations as r } from "@knocklabs/react-core";
-/* empty css               */
-import { MsTeamsIcon as m } from "../MsTeamsIcon/MsTeamsIcon.mjs";
-/* empty css            */
-const l = ({
-  actionButton: t
-}) => {
-  const {
-    t: a
-  } = r();
-  return /* @__PURE__ */ e.createElement("div", { className: "rtk-auth" }, /* @__PURE__ */ e.createElement("div", { className: "rtk-auth__header" }, /* @__PURE__ */ e.createElement(m, { height: "32px", width: "32px" }), /* @__PURE__ */ e.createElement("div", null, t)), /* @__PURE__ */ e.createElement("div", { className: "rtk-auth__title" }, "Microsoft Teams"), /* @__PURE__ */ e.createElement("div", { className: "rtk-auth__description" }, a("msTeamsConnectContainerDescription")));
+/* empty css           */
+import { MsTeamsIcon as e } from "../MsTeamsIcon/MsTeamsIcon.mjs";
+import "../MsTeamsIcon/index.mjs";
+/* empty css        */
+import { useTranslations as t } from "@knocklabs/react-core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.tsx
+var i = ({ actionButton: i }) => {
+	let { t: a } = t();
+	return /* @__PURE__ */ r("div", {
+		className: "rtk-auth",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "rtk-auth__header",
+				children: [/* @__PURE__ */ n(e, {
+					height: "32px",
+					width: "32px"
+				}), /* @__PURE__ */ n("div", { children: i })]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rtk-auth__title",
+				children: "Microsoft Teams"
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rtk-auth__description",
+				children: a("msTeamsConnectContainerDescription")
+			})
+		]
+	});
 };
-export {
-  l as MsTeamsAuthContainer
-};
-//# sourceMappingURL=MsTeamsAuthContainer.mjs.map
+//#endregion
+export { i as MsTeamsAuthContainer };
+
+//# sourceMappingURL=MsTeamsAuthContainer.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsAuthContainer.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport interface MsTeamsAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const MsTeamsAuthContainer: FunctionComponent<\n  MsTeamsAuthContainerProps\n> = ({ actionButton }) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rtk-auth\">\n      <div className=\"rtk-auth__header\">\n        <MsTeamsIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rtk-auth__title\">Microsoft Teams</div>\n      <div className=\"rtk-auth__description\">\n        {t(\"msTeamsConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"names":["MsTeamsAuthContainer","actionButton","t","useTranslations","React","MsTeamsIcon"],"mappings":";;;;;AAYO,MAAMA,IAETA,CAAC;AAAA,EAAEC,cAAAA;AAAa,MAAM;AAClB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB;AAE9B,SACGC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,8CACZ,OAAI,EAAA,WAAU,mBACb,GAAAA,gBAAAA,EAAA,cAACC,GAAY,EAAA,QAAO,QAAO,OAAM,QAAM,GACvCD,gBAAAA,EAAA,cAAC,OAAKH,MAAAA,CAAa,CACrB,GACCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kBAAkB,GAAA,iBAAe,GAChDA,gBAAAA,EAAA,cAAC,SAAI,WAAU,2BACZF,EAAE,oCAAoC,CACzC,CACF;AAEJ;"}
+{"version":3,"file":"MsTeamsAuthContainer.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsAuthContainer/MsTeamsAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { MsTeamsIcon } from \"../MsTeamsIcon\";\n\nimport \"./styles.css\";\n\nexport interface MsTeamsAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const MsTeamsAuthContainer: FunctionComponent<\n  MsTeamsAuthContainerProps\n> = ({ actionButton }) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rtk-auth\">\n      <div className=\"rtk-auth__header\">\n        <MsTeamsIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rtk-auth__title\">Microsoft Teams</div>\n      <div className=\"rtk-auth__description\">\n        {t(\"msTeamsConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAYA,IAAa,KAER,EAAE,sBAAmB;CACxB,IAAM,EAAE,SAAM,EAAgB;CAE9B,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,QAAO;KAAO,OAAM;IAAQ,CAAA,GACzC,kBAAC,OAAD,EAAA,UAAM,EAAkB,CAAA,CACrB;;GACL,kBAAC,OAAD;IAAK,WAAU;cAAkB;GAAoB,CAAA;GACrD,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAE,oCAAoC;GACpC,CAAA;EACF;;AAET"}

package/dist/esm/modules/ms-teams/components/MsTeamsAuthContainer/index.mjs

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

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs

@@ -1,29 +1,61 @@
-import e, { useState as g, useCallback as d } from "react";
-import { useConnectedMsTeamsChannels as f } from "@knocklabs/react-core";
-import { Icon as C } from "@telegraph/icon";
-import { Stack as r } from "@telegraph/layout";
-import { Text as n } from "@telegraph/typography";
-import { CornerDownRight as h } from "lucide-react";
-/* empty css               */
-import { MsTeamsChannelInTeamCombobox as u } from "./MsTeamsChannelInTeamCombobox.mjs";
-import _ from "./MsTeamsConnectionError.mjs";
-import { MsTeamsTeamCombobox as E } from "./MsTeamsTeamCombobox.mjs";
-/* empty css            */
-const w = ({
-  msTeamsChannelsRecipientObject: o,
-  teamQueryOptions: s,
-  channelQueryOptions: l
-}) => {
-  const [t, i] = g(null), {
-    data: a
-  } = f({
-    msTeamsChannelsRecipientObject: o
-  }), c = d((p) => (a == null ? void 0 : a.filter((m) => m.ms_teams_team_id === p && !!m.ms_teams_channel_id).length) ?? 0, [a]);
-  return /* @__PURE__ */ e.createElement(r, { className: "tgph rtk-combobox__grid", gap: "3" }, /* @__PURE__ */ e.createElement(n, { color: "gray", size: "2", as: "div" }, "Team"), /* @__PURE__ */ e.createElement(E, { team: t, onTeamChange: i, getChannelCount: c, queryOptions: s }), /* @__PURE__ */ e.createElement(r, { alignItems: "center", gap: "3", minHeight: "8", style: {
-    alignSelf: "start"
-  } }, /* @__PURE__ */ e.createElement(C, { color: "gray", size: "1", icon: h, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(n, { color: "gray", size: "2", as: "div" }, "Channels")), /* @__PURE__ */ e.createElement(u, { teamId: t == null ? void 0 : t.id, msTeamsChannelsRecipientObject: o, queryOptions: l }), /* @__PURE__ */ e.createElement(_, null));
+/* empty css           */
+import { MsTeamsChannelInTeamCombobox as e } from "./MsTeamsChannelInTeamCombobox.mjs";
+import t from "./MsTeamsConnectionError.mjs";
+import { MsTeamsTeamCombobox as n } from "./MsTeamsTeamCombobox.mjs";
+/* empty css        */
+import { useConnectedMsTeamsChannels as r } from "@knocklabs/react-core";
+import { useCallback as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Icon as c } from "@telegraph/icon";
+import { Stack as l } from "@telegraph/layout";
+import { Text as u } from "@telegraph/typography";
+import { CornerDownRight as d } from "lucide-react";
+//#region src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.tsx
+var f = ({ msTeamsChannelsRecipientObject: f, teamQueryOptions: p, channelQueryOptions: m }) => {
+	let [h, g] = a(null), { data: _ } = r({ msTeamsChannelsRecipientObject: f }), v = i((e) => _?.filter((t) => t.ms_teams_team_id === e && !!t.ms_teams_channel_id).length ?? 0, [_]);
+	return /* @__PURE__ */ s(l, {
+		className: "tgph rtk-combobox__grid",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ o(u, {
+				color: "gray",
+				size: "2",
+				as: "div",
+				children: "Team"
+			}),
+			/* @__PURE__ */ o(n, {
+				team: h,
+				onTeamChange: g,
+				getChannelCount: v,
+				queryOptions: p
+			}),
+			/* @__PURE__ */ s(l, {
+				alignItems: "center",
+				gap: "3",
+				minHeight: "8",
+				style: { alignSelf: "start" },
+				children: [/* @__PURE__ */ o(c, {
+					color: "gray",
+					size: "1",
+					icon: d,
+					"aria-hidden": !0
+				}), /* @__PURE__ */ o(u, {
+					color: "gray",
+					size: "2",
+					as: "div",
+					children: "Channels"
+				})]
+			}),
+			/* @__PURE__ */ o(e, {
+				teamId: h?.id,
+				msTeamsChannelsRecipientObject: f,
+				queryOptions: m
+			}),
+			/* @__PURE__ */ o(t, {})
+		]
+	});
 };
-export {
-  w as default
-};
-//# sourceMappingURL=MsTeamsChannelCombobox.mjs.map
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=MsTeamsChannelCombobox.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsChannelCombobox.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  MsTeamsTeamQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { CornerDownRight } from \"lucide-react\";\nimport { FunctionComponent, useCallback, useState } from \"react\";\n\nimport \"../../theme.css\";\n\nimport { MsTeamsChannelInTeamCombobox } from \"./MsTeamsChannelInTeamCombobox\";\nimport MsTeamsConnectionError from \"./MsTeamsConnectionError\";\nimport { MsTeamsTeamCombobox } from \"./MsTeamsTeamCombobox\";\nimport \"./styles.css\";\n\ninterface Props {\n  msTeamsChannelsRecipientObject: RecipientObject;\n  teamQueryOptions?: MsTeamsTeamQueryOptions;\n  channelQueryOptions?: MsTeamsChannelQueryOptions;\n}\n\nconst MsTeamsChannelCombobox: FunctionComponent<Props> = ({\n  msTeamsChannelsRecipientObject,\n  teamQueryOptions,\n  channelQueryOptions,\n}) => {\n  const [selectedTeam, setSelectedTeam] = useState<MsTeamsTeam | null>(null);\n\n  const { data: currentConnections } = useConnectedMsTeamsChannels({\n    msTeamsChannelsRecipientObject,\n  });\n\n  const getChannelCount = useCallback(\n    (teamId: string) =>\n      currentConnections?.filter(\n        (connection) =>\n          connection.ms_teams_team_id === teamId &&\n          !!connection.ms_teams_channel_id,\n      ).length ?? 0,\n    [currentConnections],\n  );\n\n  return (\n    <Stack className=\"tgph rtk-combobox__grid\" gap=\"3\">\n      <Text color=\"gray\" size=\"2\" as=\"div\">\n        Team\n      </Text>\n      <MsTeamsTeamCombobox\n        team={selectedTeam}\n        onTeamChange={setSelectedTeam}\n        getChannelCount={getChannelCount}\n        queryOptions={teamQueryOptions}\n      />\n      <Stack\n        alignItems=\"center\"\n        gap=\"3\"\n        minHeight=\"8\"\n        style={{ alignSelf: \"start\" }}\n      >\n        <Icon color=\"gray\" size=\"1\" icon={CornerDownRight} aria-hidden />\n        <Text color=\"gray\" size=\"2\" as=\"div\">\n          Channels\n        </Text>\n      </Stack>\n      <MsTeamsChannelInTeamCombobox\n        teamId={selectedTeam?.id}\n        msTeamsChannelsRecipientObject={msTeamsChannelsRecipientObject}\n        queryOptions={channelQueryOptions}\n      />\n      <MsTeamsConnectionError />\n    </Stack>\n  );\n};\n\nexport default MsTeamsChannelCombobox;\n"],"names":["MsTeamsChannelCombobox","msTeamsChannelsRecipientObject","teamQueryOptions","channelQueryOptions","selectedTeam","setSelectedTeam","useState","data","currentConnections","useConnectedMsTeamsChannels","getChannelCount","useCallback","teamId","filter","connection","ms_teams_team_id","ms_teams_channel_id","length","React","Stack","Text","MsTeamsTeamCombobox","alignSelf","Icon","CornerDownRight","MsTeamsChannelInTeamCombobox","id","MsTeamsConnectionError"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,IAAmDA,CAAC;AAAA,EACxDC,gCAAAA;AAAAA,EACAC,kBAAAA;AAAAA,EACAC,qBAAAA;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6B,IAAI,GAEnE;AAAA,IAAEC,MAAMC;AAAAA,MAAuBC,EAA4B;AAAA,IAC/DR,gCAAAA;AAAAA,EAAAA,CACD,GAEKS,IAAkBC,EACtB,CAACC,OACCJ,KAAAA,gBAAAA,EAAoBK,OACjBC,OACCA,EAAWC,qBAAqBH,KAChC,CAAC,CAACE,EAAWE,qBACfC,WAAU,GACd,CAACT,CAAkB,CACrB;AAEA,SACGU,gBAAAA,EAAA,cAAAC,GAAA,EAAM,WAAU,2BAA0B,KAAI,IAC7C,GAAAD,gBAAAA,EAAA,cAACE,GAAK,EAAA,OAAM,QAAO,MAAK,KAAI,IAAG,SAAK,MAEpC,GACAF,gBAAAA,EAAA,cAACG,GACC,EAAA,MAAMjB,GACN,cAAcC,GACd,iBAAAK,GACA,cAAcR,GAAiB,GAEhCgB,gBAAAA,EAAA,cAAAC,GAAA,EACC,YAAW,UACX,KAAI,KACJ,WAAU,KACV,OAAO;AAAA,IAAEG,WAAW;AAAA,EAAA,KAEpBJ,gBAAAA,EAAA,cAACK,GAAK,EAAA,OAAM,QAAO,MAAK,KAAI,MAAMC,GAAiB,eAAW,GAAA,CAAA,GAC7DN,gBAAAA,EAAA,cAAAE,GAAA,EAAK,OAAM,QAAO,MAAK,KAAI,IAAG,MAAK,GAAA,UAEpC,CACF,mCACCK,GACC,EAAA,QAAQrB,KAAAA,gBAAAA,EAAcsB,IACtB,gCAAAzB,GACA,cAAcE,EAAoB,CAAA,GAEpCe,gBAAAA,EAAA,cAACS,OAAsB,CACzB;AAEJ;"}
+{"version":3,"file":"MsTeamsChannelCombobox.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  MsTeamsTeamQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Text } from \"@telegraph/typography\";\nimport { CornerDownRight } from \"lucide-react\";\nimport { FunctionComponent, useCallback, useState } from \"react\";\n\nimport \"../../theme.css\";\n\nimport { MsTeamsChannelInTeamCombobox } from \"./MsTeamsChannelInTeamCombobox\";\nimport MsTeamsConnectionError from \"./MsTeamsConnectionError\";\nimport { MsTeamsTeamCombobox } from \"./MsTeamsTeamCombobox\";\nimport \"./styles.css\";\n\ninterface Props {\n  msTeamsChannelsRecipientObject: RecipientObject;\n  teamQueryOptions?: MsTeamsTeamQueryOptions;\n  channelQueryOptions?: MsTeamsChannelQueryOptions;\n}\n\nconst MsTeamsChannelCombobox: FunctionComponent<Props> = ({\n  msTeamsChannelsRecipientObject,\n  teamQueryOptions,\n  channelQueryOptions,\n}) => {\n  const [selectedTeam, setSelectedTeam] = useState<MsTeamsTeam | null>(null);\n\n  const { data: currentConnections } = useConnectedMsTeamsChannels({\n    msTeamsChannelsRecipientObject,\n  });\n\n  const getChannelCount = useCallback(\n    (teamId: string) =>\n      currentConnections?.filter(\n        (connection) =>\n          connection.ms_teams_team_id === teamId &&\n          !!connection.ms_teams_channel_id,\n      ).length ?? 0,\n    [currentConnections],\n  );\n\n  return (\n    <Stack className=\"tgph rtk-combobox__grid\" gap=\"3\">\n      <Text color=\"gray\" size=\"2\" as=\"div\">\n        Team\n      </Text>\n      <MsTeamsTeamCombobox\n        team={selectedTeam}\n        onTeamChange={setSelectedTeam}\n        getChannelCount={getChannelCount}\n        queryOptions={teamQueryOptions}\n      />\n      <Stack\n        alignItems=\"center\"\n        gap=\"3\"\n        minHeight=\"8\"\n        style={{ alignSelf: \"start\" }}\n      >\n        <Icon color=\"gray\" size=\"1\" icon={CornerDownRight} aria-hidden />\n        <Text color=\"gray\" size=\"2\" as=\"div\">\n          Channels\n        </Text>\n      </Stack>\n      <MsTeamsChannelInTeamCombobox\n        teamId={selectedTeam?.id}\n        msTeamsChannelsRecipientObject={msTeamsChannelsRecipientObject}\n        queryOptions={channelQueryOptions}\n      />\n      <MsTeamsConnectionError />\n    </Stack>\n  );\n};\n\nexport default MsTeamsChannelCombobox;\n"],"mappings":";;;;;;;;;;;;;AA0BA,IAAM,KAAoD,EACxD,mCACA,qBACA,6BACI;CACJ,IAAM,CAAC,GAAc,KAAmB,EAA6B,IAAI,GAEnE,EAAE,MAAM,MAAuB,EAA4B,EAC/D,kCACF,CAAC,GAEK,IAAkB,GACrB,MACC,GAAoB,QACjB,MACC,EAAW,qBAAqB,KAChC,CAAC,CAAC,EAAW,mBACjB,CAAC,CAAC,UAAU,GACd,CAAC,CAAkB,CACrB;CAEA,OACE,kBAAC,GAAD;EAAO,WAAU;EAA0B,KAAI;YAA/C;GACE,kBAAC,GAAD;IAAM,OAAM;IAAO,MAAK;IAAI,IAAG;cAAM;GAE/B,CAAA;GACN,kBAAC,GAAD;IACE,MAAM;IACN,cAAc;IACG;IACjB,cAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,YAAW;IACX,KAAI;IACJ,WAAU;IACV,OAAO,EAAE,WAAW,QAAQ;cAJ9B,CAME,kBAAC,GAAD;KAAM,OAAM;KAAO,MAAK;KAAI,MAAM;KAAiB,eAAA;IAAa,CAAA,GAChE,kBAAC,GAAD;KAAM,OAAM;KAAO,MAAK;KAAI,IAAG;eAAM;IAE/B,CAAA,CACD;;GACP,kBAAC,GAAD;IACE,QAAQ,GAAc;IACU;IAChC,cAAc;GACf,CAAA;GACD,kBAAC,GAAD,CAAyB,CAAA;EACpB;;AAEX"}

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.mjs

@@ -1,40 +1,48 @@
-import n, { useMemo as c, useCallback as b } from "react";
-import { useKnockMsTeamsClient as g, useMsTeamsChannels as x, useConnectedMsTeamsChannels as M } from "@knocklabs/react-core";
-import { Combobox as t } from "@telegraph/combobox";
-import { Box as y } from "@telegraph/layout";
-import { sortByDisplayName as S } from "../../utils.mjs";
-import O from "./MsTeamsErrorMessage.mjs";
-const V = ({
-  teamId: r,
-  msTeamsChannelsRecipientObject: h,
-  queryOptions: _
-}) => {
-  const {
-    connectionStatus: s
-  } = g(), {
-    data: o = []
-  } = x({
-    teamId: r,
-    queryOptions: _
-  }), p = c(() => S(o), [o]), {
-    data: a,
-    updateConnectedChannels: u,
-    error: l
-  } = M({
-    msTeamsChannelsRecipientObject: h
-  }), C = c(() => s === "disconnected" || s === "error" || !!l, [s, l]), E = c(() => s === "connecting" || s === "disconnecting", [s]), i = b((e) => o.some((d) => d.id === e), [o]), T = c(() => a == null ? void 0 : a.filter((e) => e.ms_teams_channel_id && i(e.ms_teams_channel_id)).map((e) => e.ms_teams_channel_id), [a, i]);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(y, { w: "full", minW: "0" }, /* @__PURE__ */ n.createElement(t.Root, { value: T, onValueChange: (e) => {
-    const d = e.map((m) => ({
-      ms_teams_team_id: r,
-      ms_teams_channel_id: m
-    })), f = [...(a == null ? void 0 : a.filter((m) => !m.ms_teams_channel_id || !i(m.ms_teams_channel_id))) ?? [], ...d];
-    u(f).catch(console.error);
-  }, placeholder: "Select channels", disabled: r === void 0 || C || E || o.length === 0, closeOnSelect: !1, layout: "wrap", modal: (
-    // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.
-    !1
-  ) }, /* @__PURE__ */ n.createElement(t.Trigger, null), /* @__PURE__ */ n.createElement(t.Content, null, /* @__PURE__ */ n.createElement(t.Search, { className: "rtk-combobox__search" }), /* @__PURE__ */ n.createElement(t.Options, { maxHeight: "36" }, p.map((e) => /* @__PURE__ */ n.createElement(t.Option, { key: e.id, value: e.id }, e.displayName))), /* @__PURE__ */ n.createElement(t.Empty, null)))), !!l && /* @__PURE__ */ n.createElement(O, { message: l }));
+import { sortByDisplayName as e } from "../../utils.mjs";
+import t from "./MsTeamsErrorMessage.mjs";
+import { useConnectedMsTeamsChannels as n, useKnockMsTeamsClient as r, useMsTeamsChannels as i } from "@knocklabs/react-core";
+import { useCallback as a, useMemo as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u } from "@telegraph/layout";
+import { Combobox as d } from "@telegraph/combobox";
+//#region src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.tsx
+var f = ({ teamId: f, msTeamsChannelsRecipientObject: p, queryOptions: m }) => {
+	let { connectionStatus: h } = r(), { data: g = [] } = i({
+		teamId: f,
+		queryOptions: m
+	}), _ = o(() => e(g), [g]), { data: v, updateConnectedChannels: y, error: b } = n({ msTeamsChannelsRecipientObject: p }), x = o(() => h === "disconnected" || h === "error" || !!b, [h, b]), S = o(() => h === "connecting" || h === "disconnecting", [h]), C = a((e) => g.some((t) => t.id === e), [g]), w = o(() => v?.filter((e) => e.ms_teams_channel_id && C(e.ms_teams_channel_id)).map((e) => e.ms_teams_channel_id), [v, C]);
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u, {
+		w: "full",
+		minW: "0",
+		children: /* @__PURE__ */ l(d.Root, {
+			value: w,
+			onValueChange: (e) => {
+				let t = e.map((e) => ({
+					ms_teams_team_id: f,
+					ms_teams_channel_id: e
+				})), n = [...v?.filter((e) => !e.ms_teams_channel_id || !C(e.ms_teams_channel_id)) ?? [], ...t];
+				y(n).catch(console.error);
+			},
+			placeholder: "Select channels",
+			disabled: f === void 0 || x || S || g.length === 0,
+			closeOnSelect: !1,
+			layout: "wrap",
+			modal: !1,
+			children: [/* @__PURE__ */ c(d.Trigger, {}), /* @__PURE__ */ l(d.Content, { children: [
+				/* @__PURE__ */ c(d.Search, { className: "rtk-combobox__search" }),
+				/* @__PURE__ */ c(d.Options, {
+					maxHeight: "36",
+					children: _.map((e) => /* @__PURE__ */ c(d.Option, {
+						value: e.id,
+						children: e.displayName
+					}, e.id))
+				}),
+				/* @__PURE__ */ c(d.Empty, {})
+			] })]
+		})
+	}), !!b && /* @__PURE__ */ c(t, { message: b })] });
 };
-export {
-  V as MsTeamsChannelInTeamCombobox
-};
-//# sourceMappingURL=MsTeamsChannelInTeamCombobox.mjs.map
+//#endregion
+export { f as MsTeamsChannelInTeamCombobox };
+
+//# sourceMappingURL=MsTeamsChannelInTeamCombobox.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsChannelInTeamCombobox.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsChannelConnection } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n  useKnockMsTeamsClient,\n  useMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\ninterface MsTeamsChannelInTeamComboboxProps {\n  teamId?: string;\n  msTeamsChannelsRecipientObject: RecipientObject;\n  queryOptions?: MsTeamsChannelQueryOptions;\n}\n\nexport const MsTeamsChannelInTeamCombobox: FunctionComponent<\n  MsTeamsChannelInTeamComboboxProps\n> = ({ teamId, msTeamsChannelsRecipientObject, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: availableChannels = [] } = useMsTeamsChannels({\n    teamId,\n    queryOptions,\n  });\n\n  const sortedChannels = useMemo(\n    () => sortByDisplayName(availableChannels),\n    [availableChannels],\n  );\n\n  const {\n    data: currentConnections,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n  } = useConnectedMsTeamsChannels({ msTeamsChannelsRecipientObject });\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectionStatus, connectedChannelsError],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" || connectionStatus === \"disconnecting\",\n    [connectionStatus],\n  );\n\n  const isChannelInThisTeam = useCallback(\n    (channelId: string) =>\n      availableChannels.some((channel) => channel.id === channelId),\n    [availableChannels],\n  );\n\n  const comboboxValue = useMemo(\n    () =>\n      currentConnections\n        ?.filter(\n          (connection) =>\n            connection.ms_teams_channel_id &&\n            isChannelInThisTeam(connection.ms_teams_channel_id),\n        )\n        .map((connection) => connection.ms_teams_channel_id),\n    [currentConnections, isChannelInThisTeam],\n  );\n\n  return (\n    <>\n      <Box w=\"full\" minW=\"0\">\n        <Combobox.Root\n          value={comboboxValue}\n          onValueChange={(channelIds) => {\n            const connectedChannelsInThisTeam =\n              channelIds.map<MsTeamsChannelConnection>((channelId) => ({\n                ms_teams_team_id: teamId,\n                ms_teams_channel_id: channelId,\n              }));\n            const connectedChannelsInOtherTeams =\n              currentConnections?.filter(\n                (connection) =>\n                  !connection.ms_teams_channel_id ||\n                  !isChannelInThisTeam(connection.ms_teams_channel_id),\n              ) ?? [];\n\n            const updatedConnections = [\n              ...connectedChannelsInOtherTeams,\n              ...connectedChannelsInThisTeam,\n            ];\n\n            updateConnectedChannels(updatedConnections).catch(console.error);\n          }}\n          placeholder=\"Select channels\"\n          disabled={\n            teamId === undefined ||\n            inErrorState ||\n            inLoadingState ||\n            availableChannels.length === 0\n          }\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 className=\"rtk-combobox__search\" />\n            <Combobox.Options maxHeight=\"36\">\n              {sortedChannels.map((channel) => (\n                <Combobox.Option key={channel.id} value={channel.id}>\n                  {channel.displayName}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n            <Combobox.Empty />\n          </Combobox.Content>\n        </Combobox.Root>\n      </Box>\n      {!!connectedChannelsError && (\n        <MsTeamsErrorMessage message={connectedChannelsError} />\n      )}\n    </>\n  );\n};\n"],"names":["MsTeamsChannelInTeamCombobox","teamId","msTeamsChannelsRecipientObject","queryOptions","connectionStatus","useKnockMsTeamsClient","data","availableChannels","useMsTeamsChannels","sortedChannels","useMemo","sortByDisplayName","currentConnections","updateConnectedChannels","error","connectedChannelsError","useConnectedMsTeamsChannels","inErrorState","inLoadingState","isChannelInThisTeam","useCallback","channelId","some","channel","id","comboboxValue","filter","connection","ms_teams_channel_id","map","React","Box","Combobox","channelIds","connectedChannelsInThisTeam","ms_teams_team_id","updatedConnections","catch","console","undefined","length","displayName","MsTeamsErrorMessage"],"mappings":";;;;;;AAsBO,MAAMA,IAETA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,gCAAAA;AAAAA,EAAgCC,cAAAA;AAAa,MAAM;AAC1D,QAAA;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB,GAE7C;AAAA,IAAEC,MAAMC,IAAoB,CAAA;AAAA,MAAOC,EAAmB;AAAA,IAC1DP,QAAAA;AAAAA,IACAE,cAAAA;AAAAA,EAAAA,CACD,GAEKM,IAAiBC,EACrB,MAAMC,EAAkBJ,CAAiB,GACzC,CAACA,CAAiB,CACpB,GAEM;AAAA,IACJD,MAAMM;AAAAA,IACNC,yBAAAA;AAAAA,IACAC,OAAOC;AAAAA,MACLC,EAA4B;AAAA,IAAEd,gCAAAA;AAAAA,EAAAA,CAAgC,GAE5De,IAAeP,EACnB,MACEN,MAAqB,kBACrBA,MAAqB,WACrB,CAAC,CAACW,GACJ,CAACX,GAAkBW,CAAsB,CAC3C,GAEMG,IAAiBR,EACrB,MACEN,MAAqB,gBAAgBA,MAAqB,iBAC5D,CAACA,CAAgB,CACnB,GAEMe,IAAsBC,EAC1B,CAACC,MACCd,EAAkBe,KAAMC,CAAYA,MAAAA,EAAQC,OAAOH,CAAS,GAC9D,CAACd,CAAiB,CACpB,GAEMkB,IAAgBf,EACpB,MACEE,KAAAA,gBAAAA,EACIc,OACCC,CACCA,MAAAA,EAAWC,uBACXT,EAAoBQ,EAAWC,mBAAmB,GAErDC,IAAKF,CAAeA,MAAAA,EAAWC,sBACpC,CAAChB,GAAoBO,CAAmB,CAC1C;AAEA,SAEIW,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACC,GAAI,EAAA,GAAE,QAAO,MAAK,OAChBD,gBAAAA,EAAA,cAAAE,EAAS,MAAT,EACC,OAAOP,GACP,eAAgBQ,CAAeA,MAAA;AACvBC,UAAAA,IACJD,EAAWJ,IAA+BR,CAAeA,OAAA;AAAA,MACvDc,kBAAkBlC;AAAAA,MAClB2B,qBAAqBP;AAAAA,IAAAA,EACrB,GAQEe,IAAqB,CACzB,IAPAxB,KAAAA,gBAAAA,EAAoBc,OACjBC,CAAAA,MACC,CAACA,EAAWC,uBACZ,CAACT,EAAoBQ,EAAWC,mBAAmB,OAClD,CAAE,GAIP,GAAGM,CAA2B;AAGhCrB,IAAAA,EAAwBuB,CAAkB,EAAEC,MAAMC,QAAQxB,KAAK;AAAA,EAAA,GAEjE,aAAY,mBACZ,UACEb,MAAWsC,UACXtB,KACAC,KACAX,EAAkBiC,WAAW,GAE/B,eAAe,IACf,QAAO,QACP;AAAA;AAAA,IAEE;AAAA,IAGF,GAAAV,gBAAAA,EAAA,cAACE,EAAS,SAAT,IAAgB,mCAChBA,EAAS,SAAT,MACCF,gBAAAA,EAAA,cAACE,EAAS,QAAT,EAAgB,WAAU,uBAAsB,CAAA,GACjDF,gBAAAA,EAAA,cAACE,EAAS,SAAT,EAAiB,WAAU,KACzBvB,GAAAA,EAAeoB,IAAKN,CAAAA,MAClBO,gBAAAA,EAAA,cAAAE,EAAS,QAAT,EAAgB,KAAKT,EAAQC,IAAI,OAAOD,EAAQC,GAC9CD,GAAAA,EAAQkB,WACX,CACD,CACH,GACCX,gBAAAA,EAAA,cAAAE,EAAS,OAAT,IAAc,CACjB,CACF,CACF,GACC,CAAC,CAACjB,KACAe,gBAAAA,EAAA,cAAAY,GAAA,EAAoB,SAAS3B,EAC/B,CAAA,CACH;AAEJ;"}
+{"version":3,"file":"MsTeamsChannelInTeamCombobox.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsChannelInTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsChannelConnection } from \"@knocklabs/client\";\nimport {\n  MsTeamsChannelQueryOptions,\n  RecipientObject,\n  useConnectedMsTeamsChannels,\n  useKnockMsTeamsClient,\n  useMsTeamsChannels,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\ninterface MsTeamsChannelInTeamComboboxProps {\n  teamId?: string;\n  msTeamsChannelsRecipientObject: RecipientObject;\n  queryOptions?: MsTeamsChannelQueryOptions;\n}\n\nexport const MsTeamsChannelInTeamCombobox: FunctionComponent<\n  MsTeamsChannelInTeamComboboxProps\n> = ({ teamId, msTeamsChannelsRecipientObject, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: availableChannels = [] } = useMsTeamsChannels({\n    teamId,\n    queryOptions,\n  });\n\n  const sortedChannels = useMemo(\n    () => sortByDisplayName(availableChannels),\n    [availableChannels],\n  );\n\n  const {\n    data: currentConnections,\n    updateConnectedChannels,\n    error: connectedChannelsError,\n  } = useConnectedMsTeamsChannels({ msTeamsChannelsRecipientObject });\n\n  const inErrorState = useMemo(\n    () =>\n      connectionStatus === \"disconnected\" ||\n      connectionStatus === \"error\" ||\n      !!connectedChannelsError,\n    [connectionStatus, connectedChannelsError],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" || connectionStatus === \"disconnecting\",\n    [connectionStatus],\n  );\n\n  const isChannelInThisTeam = useCallback(\n    (channelId: string) =>\n      availableChannels.some((channel) => channel.id === channelId),\n    [availableChannels],\n  );\n\n  const comboboxValue = useMemo(\n    () =>\n      currentConnections\n        ?.filter(\n          (connection) =>\n            connection.ms_teams_channel_id &&\n            isChannelInThisTeam(connection.ms_teams_channel_id),\n        )\n        .map((connection) => connection.ms_teams_channel_id),\n    [currentConnections, isChannelInThisTeam],\n  );\n\n  return (\n    <>\n      <Box w=\"full\" minW=\"0\">\n        <Combobox.Root\n          value={comboboxValue}\n          onValueChange={(channelIds) => {\n            const connectedChannelsInThisTeam =\n              channelIds.map<MsTeamsChannelConnection>((channelId) => ({\n                ms_teams_team_id: teamId,\n                ms_teams_channel_id: channelId,\n              }));\n            const connectedChannelsInOtherTeams =\n              currentConnections?.filter(\n                (connection) =>\n                  !connection.ms_teams_channel_id ||\n                  !isChannelInThisTeam(connection.ms_teams_channel_id),\n              ) ?? [];\n\n            const updatedConnections = [\n              ...connectedChannelsInOtherTeams,\n              ...connectedChannelsInThisTeam,\n            ];\n\n            updateConnectedChannels(updatedConnections).catch(console.error);\n          }}\n          placeholder=\"Select channels\"\n          disabled={\n            teamId === undefined ||\n            inErrorState ||\n            inLoadingState ||\n            availableChannels.length === 0\n          }\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 className=\"rtk-combobox__search\" />\n            <Combobox.Options maxHeight=\"36\">\n              {sortedChannels.map((channel) => (\n                <Combobox.Option key={channel.id} value={channel.id}>\n                  {channel.displayName}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n            <Combobox.Empty />\n          </Combobox.Content>\n        </Combobox.Root>\n      </Box>\n      {!!connectedChannelsError && (\n        <MsTeamsErrorMessage message={connectedChannelsError} />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAsBA,IAAa,KAER,EAAE,WAAQ,mCAAgC,sBAAmB;CAChE,IAAM,EAAE,wBAAqB,EAAsB,GAE7C,EAAE,MAAM,IAAoB,CAAC,MAAM,EAAmB;EAC1D;EACA;CACF,CAAC,GAEK,IAAiB,QACf,EAAkB,CAAiB,GACzC,CAAC,CAAiB,CACpB,GAEM,EACJ,MAAM,GACN,4BACA,OAAO,MACL,EAA4B,EAAE,kCAA+B,CAAC,GAE5D,IAAe,QAEjB,MAAqB,kBACrB,MAAqB,WACrB,CAAC,CAAC,GACJ,CAAC,GAAkB,CAAsB,CAC3C,GAEM,IAAiB,QAEnB,MAAqB,gBAAgB,MAAqB,iBAC5D,CAAC,CAAgB,CACnB,GAEM,IAAsB,GACzB,MACC,EAAkB,MAAM,MAAY,EAAQ,OAAO,CAAS,GAC9D,CAAC,CAAiB,CACpB,GAEM,IAAgB,QAElB,GACI,QACC,MACC,EAAW,uBACX,EAAoB,EAAW,mBAAmB,CACtD,CAAC,CACA,KAAK,MAAe,EAAW,mBAAmB,GACvD,CAAC,GAAoB,CAAmB,CAC1C;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAK,GAAE;EAAO,MAAK;YACjB,kBAAC,EAAS,MAAV;GACE,OAAO;GACP,gBAAgB,MAAe;IAC7B,IAAM,IACJ,EAAW,KAA+B,OAAe;KACvD,kBAAkB;KAClB,qBAAqB;IACvB,EAAE,GAQE,IAAqB,CACzB,GAPA,GAAoB,QACjB,MACC,CAAC,EAAW,uBACZ,CAAC,EAAoB,EAAW,mBAAmB,CACvD,KAAK,CAAC,GAIN,GAAG,CACL;IAEA,EAAwB,CAAkB,CAAC,CAAC,MAAM,QAAQ,KAAK;GACjE;GACA,aAAY;GACZ,UACE,MAAW,KAAA,KACX,KACA,KACA,EAAkB,WAAW;GAE/B,eAAe;GACf,QAAO;GACP,OAEE;aAjCJ,CAoCE,kBAAC,EAAS,SAAV,CAAmB,CAAA,GACnB,kBAAC,EAAS,SAAV,EAAA,UAAA;IACE,kBAAC,EAAS,QAAV,EAAiB,WAAU,uBAAwB,CAAA;IACnD,kBAAC,EAAS,SAAV;KAAkB,WAAU;eACzB,EAAe,KAAK,MACnB,kBAAC,EAAS,QAAV;MAAkC,OAAO,EAAQ;gBAC9C,EAAQ;KACM,GAFK,EAAQ,EAEb,CAClB;IACe,CAAA;IAClB,kBAAC,EAAS,OAAV,CAAiB,CAAA;GACD,EAAA,CAAA,CACL;;CACZ,CAAA,GACJ,CAAC,CAAC,KACD,kBAAC,GAAD,EAAqB,SAAS,EAAyB,CAAA,CAEzD,EAAA,CAAA;AAEN"}

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.mjs

@@ -1,15 +1,12 @@
-import n from "react";
-import { useTranslations as o, useKnockMsTeamsClient as s } from "@knocklabs/react-core";
-import t from "./MsTeamsErrorMessage.mjs";
-const i = () => {
-  const {
-    t: r
-  } = o(), {
-    connectionStatus: e
-  } = s();
-  return e === "disconnected" || e === "error" ? /* @__PURE__ */ n.createElement(t, { message: r(e === "disconnected" ? "msTeamsConnectionErrorOccurred" : "msTeamsConnectionErrorExists") }) : null;
+import e from "./MsTeamsErrorMessage.mjs";
+import { useKnockMsTeamsClient as t, useTranslations as n } from "@knocklabs/react-core";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.tsx
+var i = () => {
+	let { t: i } = n(), { connectionStatus: a } = t();
+	return a === "disconnected" || a === "error" ? /* @__PURE__ */ r(e, { message: i(a === "disconnected" ? "msTeamsConnectionErrorOccurred" : "msTeamsConnectionErrorExists") }) : null;
 };
-export {
-  i as default
-};
-//# sourceMappingURL=MsTeamsConnectionError.mjs.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MsTeamsConnectionError.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsConnectionError.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.tsx"],"sourcesContent":["import { useKnockMsTeamsClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\nconst MsTeamsConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <MsTeamsErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"msTeamsConnectionErrorOccurred\")\n            : t(\"msTeamsConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default MsTeamsConnectionError;\n"],"names":["MsTeamsConnectionError","t","useTranslations","connectionStatus","useKnockMsTeamsClient","React","MsTeamsErrorMessage"],"mappings":";;;AAKA,MAAMA,IAA4CA,MAAM;AAChD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxB;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB;AAE/CD,SAAAA,MAAqB,kBAAkBA,MAAqB,UAE5DE,gBAAAA,EAAA,cAACC,GACC,EAAA,SAEML,EADJE,MAAqB,iBACf,mCACA,8BADgC,EAGxC,CAAA,IAIC;AACT;"}
+{"version":3,"file":"MsTeamsConnectionError.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsConnectionError.tsx"],"sourcesContent":["import { useKnockMsTeamsClient, useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport MsTeamsErrorMessage from \"./MsTeamsErrorMessage\";\n\nconst MsTeamsConnectionError: FunctionComponent = () => {\n  const { t } = useTranslations();\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  if (connectionStatus === \"disconnected\" || connectionStatus === \"error\") {\n    return (\n      <MsTeamsErrorMessage\n        message={\n          connectionStatus === \"disconnected\"\n            ? t(\"msTeamsConnectionErrorOccurred\")\n            : t(\"msTeamsConnectionErrorExists\")\n        }\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default MsTeamsConnectionError;\n"],"mappings":";;;;AAKA,IAAM,UAAkD;CACtD,IAAM,EAAE,SAAM,EAAgB,GACxB,EAAE,wBAAqB,EAAsB;CAcnD,OAZI,MAAqB,kBAAkB,MAAqB,UAE5D,kBAAC,GAAD,EACE,SAEM,EADJ,MAAqB,iBACf,mCACA,8BAA8B,EAEvC,CAAA,IAIE;AACT"}

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.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 s = ({
-  message: r
-}) => /* @__PURE__ */ e.createElement("div", { className: "rtk-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 {
-  s as default
-};
-//# sourceMappingURL=MsTeamsErrorMessage.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/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.tsx
+var a = ({ message: a }) => /* @__PURE__ */ t("div", {
+	className: "rtk-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=MsTeamsErrorMessage.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsErrorMessage.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.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 MsTeamsErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rtk-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 MsTeamsErrorMessage;\n"],"names":["MsTeamsErrorMessage","message","React","Icon","Info","Text"],"mappings":";;;;AASA,MAAMA,IAAgDA,CAAC;AAAA,EAAEC,SAAAA;AAAQ,MAE7DC,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":"MsTeamsErrorMessage.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsErrorMessage.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 MsTeamsErrorMessage: FunctionComponent<Props> = ({ message }) => {\n  return (\n    <div className=\"rtk-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 MsTeamsErrorMessage;\n"],"mappings":";;;;;AASA,IAAM,KAAiD,EAAE,iBAErD,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/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.mjs

@@ -1,34 +1,42 @@
-import e, { useMemo as c } from "react";
-import { useKnockMsTeamsClient as E, useMsTeamsTeams as T } from "@knocklabs/react-core";
-import { Combobox as o } from "@telegraph/combobox";
-import { Box as b } from "@telegraph/layout";
-import { sortByDisplayName as h } from "../../utils.mjs";
-const N = ({
-  team: s,
-  onTeamChange: m,
-  getChannelCount: d,
-  queryOptions: u
-}) => {
-  const {
-    connectionStatus: n
-  } = E(), {
-    data: i,
-    isLoading: l
-  } = T({
-    queryOptions: u
-  }), r = c(() => h(i), [i]), p = c(() => n === "disconnected" || n === "error", [n]), f = c(() => n === "connecting" || n === "disconnecting" || l, [n, l]);
-  return /* @__PURE__ */ e.createElement(b, { w: "full", minW: "0" }, /* @__PURE__ */ e.createElement(o.Root, { value: s == null ? void 0 : s.id, onValueChange: (t) => {
-    const a = r.find((g) => g.id === t);
-    a && m(a);
-  }, placeholder: "Select team", disabled: p || f || r.length === 0, modal: (
-    // Modal comboboxes cause page layout to shift when body has padding. See KNO-7854.
-    !1
-  ) }, /* @__PURE__ */ e.createElement(o.Trigger, null), /* @__PURE__ */ e.createElement(o.Content, null, /* @__PURE__ */ e.createElement(o.Search, { className: "rtk-combobox__search" }), /* @__PURE__ */ e.createElement(o.Options, { maxHeight: "36" }, r.map((t) => {
-    const a = d(t.id);
-    return /* @__PURE__ */ e.createElement(o.Option, { key: t.id, value: t.id }, a > 0 ? `${t.displayName} (${a})` : t.displayName);
-  })), /* @__PURE__ */ e.createElement(o.Empty, null))));
+import { sortByDisplayName as e } from "../../utils.mjs";
+import { useKnockMsTeamsClient as t, useMsTeamsTeams as n } from "@knocklabs/react-core";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o } from "@telegraph/layout";
+import { Combobox as s } from "@telegraph/combobox";
+//#region src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.tsx
+var c = ({ team: c, onTeamChange: l, getChannelCount: u, queryOptions: d }) => {
+	let { connectionStatus: f } = t(), { data: p, isLoading: m } = n({ queryOptions: d }), h = r(() => e(p), [p]), g = r(() => f === "disconnected" || f === "error", [f]), _ = r(() => f === "connecting" || f === "disconnecting" || m, [f, m]);
+	return /* @__PURE__ */ i(o, {
+		w: "full",
+		minW: "0",
+		children: /* @__PURE__ */ a(s.Root, {
+			value: c?.id,
+			onValueChange: (e) => {
+				let t = h.find((t) => t.id === e);
+				t && l(t);
+			},
+			placeholder: "Select team",
+			disabled: g || _ || h.length === 0,
+			modal: !1,
+			children: [/* @__PURE__ */ i(s.Trigger, {}), /* @__PURE__ */ a(s.Content, { children: [
+				/* @__PURE__ */ i(s.Search, { className: "rtk-combobox__search" }),
+				/* @__PURE__ */ i(s.Options, {
+					maxHeight: "36",
+					children: h.map((e) => {
+						let t = u(e.id);
+						return /* @__PURE__ */ i(s.Option, {
+							value: e.id,
+							children: t > 0 ? `${e.displayName} (${t})` : e.displayName
+						}, e.id);
+					})
+				}),
+				/* @__PURE__ */ i(s.Empty, {})
+			] })]
+		})
+	});
 };
-export {
-  N as MsTeamsTeamCombobox
-};
-//# sourceMappingURL=MsTeamsTeamCombobox.mjs.map
+//#endregion
+export { c as MsTeamsTeamCombobox };
+
+//# sourceMappingURL=MsTeamsTeamCombobox.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsTeamCombobox.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsTeamQueryOptions,\n  useKnockMsTeamsClient,\n  useMsTeamsTeams,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\ninterface MsTeamsTeamComboboxProps {\n  team: MsTeamsTeam | null;\n  onTeamChange: (team: MsTeamsTeam) => void;\n  getChannelCount: (teamId: string) => number;\n  queryOptions?: MsTeamsTeamQueryOptions;\n}\n\nexport const MsTeamsTeamCombobox: FunctionComponent<\n  MsTeamsTeamComboboxProps\n> = ({ team, onTeamChange, getChannelCount, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: teams, isLoading: isLoadingTeams } = useMsTeamsTeams({\n    queryOptions,\n  });\n\n  const sortedTeams = useMemo(() => sortByDisplayName(teams), [teams]);\n\n  const inErrorState = useMemo(\n    () => connectionStatus === \"disconnected\" || connectionStatus === \"error\",\n    [connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      isLoadingTeams,\n    [connectionStatus, isLoadingTeams],\n  );\n\n  return (\n    <Box w=\"full\" minW=\"0\">\n      <Combobox.Root\n        value={team?.id}\n        onValueChange={(teamId) => {\n          const selectedTeam = sortedTeams.find((team) => team.id === teamId);\n          if (selectedTeam) {\n            onTeamChange(selectedTeam);\n          }\n        }}\n        placeholder=\"Select team\"\n        disabled={inErrorState || inLoadingState || sortedTeams.length === 0}\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 className=\"rtk-combobox__search\" />\n          <Combobox.Options maxHeight=\"36\">\n            {sortedTeams.map((team) => {\n              const channelCount = getChannelCount(team.id);\n              return (\n                <Combobox.Option key={team.id} value={team.id}>\n                  {channelCount > 0\n                    ? `${team.displayName} (${channelCount})`\n                    : team.displayName}\n                </Combobox.Option>\n              );\n            })}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n    </Box>\n  );\n};\n"],"names":["MsTeamsTeamCombobox","team","onTeamChange","getChannelCount","queryOptions","connectionStatus","useKnockMsTeamsClient","data","teams","isLoading","isLoadingTeams","useMsTeamsTeams","sortedTeams","useMemo","sortByDisplayName","inErrorState","inLoadingState","React","Box","Combobox","id","teamId","selectedTeam","find","length","map","channelCount","displayName"],"mappings":";;;;;AAmBO,MAAMA,IAETA,CAAC;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,cAAAA;AAAAA,EAAcC,iBAAAA;AAAAA,EAAiBC,cAAAA;AAAa,MAAM;AACvD,QAAA;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB,GAE7C;AAAA,IAAEC,MAAMC;AAAAA,IAAOC,WAAWC;AAAAA,MAAmBC,EAAgB;AAAA,IACjEP,cAAAA;AAAAA,EAAAA,CACD,GAEKQ,IAAcC,EAAQ,MAAMC,EAAkBN,CAAK,GAAG,CAACA,CAAK,CAAC,GAE7DO,IAAeF,EACnB,MAAMR,MAAqB,kBAAkBA,MAAqB,SAClE,CAACA,CAAgB,CACnB,GAEMW,IAAiBH,EACrB,MACER,MAAqB,gBACrBA,MAAqB,mBACrBK,GACF,CAACL,GAAkBK,CAAc,CACnC;AAEA,SACGO,gBAAAA,EAAA,cAAAC,GAAA,EAAI,GAAE,QAAO,MAAK,OACjBD,gBAAAA,EAAA,cAACE,EAAS,MAAT,EACC,OAAOlB,KAAAA,gBAAAA,EAAMmB,IACb,eAAgBC,CAAWA,MAAA;AACzB,UAAMC,IAAeV,EAAYW,KAAMtB,CAAAA,MAASA,EAAKmB,OAAOC,CAAM;AAClE,IAAIC,KACFpB,EAAaoB,CAAY;AAAA,EAC3B,GAEF,aAAY,eACZ,UAAUP,KAAgBC,KAAkBJ,EAAYY,WAAW,GACnE;AAAA;AAAA,IAEE;AAAA,IAGF,GAAAP,gBAAAA,EAAA,cAACE,EAAS,SAAT,IAAgB,mCAChBA,EAAS,SAAT,MACCF,gBAAAA,EAAA,cAACE,EAAS,QAAT,EAAgB,WAAU,uBAAA,CAAsB,GACjDF,gBAAAA,EAAA,cAACE,EAAS,SAAT,EAAiB,WAAU,KACzBP,GAAAA,EAAYa,IAAKxB,CAAAA,MAAS;AACnByB,UAAAA,IAAevB,EAAgBF,EAAKmB,EAAE;AAC5C,2CACGD,EAAS,QAAT,EAAgB,KAAKlB,EAAKmB,IAAI,OAAOnB,EAAKmB,MACxCM,IAAe,IACZ,GAAGzB,EAAK0B,WAAW,KAAKD,CAAY,MACpCzB,EAAK0B,WACX;AAAA,EAAA,CAEH,CACH,GACAV,gBAAAA,EAAA,cAACE,EAAS,OAAT,IAAc,CACjB,CACF,CACF;AAEJ;"}
+{"version":3,"file":"MsTeamsTeamCombobox.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsChannelCombobox/MsTeamsTeamCombobox.tsx"],"sourcesContent":["import { MsTeamsTeam } from \"@knocklabs/client\";\nimport {\n  MsTeamsTeamQueryOptions,\n  useKnockMsTeamsClient,\n  useMsTeamsTeams,\n} from \"@knocklabs/react-core\";\nimport { Combobox } from \"@telegraph/combobox\";\nimport { Box } from \"@telegraph/layout\";\nimport { FunctionComponent, useMemo } from \"react\";\n\nimport { sortByDisplayName } from \"../../utils\";\n\ninterface MsTeamsTeamComboboxProps {\n  team: MsTeamsTeam | null;\n  onTeamChange: (team: MsTeamsTeam) => void;\n  getChannelCount: (teamId: string) => number;\n  queryOptions?: MsTeamsTeamQueryOptions;\n}\n\nexport const MsTeamsTeamCombobox: FunctionComponent<\n  MsTeamsTeamComboboxProps\n> = ({ team, onTeamChange, getChannelCount, queryOptions }) => {\n  const { connectionStatus } = useKnockMsTeamsClient();\n\n  const { data: teams, isLoading: isLoadingTeams } = useMsTeamsTeams({\n    queryOptions,\n  });\n\n  const sortedTeams = useMemo(() => sortByDisplayName(teams), [teams]);\n\n  const inErrorState = useMemo(\n    () => connectionStatus === \"disconnected\" || connectionStatus === \"error\",\n    [connectionStatus],\n  );\n\n  const inLoadingState = useMemo(\n    () =>\n      connectionStatus === \"connecting\" ||\n      connectionStatus === \"disconnecting\" ||\n      isLoadingTeams,\n    [connectionStatus, isLoadingTeams],\n  );\n\n  return (\n    <Box w=\"full\" minW=\"0\">\n      <Combobox.Root\n        value={team?.id}\n        onValueChange={(teamId) => {\n          const selectedTeam = sortedTeams.find((team) => team.id === teamId);\n          if (selectedTeam) {\n            onTeamChange(selectedTeam);\n          }\n        }}\n        placeholder=\"Select team\"\n        disabled={inErrorState || inLoadingState || sortedTeams.length === 0}\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 className=\"rtk-combobox__search\" />\n          <Combobox.Options maxHeight=\"36\">\n            {sortedTeams.map((team) => {\n              const channelCount = getChannelCount(team.id);\n              return (\n                <Combobox.Option key={team.id} value={team.id}>\n                  {channelCount > 0\n                    ? `${team.displayName} (${channelCount})`\n                    : team.displayName}\n                </Combobox.Option>\n              );\n            })}\n          </Combobox.Options>\n          <Combobox.Empty />\n        </Combobox.Content>\n      </Combobox.Root>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAmBA,IAAa,KAER,EAAE,SAAM,iBAAc,oBAAiB,sBAAmB;CAC7D,IAAM,EAAE,wBAAqB,EAAsB,GAE7C,EAAE,MAAM,GAAO,WAAW,MAAmB,EAAgB,EACjE,gBACF,CAAC,GAEK,IAAc,QAAc,EAAkB,CAAK,GAAG,CAAC,CAAK,CAAC,GAE7D,IAAe,QACb,MAAqB,kBAAkB,MAAqB,SAClE,CAAC,CAAgB,CACnB,GAEM,IAAiB,QAEnB,MAAqB,gBACrB,MAAqB,mBACrB,GACF,CAAC,GAAkB,CAAc,CACnC;CAEA,OACE,kBAAC,GAAD;EAAK,GAAE;EAAO,MAAK;YACjB,kBAAC,EAAS,MAAV;GACE,OAAO,GAAM;GACb,gBAAgB,MAAW;IACzB,IAAM,IAAe,EAAY,MAAM,MAAS,EAAK,OAAO,CAAM;IAClE,AAAI,KACF,EAAa,CAAY;GAE7B;GACA,aAAY;GACZ,UAAU,KAAgB,KAAkB,EAAY,WAAW;GACnE,OAEE;aAZJ,CAeE,kBAAC,EAAS,SAAV,CAAmB,CAAA,GACnB,kBAAC,EAAS,SAAV,EAAA,UAAA;IACE,kBAAC,EAAS,QAAV,EAAiB,WAAU,uBAAwB,CAAA;IACnD,kBAAC,EAAS,SAAV;KAAkB,WAAU;eACzB,EAAY,KAAK,MAAS;MACzB,IAAM,IAAe,EAAgB,EAAK,EAAE;MAC5C,OACE,kBAAC,EAAS,QAAV;OAA+B,OAAO,EAAK;iBACxC,IAAe,IACZ,GAAG,EAAK,YAAY,IAAI,EAAa,KACrC,EAAK;MACM,GAJK,EAAK,EAIV;KAErB,CAAC;IACe,CAAA;IAClB,kBAAC,EAAS,OAAV,CAAiB,CAAA;GACD,EAAA,CAAA,CACL;;CACZ,CAAA;AAET"}

package/dist/esm/modules/ms-teams/components/MsTeamsChannelCombobox/index.mjs

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