@burdenoff/microfe-botmanor 2026.1108.1 → 2026.1109.1

package/dist/botlit/pages/BotChannelsTab.js

@@ -1,28 +1,28 @@
-import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { BOTMANOR_PERMISSIONS as t } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as n } from "../permissions/useBotmanorPermissions.js";
-import { Button as r } from "../components/Button.js";
-import "../permissions/index.js";
-import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../components/Card.js";
-import { Badge as c } from "../components/Badge.js";
-import { isNative as l, nativeCopyText as u, nativeNotify as d, nativeOpenUrl as f, nativeToast as p } from "../../utils/nativeBridge.js";
-import { EmptyState as m } from "../components/EmptyState.js";
-import { Input as h } from "../components/Input.js";
-import { useBotChannelRoutes as g, useChannelConnector as _, useCreateChannelRoute as v, useDeleteChannelRoute as y } from "../hooks/useChannels.js";
-import { useGlobalChannels as b, useLinkIntegrationConnection as x, useMyUserPlatformConnection as S, useRevokeSlackConnection as C, useToggleSlackNotifications as w } from "../hooks/useUserPlatformConnection.js";
+import { Card as e, CardContent as t, CardHeader as n, CardTitle as r } from "../components/Card.js";
+import { BOTMANOR_PERMISSIONS as i } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as a } from "../permissions/useBotmanorPermissions.js";
+import { Button as o } from "../components/Button.js";
+import { Badge as s } from "../components/Badge.js";
+import { EmptyState as c } from "../components/EmptyState.js";
+import { Input as l } from "../components/Input.js";
+import { ChannelSelectorSheet as u } from "../components/ChannelSelectorSheet.js";
+import { useBotlit as d } from "../providers/BotlitProvider.js";
+import { isNative as f, nativeCopyText as p, nativeNotify as m, nativeOpenUrl as h, nativeToast as g } from "../../utils/nativeBridge.js";
+import { useBotChannelRoutes as _, useChannelConnector as v, useCreateChannelRoute as y, useDeleteChannelRoute as b } from "../hooks/useChannels.js";
 import "../hooks/index.js";
-import { ChannelSelectorSheet as T } from "../components/ChannelSelectorSheet.js";
+import { useGlobalChannels as x, useLinkIntegrationConnection as S, useMyUserPlatformConnection as C, useRevokeSlackConnection as w, useToggleSlackNotifications as T } from "../hooks/useUserPlatformConnection.js";
+import "../permissions/index.js";
 import { useCallback as E, useState as D } from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { Bell as j, BellOff as M, CheckCircle2 as N, Loader2 as P, Mail as F, MessageCircle as I, MessageSquare as L, Plus as R, Radio as z, Slack as B, Trash2 as V, Unlink as H, Users as U } from "lucide-react";
 import { toast as W } from "sonner";
-//#region src/botlit/pages/BotChannelsTab.tsx
+// src/botlit/pages/BotChannelsTab.tsx
 var G = {
 	SLACK: "slack-user",
 	TEAMS: "teams-user",
 	DISCORD: "discord-user",
 	WHATSAPP: "whatsapp-user"
-}, K = new Set([
+}, K = /* @__PURE__ */ new Set([
 	"SLACK",
 	"TEAMS",
 	"DISCORD"
@@ -106,25 +106,25 @@ function J(e) {
 		};
 	}
 }
-var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s, onReconnect: f }) => {
-	let { data: m, loading: g } = _(i), v = m?.credentialsRefId ?? a, { data: b, loading: T, refetch: E } = S(v), { toggle: O, loading: F } = w(), { revoke: I, loading: L } = C(), { link: R } = x(), [z] = y(), [B, U] = D(""), [G, K] = D(!1), q = J(o);
-	return g ? /* @__PURE__ */ k("div", { className: "h-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }) : /* @__PURE__ */ A("div", {
+var Y = ({ routeId: e, connectorId: t, channelId: n, platform: r, onRemoved: c, onReconnect: u }) => {
+	let { data: d, loading: h } = v(t), _ = d?.credentialsRefId ?? n, { data: y, loading: x, refetch: E } = C(_), { toggle: O, loading: F } = T(), { revoke: I, loading: L } = w(), { link: R } = S(), [z] = b(), [B, U] = D(""), [G, K] = D(!1), q = J(r);
+	return h ? /* @__PURE__ */ k("div", { className: "h-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" }) : /* @__PURE__ */ A("div", {
 		className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 space-y-3",
 		children: [/* @__PURE__ */ A("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ k("span", {
 				className: "text-xs text-text-secondary font-medium uppercase tracking-wide",
 				children: "Connected workspace"
-			}), /* @__PURE__ */ k(n, {
-				permission: t.CHANNEL_DELETE,
-				children: /* @__PURE__ */ k(r, {
+			}), /* @__PURE__ */ k(a, {
+				permission: i.CHANNEL_DELETE,
+				children: /* @__PURE__ */ k(o, {
 					variant: "ghost",
 					size: "icon",
 					onClick: async () => {
 						if (confirm(`Remove this ${q.label} channel from the bot?`)) try {
-							await z(e), s(), W.success(`${q.label} channel removed`), l() && d("success");
+							await z(e), c(), W.success(`${q.label} channel removed`), f() && m("success");
 						} catch (e) {
-							W.error(e instanceof Error ? e.message : "Failed to remove"), l() && d("error");
+							W.error(e instanceof Error ? e.message : "Failed to remove"), f() && m("error");
 						}
 					},
 					className: "h-7 w-7 text-text-secondary hover:text-status-error-text",
@@ -132,7 +132,7 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 					children: /* @__PURE__ */ k(V, { size: 13 })
 				})
 			})]
-		}), T ? /* @__PURE__ */ A("div", {
+		}), x ? /* @__PURE__ */ A("div", {
 			className: "flex items-center gap-2 py-2 text-text-secondary",
 			children: [/* @__PURE__ */ k(P, {
 				size: 14,
@@ -145,7 +145,7 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 					" connection…"
 				]
 			})]
-		}) : b?.dmAllowed ? /* @__PURE__ */ A("div", {
+		}) : y?.dmAllowed ? /* @__PURE__ */ A("div", {
 			className: "space-y-2",
 			children: [
 				/* @__PURE__ */ A("div", {
@@ -160,36 +160,36 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 							children: [
 								/* @__PURE__ */ k("p", {
 									className: "font-medium text-sm",
-									children: b.externalDisplayName || b.externalUsername || b.externalUserId
+									children: y.externalDisplayName || y.externalUsername || y.externalUserId
 								}),
-								b.externalUsername && /* @__PURE__ */ A("p", {
+								y.externalUsername && /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: ["@", b.externalUsername]
+									children: ["@", y.externalUsername]
 								}),
-								b.connectedAt && /* @__PURE__ */ A("p", {
+								y.connectedAt && /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: ["Connected ", new Date(b.connectedAt).toLocaleDateString()]
+									children: ["Connected ", new Date(y.connectedAt).toLocaleDateString()]
 								})
 							]
 						}),
-						b.isTokenExpired && /* @__PURE__ */ k(c, {
+						y.isTokenExpired && /* @__PURE__ */ k(s, {
 							variant: "outline",
 							className: "text-xs text-amber-600 border-amber-400",
 							children: "Token expired"
 						})
 					]
 				}),
-				b.integrationConnectionId && /* @__PURE__ */ A("div", {
+				y.integrationConnectionId && /* @__PURE__ */ A("div", {
 					className: "space-y-1.5",
 					children: [/* @__PURE__ */ k("label", {
 						className: "text-xs font-medium text-text-secondary",
 						children: "Integration Connection ID"
-					}), /* @__PURE__ */ k(h, {
-						value: b.integrationConnectionId,
+					}), /* @__PURE__ */ k(l, {
+						value: y.integrationConnectionId,
 						readOnly: !0,
 						className: "text-xs font-mono bg-bg-sunken/50 cursor-default",
 						onClick: (e) => {
-							e.currentTarget.select(), u(b.integrationConnectionId), W.success("Connection ID copied to clipboard"), l() && p("Copied");
+							e.currentTarget.select(), p(y.integrationConnectionId), W.success("Connection ID copied to clipboard"), f() && g("Copied");
 						},
 						title: "Click to copy"
 					})]
@@ -198,7 +198,7 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 					className: "flex items-center justify-between p-3 border border-border-subtle rounded-lg bg-bg-surface",
 					children: [/* @__PURE__ */ A("div", {
 						className: "flex items-center gap-2",
-						children: [b.notificationsEnabled ? /* @__PURE__ */ k(j, {
+						children: [y.notificationsEnabled ? /* @__PURE__ */ k(j, {
 							size: 14,
 							className: "text-primary"
 						}) : /* @__PURE__ */ k(M, {
@@ -209,33 +209,33 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 							children: "DM Notifications"
 						}), /* @__PURE__ */ k("p", {
 							className: "text-xs text-text-secondary",
-							children: b.notificationsEnabled ? `Bot will DM you on ${q.label}` : "DM notifications paused"
+							children: y.notificationsEnabled ? `Bot will DM you on ${q.label}` : "DM notifications paused"
 						})] })]
-					}), /* @__PURE__ */ k(r, {
+					}), /* @__PURE__ */ k(o, {
 						variant: "outline",
 						size: "sm",
 						isLoading: F,
 						onClick: async () => {
-							await O(b.id, !b.notificationsEnabled) && await E();
+							await O(y.id, !y.notificationsEnabled) && await E();
 						},
-						children: b.notificationsEnabled ? "Disable" : "Enable"
+						children: y.notificationsEnabled ? "Disable" : "Enable"
 					})]
 				}),
 				/* @__PURE__ */ A("div", {
 					className: "flex gap-2 justify-end pt-1",
-					children: [b.isTokenExpired && /* @__PURE__ */ k(r, {
+					children: [y.isTokenExpired && /* @__PURE__ */ k(o, {
 						variant: "outline",
 						size: "sm",
 						leftIcon: q.icon,
-						onClick: f,
+						onClick: u,
 						children: "Reconnect"
-					}), /* @__PURE__ */ k(r, {
+					}), /* @__PURE__ */ k(o, {
 						variant: "destructive",
 						size: "sm",
 						leftIcon: /* @__PURE__ */ k(H, { size: 13 }),
 						isLoading: L,
 						onClick: async () => {
-							await I(b.id) && await E();
+							await I(y.id) && await E();
 						},
 						children: "Disconnect"
 					})]
@@ -286,36 +286,35 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 						]
 					})]
 				}),
-				/* @__PURE__ */ k(r, {
+				/* @__PURE__ */ k(o, {
 					variant: "outline",
 					size: "sm",
 					leftIcon: q.icon,
-					onClick: f,
+					onClick: u,
 					className: "w-full",
 					children: "Open Integrations →"
 				}),
 				/* @__PURE__ */ A("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ k(h, {
+					children: [/* @__PURE__ */ k(l, {
 						placeholder: "Paste integration connection ID...",
 						value: B,
 						onChange: (e) => U(e.target.value),
 						className: "flex-1 text-sm"
-					}), /* @__PURE__ */ k(r, {
+					}), /* @__PURE__ */ k(o, {
 						size: "sm",
 						onClick: async () => {
-							if (!B.trim()) {
-								W.error("Please enter an integration connection ID");
-								return;
-							}
-							K(!0);
-							try {
-								let e = await R(B.trim(), v);
-								e ? (W.success(`${e.externalDisplayName ?? e.externalUsername ?? "Account"} connected! The bot can now send you direct messages.`), await E(), U("")) : W.error("Failed to link connection. Please verify the ID and try again.");
-							} catch (e) {
-								W.error(e instanceof Error ? e.message : "Failed to link connection");
-							} finally {
-								K(!1);
+							if (!B.trim()) W.error("Please enter an integration connection ID");
+							else {
+								K(!0);
+								try {
+									let e = await R(B.trim(), _);
+									e ? (W.success(`${e.externalDisplayName ?? e.externalUsername ?? "Account"} connected! The bot can now send you direct messages.`), await E(), U("")) : W.error("Failed to link connection. Please verify the ID and try again.");
+								} catch (e) {
+									W.error(e instanceof Error ? e.message : "Failed to link connection");
+								} finally {
+									K(!1);
+								}
 							}
 						},
 						isLoading: G,
@@ -326,8 +325,8 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 			]
 		})]
 	});
-}, X = ({ channel: u, routes: d, botId: p, botName: m, onRoutesChanged: h }) => {
-	let { basePath: g } = e(), [_] = v(), [y, b] = D(!1), x = u.platform, S = J(x), C = q(u.adapterType), w = y, T = E((e) => {
+}, X = ({ channel: c, routes: l, botId: u, botName: p, onRoutesChanged: m }) => {
+	let { basePath: g } = d(), [_] = y(), [v, b] = D(!1), x = c.platform, S = J(x), C = q(c.adapterType), w = v, T = E((e) => {
 		let t = G[x];
 		if (!t) return;
 		let n = window.location.origin + window.location.pathname + window.location.search, r = `${g ? g.replace(/\/(botmanor|botlit)(\/.*)?$/, "/integrations") : "/integrations"}/connections/add?${new URLSearchParams({
@@ -335,34 +334,34 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 			returnTo: n,
 			channelId: e
 		}).toString()}`;
-		l() && /^https?:\/\//.test(r) ? f(r) : window.open(r, "_blank");
+		f() && /^https?:\/\//.test(r) ? h(r) : window.open(r, "_blank");
 	}, [x, g]), O = E(async () => {
 		b(!0);
 		try {
 			await _({
-				connectorId: u.id,
-				appId: p,
+				connectorId: c.id,
+				appId: u,
 				locationId: "*",
 				metadata: {
 					locationName: "All channels & DMs",
-					appName: m
+					appName: p
 				}
-			}), await h(), T(u.id);
+			}), await m(), T(c.id);
 		} catch (e) {
 			W.error(e instanceof Error ? e.message : `Failed to connect ${S.label}`), b(!1);
 		}
 	}, [
+		u,
 		p,
-		m,
-		u.id,
+		c.id,
 		_,
 		S.label,
 		T,
-		h
+		m
 	]), j = E(() => {
-		T(u.id);
-	}, [u.id, T]);
-	return /* @__PURE__ */ A(i, { children: [/* @__PURE__ */ A(o, {
+		T(c.id);
+	}, [c.id, T]);
+	return /* @__PURE__ */ A(e, { children: [/* @__PURE__ */ A(n, {
 		className: "flex flex-row items-center justify-between pb-3",
 		children: [/* @__PURE__ */ A("div", {
 			className: "flex items-center gap-2.5",
@@ -372,9 +371,9 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 					className: S.accentText,
 					children: S.icon
 				})
-			}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(s, {
+			}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(r, {
 				className: "text-base",
-				children: u.name
+				children: c.name
 			}), C && /* @__PURE__ */ k("p", {
 				className: "text-xs text-text-secondary mt-0.5",
 				children: C
@@ -384,20 +383,20 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 			children: [/* @__PURE__ */ k("span", {
 				className: `px-2 py-0.5 text-xs font-semibold rounded-full ${S.badgeClass}`,
 				children: S.label
-			}), d.length > 0 && /* @__PURE__ */ k(c, {
+			}), l.length > 0 && /* @__PURE__ */ k(s, {
 				variant: "outline",
 				className: "text-xs text-green-600 border-green-400 bg-green-50",
 				children: "Active"
 			})]
 		})]
-	}), /* @__PURE__ */ k(a, { children: d.length > 0 ? /* @__PURE__ */ k("div", {
+	}), /* @__PURE__ */ k(t, { children: l.length > 0 ? /* @__PURE__ */ k("div", {
 		className: "space-y-3",
-		children: d.map((e) => /* @__PURE__ */ k(Y, {
+		children: l.map((e) => /* @__PURE__ */ k(Y, {
 			routeId: e.id,
 			connectorId: e.connectorId,
-			channelId: u.id,
+			channelId: c.id,
 			platform: x,
-			onRemoved: h,
+			onRemoved: m,
 			onReconnect: j
 		}, e.id))
 	}) : /* @__PURE__ */ A("div", {
@@ -421,9 +420,9 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 					" for this bot. Users will connect their personal accounts separately."
 				]
 			})] }),
-			/* @__PURE__ */ k(n, {
-				permission: t.CHANNEL_CREATE,
-				children: /* @__PURE__ */ A(r, {
+			/* @__PURE__ */ k(a, {
+				permission: i.CHANNEL_CREATE,
+				children: /* @__PURE__ */ A(o, {
 					leftIcon: S.icon,
 					onClick: O,
 					isLoading: w,
@@ -437,7 +436,7 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 		]
 	}) })] });
 }, Z = ({ route: e, oauthChannels: t, botId: n, botName: r, onRoutesChanged: i }) => {
-	let { data: a } = _(e.connectorId), o = t.find((e) => e.id === a?.credentialsRefId);
+	let { data: a } = v(e.connectorId), o = t.find((e) => e.id === a?.credentialsRefId);
 	return !a || !o || !K.has(o.platform) ? null : /* @__PURE__ */ k(X, {
 		channel: o,
 		routes: [e],
@@ -445,22 +444,22 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 		botName: r,
 		onRoutesChanged: i
 	});
-}, Q = ({ botId: e, botName: o }) => {
-	let { data: s, loading: c, error: l } = b(), { data: u, loading: d, refetch: f } = g(e), [p, h] = D(!1), [_, v] = D(null), y = E(async () => {
-		await f();
-	}, [f]), x = s.filter((e) => K.has(e.platform)), S = new Set(u.map((e) => x.find((e) => u.some((e) => e.connectorId))?.platform).filter(Boolean)), C = x.filter((e) => !S.has(e.platform)), w = {
+}, Q = ({ botId: n, botName: r }) => {
+	let { data: s, loading: l, error: d } = x(), { data: f, loading: p, refetch: m } = _(n), [h, g] = D(!1), [v, y] = D(null), b = E(async () => {
+		await m();
+	}, [m]), S = s.filter((e) => K.has(e.platform)), C = new Set(f.map((e) => S.find((e) => f.some((e) => e.connectorId))?.platform).filter(Boolean)), w = S.filter((e) => !C.has(e.platform)), T = {
 		SLACK: /* @__PURE__ */ k(B, { size: 18 }),
 		TEAMS: /* @__PURE__ */ k(U, { size: 18 }),
 		DISCORD: /* @__PURE__ */ k(I, { size: 18 })
 	}, j = {};
-	x.forEach((e) => {
+	S.forEach((e) => {
 		let t = e.platform;
 		j[t] = J(t);
 	});
 	let M = E((e, t) => {
-		v(e);
+		y(e);
 	}, []);
-	if (c || d) return /* @__PURE__ */ A("div", {
+	if (l || p) return /* @__PURE__ */ A("div", {
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ k("div", { className: "h-10 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg w-52" }),
@@ -468,7 +467,7 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 			/* @__PURE__ */ k("div", { className: "h-48 bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg" })
 		]
 	});
-	let N = u.length > 0;
+	let N = f.length > 0;
 	return /* @__PURE__ */ A("div", {
 		className: "space-y-4",
 		children: [
@@ -479,64 +478,63 @@ var Y = ({ routeId: e, connectorId: i, channelId: a, platform: o, onRemoved: s,
 				className: "text-sm text-text-secondary mt-0.5",
 				children: "Communication platforms available for this bot"
 			})] }),
-			l && /* @__PURE__ */ k("div", {
+			d && /* @__PURE__ */ k("div", {
 				className: "flex items-start gap-2 rounded-lg border border-status-error-border/40 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
-				children: /* @__PURE__ */ A("span", { children: ["Failed to load channels: ", l.message] })
+				children: /* @__PURE__ */ A("span", { children: ["Failed to load channels: ", d.message] })
 			}),
-			!l && x.length === 0 && /* @__PURE__ */ k(i, { children: /* @__PURE__ */ k(a, {
+			!d && S.length === 0 && /* @__PURE__ */ k(e, { children: /* @__PURE__ */ k(t, {
 				className: "py-12",
-				children: /* @__PURE__ */ k(m, {
+				children: /* @__PURE__ */ k(c, {
 					illustration: "empty-notifications",
 					title: "No channels available",
 					description: "No active communication channels have been configured yet. Contact your administrator to set up channels."
 				})
 			}) }),
-			!l && x.length > 0 && !N && !_ && /* @__PURE__ */ k(i, { children: /* @__PURE__ */ k(a, {
+			!d && S.length > 0 && !N && !v && /* @__PURE__ */ k(e, { children: /* @__PURE__ */ k(t, {
 				className: "py-12",
-				children: /* @__PURE__ */ k(m, {
+				children: /* @__PURE__ */ k(c, {
 					illustration: "empty-notifications",
 					title: "No channels connected",
 					description: "Connect a communication channel to enable bot conversations on platforms like Slack, Teams, or Discord.",
-					action: /* @__PURE__ */ k(n, {
-						permission: t.CHANNEL_CREATE,
-						children: /* @__PURE__ */ k(r, {
+					action: /* @__PURE__ */ k(a, {
+						permission: i.CHANNEL_CREATE,
+						children: /* @__PURE__ */ k(o, {
 							leftIcon: /* @__PURE__ */ k(R, { size: 16 }),
-							onClick: () => h(!0),
+							onClick: () => g(!0),
 							children: "Connect Channel"
 						})
 					})
 				})
 			}) }),
-			x.length > 0 && (N || _) && /* @__PURE__ */ A("div", {
+			S.length > 0 && (N || v) && /* @__PURE__ */ A("div", {
 				className: "space-y-4",
-				children: [u.map((t) => /* @__PURE__ */ k(Z, {
-					route: t,
-					oauthChannels: x,
-					botId: e,
-					botName: o,
-					onRoutesChanged: y
-				}, t.id)), _ && /* @__PURE__ */ k(O, { children: x.filter((e) => e.id === _).map((t) => /* @__PURE__ */ k(X, {
-					channel: t,
-					routes: u.filter((e) => !1),
-					botId: e,
-					botName: o,
+				children: [f.map((e) => /* @__PURE__ */ k(Z, {
+					route: e,
+					oauthChannels: S,
+					botId: n,
+					botName: r,
+					onRoutesChanged: b
+				}, e.id)), v && /* @__PURE__ */ k(O, { children: S.filter((e) => e.id === v).map((e) => /* @__PURE__ */ k(X, {
+					channel: e,
+					routes: f.filter((e) => !1),
+					botId: n,
+					botName: r,
 					onRoutesChanged: async () => {
-						await y(), v(null);
+						await b(), y(null);
 					}
-				}, t.id)) })]
+				}, e.id)) })]
 			}),
-			/* @__PURE__ */ k(T, {
-				open: p,
-				onClose: () => h(!1),
+			/* @__PURE__ */ k(u, {
+				open: h,
+				onClose: () => g(!1),
 				onSelectChannel: M,
-				availableChannels: C,
-				platformIcons: w,
+				availableChannels: w,
+				platformIcons: T,
 				platformMeta: j
 			})
 		]
 	});
 };
-//#endregion
 export { Q as BotChannelsTab };
 
 //# sourceMappingURL=BotChannelsTab.js.map