@burdenoff/microfe-channel 2026.1013.2 → 2026.1114.1

package/dist/channel/modules/channels/pages/SendMessagePage.js

@@ -1,130 +1,124 @@
 import { useTr as e } from "../../../hooks/useTr.js";
 import { useChannel as t } from "../../../providers/ChannelProvider.js";
-import { getGlobalChannelClient as n } from "../../../graphql/global-client.js";
-import { useSendNotificationMutation as r } from "../../../../generated/global-operations.js";
-import { useChannels as i } from "../../../hooks/useChannels.js";
-import { PermissionGuard as ee } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as te } from "../../../constants/permissions.js";
-import { PLATFORM_I18N as a, translateLabel as o } from "../i18n.js";
-import { NotificationChannel as ne, NotificationPriority as s } from "../../../../generated/global-types.js";
+import { useChannels as n } from "../../../hooks/useChannels.js";
+import { PLATFORM_I18N as r, translateLabel as i } from "../i18n.js";
+import { getGlobalChannelClient as ee } from "../../../graphql/global-client.js";
+import { useSendNotificationMutation as te } from "../../../../generated/global-operations.js";
+import { NotificationChannel as a, NotificationPriority as o } from "../../../../generated/global-types.js";
+import { PermissionGuard as s } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as ne } from "../../../constants/permissions.js";
 import { MarkdownEditor as re } from "../../../components/MarkdownEditor.js";
-import { useCallback as c, useRef as ie, useState as l } from "react";
-import { AlertCircle as u, ArrowLeft as ae, Bell as d, CheckCircle2 as f, Hash as p, Loader2 as oe, Mail as m, MessageCircle as h, MessageSquare as g, Plus as _, Send as v, Smartphone as y, Users as b, X as x, XCircle as S } from "lucide-react";
-import { useNavigate as C } from "react-router";
+import { useCallback as c, useRef as l, useState as u } from "react";
+import { AlertCircle as d, ArrowLeft as ie, Bell as f, CheckCircle2 as p, Hash as m, Loader2 as h, Mail as g, MessageCircle as _, MessageSquare as v, Plus as y, Send as b, Smartphone as x, Users as S, X as C, XCircle as ae } from "lucide-react";
+import { useNavigate as oe } from "react-router";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { EmphasisPanel as se, GlassCard as D, IllustratedEmptyState as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
-//#region src/channel/modules/channels/pages/SendMessagePage.tsx
+// src/channel/modules/channels/pages/SendMessagePage.tsx
 var A = {
-	EMAIL: m,
-	SMS: y,
-	PUSH: d,
-	WHATSAPP: g,
-	SLACK: p,
-	TEAMS: b,
-	DISCORD: h,
-	INAPP: d,
-	WEBCHAT: g,
-	WEBHOOK: v
+	EMAIL: g,
+	SMS: x,
+	PUSH: f,
+	WHATSAPP: v,
+	SLACK: m,
+	TEAMS: S,
+	DISCORD: _,
+	INAPP: f,
+	WEBCHAT: v,
+	WEBHOOK: b
 };
 function j() {
-	let d = C(), { channels: p } = i(), { organizationId: m, authToken: h, apiGatewayUrl: g } = t(), y = e(), [b, { loading: j }] = r({ client: n(g, h, m) }), [M, N] = l(""), [P, ce] = l("EMAIL"), [F, I] = l([]), le = ie(0), [L, R] = l(""), [z, B] = l(""), [V, H] = l(""), [U, W] = l(""), [G, ue] = l(s.Medium), [K, q] = l(null), [J, Y] = l(null), X = p.filter((e) => e.platform === P), Z = c(() => {
-		if (!L.trim()) return;
+	let f = oe(), { channels: m } = n(), { organizationId: g, authToken: _, apiGatewayUrl: v } = t(), x = e(), S = ee(v, _, g), [j, { loading: M }] = te({ client: S }), [N, P] = u(""), [F, ce] = u("EMAIL"), [I, L] = u([]), le = l(0), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u(""), [K, ue] = u(o.Medium), [q, J] = u(null), [Y, X] = u(null), Z = m.filter((e) => e.platform === F), de = c(() => {
+		if (!R.trim()) return;
 		let e = {
 			id: `r-${++le.current}`,
-			address: L.trim(),
-			name: z.trim() || void 0
+			address: R.trim(),
+			name: B.trim() || void 0
 		};
-		I((t) => [...t, e]), R(""), B("");
-	}, [L, z]), de = c((e) => {
-		I((t) => t.filter((t) => t.id !== e));
-	}, []), fe = c(() => {
-		q(null), Y(null), H(""), W(""), I([]);
-	}, []), pe = async () => {
-		if (!M) {
-			Y(y("channel.validation.selectChannel", "Please select a channel"));
-			return;
-		}
-		if (F.length === 0) {
-			Y(y("channel.validation.addRecipient", "Please add at least one recipient"));
-			return;
-		}
-		if (!U.trim()) {
-			Y(y("channel.validation.enterMessage", "Please enter a message"));
-			return;
-		}
-		Y(null), q(null);
-		try {
-			let e = p.find((e) => e.id === M);
-			if (!e) {
-				Y(y("channel.error.channelNotFound", "Selected channel not found"));
-				return;
-			}
-			let t = P === "INAPP" ? ne.InApp : P;
-			q(await Promise.all(F.map(async (n) => {
-				let r = {};
-				switch (P) {
-					case "EMAIL":
-						r.email = n.address;
-						break;
-					case "SMS":
-					case "WHATSAPP":
-						r.phoneNumber = n.address;
-						break;
-					case "PUSH":
-						r.pushToken = n.address;
-						break;
-					case "SLACK":
-						r.slackUserId = n.address;
-						break;
-					case "TEAMS":
-						r.teamsUserId = n.address;
-						break;
-					case "WEBHOOK":
-						r.webhookUrl = n.address;
-						break;
-					default: r.email = n.address;
+		L((t) => [...t, e]), z(""), V("");
+	}, [R, B]), fe = c((e) => {
+		L((t) => t.filter((t) => t.id !== e));
+	}, []), pe = c(() => {
+		J(null), X(null), U(""), G(""), L([]);
+	}, []), me = async () => {
+		if (!N) X(x("channel.validation.selectChannel", "Please select a channel"));
+		else if (I.length === 0) X(x("channel.validation.addRecipient", "Please add at least one recipient"));
+		else if (!W.trim()) X(x("channel.validation.enterMessage", "Please enter a message"));
+		else {
+			X(null), J(null);
+			try {
+				let e = m.find((e) => e.id === N);
+				if (!e) {
+					X(x("channel.error.channelNotFound", "Selected channel not found"));
+					return;
 				}
-				let i = {
-					channelId: e.id,
-					platform: t,
-					notification: {
-						body: U,
-						channel: t,
-						recipient: r,
-						subject: P === "EMAIL" ? V : void 0,
-						priority: G
+				let t = F === "INAPP" ? a.InApp : F, n = await Promise.all(I.map(async (n) => {
+					let r = {};
+					switch (F) {
+						case "EMAIL":
+							r.email = n.address;
+							break;
+						case "SMS":
+						case "WHATSAPP":
+							r.phoneNumber = n.address;
+							break;
+						case "PUSH":
+							r.pushToken = n.address;
+							break;
+						case "SLACK":
+							r.slackUserId = n.address;
+							break;
+						case "TEAMS":
+							r.teamsUserId = n.address;
+							break;
+						case "WEBHOOK":
+							r.webhookUrl = n.address;
+							break;
+						default: r.email = n.address;
 					}
-				};
-				try {
-					let e = await b({ variables: { input: i } });
-					if (e.data?.triggerNotification) {
-						let t = e.data.triggerNotification, r = t.status === "FAILED" || t.triggerStatus === "FAILED", i = t.errorMessage || t.errorCode;
+					let i = {
+						channelId: e.id,
+						platform: t,
+						notification: {
+							body: W,
+							channel: t,
+							recipient: r,
+							subject: F === "EMAIL" ? H : void 0,
+							priority: K
+						}
+					};
+					try {
+						let e = await j({ variables: { input: i } });
+						if (e.data?.triggerNotification) {
+							let t = e.data.triggerNotification, r = t.status === "FAILED" || t.triggerStatus === "FAILED", i = t.errorMessage || t.errorCode;
+							return {
+								recipientId: n.id,
+								success: !r,
+								messageId: t.id,
+								error: r ? i ? x("channel.deliveryFailedWithDetail", "Delivery failed: {{detail}}", { detail: i }) : x("channel.deliveryFailed", "Delivery failed") : void 0
+							};
+						}
+						return {
+							recipientId: n.id,
+							success: !1,
+							error: e.error?.message || x("channel.sendNotificationFailed", "Failed to send notification")
+						};
+					} catch (e) {
 						return {
 							recipientId: n.id,
-							success: !r,
-							messageId: t.id,
-							error: r ? i ? y("channel.deliveryFailedWithDetail", "Delivery failed: {{detail}}", { detail: i }) : y("channel.deliveryFailed", "Delivery failed") : void 0
+							success: !1,
+							error: e instanceof Error ? e.message : x("channel.sendNotificationFailed", "Failed to send notification")
 						};
 					}
-					return {
-						recipientId: n.id,
-						success: !1,
-						error: e.error?.message || y("channel.sendNotificationFailed", "Failed to send notification")
-					};
-				} catch (e) {
-					return {
-						recipientId: n.id,
-						success: !1,
-						error: e instanceof Error ? e.message : y("channel.sendNotificationFailed", "Failed to send notification")
-					};
-				}
-			})));
-		} catch (e) {
-			Y(e instanceof Error ? e.message : y("channel.messageSendFailed", "Failed to send message"));
+				}));
+				J(n);
+			} catch (e) {
+				let t = e instanceof Error ? e.message : x("channel.messageSendFailed", "Failed to send message");
+				X(t);
+			}
 		}
-	}, Q = K?.filter((e) => e.success).length ?? 0, $ = K?.filter((e) => !e.success).length ?? 0;
-	return /* @__PURE__ */ T(ee, {
-		permission: te.CHANNEL_DELIVERY_SEND,
+	}, Q = q?.filter((e) => e.success).length ?? 0, $ = q?.filter((e) => !e.success).length ?? 0;
+	return /* @__PURE__ */ T(s, {
+		permission: ne.CHANNEL_DELIVERY_SEND,
 		children: /* @__PURE__ */ E("div", {
 			className: "min-h-screen bg-bg-surface",
 			children: [/* @__PURE__ */ T("div", {
@@ -135,41 +129,41 @@ function j() {
 						className: "flex items-center gap-4",
 						children: [/* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => d("/channels/list"),
+							onClick: () => f("/channels/list"),
 							className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ T(ae, { className: "size-5 " })
+							children: /* @__PURE__ */ T(ie, { className: "size-5 " })
 						}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
 							className: "text-2xl font-bold",
-							children: y("channel.sendMessage", "Send Message")
+							children: x("channel.sendMessage", "Send Message")
 						}), /* @__PURE__ */ T("p", {
 							className: "text-sm text-text-secondary",
-							children: y("channel.sendMessageSubtitle", "Send notifications through configured channels")
+							children: x("channel.sendMessageSubtitle", "Send notifications through configured channels")
 						})] })]
 					})
 				})
 			}), /* @__PURE__ */ E("div", {
 				className: "container mx-auto px-6 py-8 max-w-3xl space-y-6",
 				children: [/* @__PURE__ */ T(k, {
-					icon: /* @__PURE__ */ T(v, {
+					icon: /* @__PURE__ */ T(b, {
 						size: 15,
 						"aria-hidden": "true"
 					}),
-					children: y("channel.sendMessagePurpose", "Compose and fire off a one-off notification through any configured channel — handy for testing a freshly set-up channel, sending a quick announcement, or reproducing a delivery problem. Pick the platform and channel, add one or more recipients, write your message, and send; you will get a per-recipient success/failure breakdown so you know exactly what got through.")
-				}), K === null ? /* @__PURE__ */ E("div", {
+					children: x("channel.sendMessagePurpose", "Compose and fire off a one-off notification through any configured channel — handy for testing a freshly set-up channel, sending a quick announcement, or reproducing a delivery problem. Pick the platform and channel, add one or more recipients, write your message, and send; you will get a per-recipient success/failure breakdown so you know exactly what got through.")
+				}), q === null ? /* @__PURE__ */ E("div", {
 					className: "space-y-6",
 					children: [
-						J && /* @__PURE__ */ E("div", {
+						Y && /* @__PURE__ */ E("div", {
 							className: "p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3",
-							children: [/* @__PURE__ */ T(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ T(d, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ T("p", {
 								className: "text-sm text-status-error-text",
-								children: J
+								children: Y
 							})]
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: y("channel.platform", "Platform")
+								children: x("channel.platform", "Platform")
 							}), /* @__PURE__ */ T("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
@@ -181,16 +175,16 @@ function j() {
 									"TEAMS",
 									"WEBHOOK"
 								].map((e) => {
-									let t = A[e] || v;
+									let t = A[e] || b;
 									return /* @__PURE__ */ E("button", {
 										type: "button",
 										onClick: () => {
-											ce(e), N("");
+											ce(e), P("");
 										},
-										className: `px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${P === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
+										className: `px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${F === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
 										children: [/* @__PURE__ */ T(t, { className: "size-4 " }), /* @__PURE__ */ T("span", {
 											className: "text-sm",
-											children: o(e, a, y)
+											children: i(e, r, x)
 										})]
 									}, e);
 								})
@@ -200,31 +194,31 @@ function j() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ E("label", {
 								className: "text-sm font-medium",
-								children: [y("channel.channel", "Channel"), " *"]
-							}), X.length === 0 ? /* @__PURE__ */ T("div", {
+								children: [x("channel.channel", "Channel"), " *"]
+							}), Z.length === 0 ? /* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-dashed",
 								children: /* @__PURE__ */ T(O, {
 									illustration: "empty-data",
-									title: y("channel.noPlatformChannels", "No {{platform}} channels configured", { platform: o(P, a, y) }),
-									description: y("channel.noPlatformChannelsHint", "Create a channel for this platform to be able to send through it."),
+									title: x("channel.noPlatformChannels", "No {{platform}} channels configured", { platform: i(F, r, x) }),
+									description: x("channel.noPlatformChannelsHint", "Create a channel for this platform to be able to send through it."),
 									action: /* @__PURE__ */ E("button", {
 										type: "button",
-										onClick: () => d("./create"),
+										onClick: () => f("./create"),
 										className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-										children: [/* @__PURE__ */ T(_, {
+										children: [/* @__PURE__ */ T(y, {
 											className: "size-4",
 											"aria-hidden": "true"
-										}), y("channel.createChannel", "Create Channel")]
+										}), x("channel.createChannel", "Create Channel")]
 									})
 								})
 							}) : /* @__PURE__ */ E("select", {
-								value: M,
-								onChange: (e) => N(e.target.value),
+								value: N,
+								onChange: (e) => P(e.target.value),
 								className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 								children: [/* @__PURE__ */ T("option", {
 									value: "",
-									children: y("channel.selectChannel", "Select a channel...")
-								}), X.map((e) => /* @__PURE__ */ E("option", {
+									children: x("channel.selectChannel", "Select a channel...")
+								}), Z.map((e) => /* @__PURE__ */ E("option", {
 									value: e.id,
 									children: [
 										e.name,
@@ -240,40 +234,40 @@ function j() {
 							children: [
 								/* @__PURE__ */ T("label", {
 									className: "text-sm font-medium",
-									children: y("channel.recipients", "Recipients")
+									children: x("channel.recipients", "Recipients")
 								}),
 								/* @__PURE__ */ E("div", {
 									className: "flex gap-2",
 									children: [
 										/* @__PURE__ */ T("input", {
-											"aria-label": P === "EMAIL" ? y("channel.recipientPlaceholder.email", "email@example.com") : y("channel.recipientPlaceholder.phone", "+1234567890"),
+											"aria-label": F === "EMAIL" ? x("channel.recipientPlaceholder.email", "email@example.com") : x("channel.recipientPlaceholder.phone", "+1234567890"),
 											type: "text",
-											value: L,
-											onChange: (e) => R(e.target.value),
-											placeholder: P === "EMAIL" ? y("channel.recipientPlaceholder.email", "email@example.com") : y("channel.recipientPlaceholder.phone", "+1234567890"),
+											value: R,
+											onChange: (e) => z(e.target.value),
+											placeholder: F === "EMAIL" ? x("channel.recipientPlaceholder.email", "email@example.com") : x("channel.recipientPlaceholder.phone", "+1234567890"),
 											className: "flex-1 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
 										}),
 										/* @__PURE__ */ T("input", {
-											"aria-label": y("channel.nameOptional", "Name (optional)"),
+											"aria-label": x("channel.nameOptional", "Name (optional)"),
 											type: "text",
-											value: z,
-											onChange: (e) => B(e.target.value),
-											placeholder: y("channel.nameOptional", "Name (optional)"),
+											value: B,
+											onChange: (e) => V(e.target.value),
+											placeholder: x("channel.nameOptional", "Name (optional)"),
 											className: "w-full sm:w-48 px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
 										}),
 										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: Z,
-											disabled: !L.trim(),
+											onClick: de,
+											disabled: !R.trim(),
 											className: "px-4 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2",
-											children: [/* @__PURE__ */ T(_, { className: "size-4 " }), y("channel.add", "Add")]
+											children: [/* @__PURE__ */ T(y, { className: "size-4 " }), x("channel.add", "Add")]
 										})
 									]
 								}),
-								F.length > 0 ? /* @__PURE__ */ T(D, {
+								I.length > 0 ? /* @__PURE__ */ T(D, {
 									treatment: "plain",
 									className: "border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden",
-									children: F.map((e) => /* @__PURE__ */ E("div", {
+									children: I.map((e) => /* @__PURE__ */ E("div", {
 										className: "p-3 flex items-center justify-between",
 										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-sm font-medium",
@@ -283,15 +277,15 @@ function j() {
 											children: e.name
 										})] }), /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => de(e.id),
+											onClick: () => fe(e.id),
 											className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-											children: /* @__PURE__ */ T(x, { className: "size-4 text-text-secondary" })
+											children: /* @__PURE__ */ T(C, { className: "size-4 text-text-secondary" })
 										})]
 									}, e.id))
 								}) : /* @__PURE__ */ T(O, {
 									illustration: "empty-people",
-									title: y("channel.noRecipientsYet", "No recipients added yet"),
-									description: y("channel.addRecipientsHint", "Add one or more recipients above to send this message to.")
+									title: x("channel.noRecipientsYet", "No recipients added yet"),
+									description: x("channel.addRecipientsHint", "Add one or more recipients above to send this message to.")
 								})
 							]
 						}),
@@ -300,21 +294,21 @@ function j() {
 							children: [
 								/* @__PURE__ */ E("label", {
 									className: "text-sm font-medium",
-									children: [y("channel.messageContent", "Message Content"), " *"]
+									children: [x("channel.messageContent", "Message Content"), " *"]
 								}),
-								P === "EMAIL" && /* @__PURE__ */ T("input", {
-									"aria-label": y("channel.subject", "Subject"),
+								F === "EMAIL" && /* @__PURE__ */ T("input", {
+									"aria-label": x("channel.subject", "Subject"),
 									type: "text",
-									value: V,
-									onChange: (e) => H(e.target.value),
-									placeholder: y("channel.subject", "Subject"),
+									value: H,
+									onChange: (e) => U(e.target.value),
+									placeholder: x("channel.subject", "Subject"),
 									className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
 								}),
 								/* @__PURE__ */ T(re, {
-									value: U,
-									onChange: W,
-									"aria-label": y("channel.messagePlaceholder", "Enter your message..."),
-									placeholder: y("channel.messagePlaceholder", "Enter your message..."),
+									value: W,
+									onChange: G,
+									"aria-label": x("channel.messagePlaceholder", "Enter your message..."),
+									placeholder: x("channel.messagePlaceholder", "Enter your message..."),
 									rows: 6
 								})
 							]
@@ -323,35 +317,35 @@ function j() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: y("channel.priority", "Priority")
+								children: x("channel.priority", "Priority")
 							}), /* @__PURE__ */ T("div", {
 								className: "flex gap-2",
 								children: [
 									{
-										value: s.Low,
+										value: o.Low,
 										key: "channel.priorityLabel.low",
 										fallback: "Low"
 									},
 									{
-										value: s.Medium,
+										value: o.Medium,
 										key: "channel.priorityLabel.normal",
 										fallback: "Medium"
 									},
 									{
-										value: s.High,
+										value: o.High,
 										key: "channel.priorityLabel.high",
 										fallback: "High"
 									},
 									{
-										value: s.Urgent,
+										value: o.Urgent,
 										key: "channel.priorityLabel.urgent",
 										fallback: "Urgent"
 									}
 								].map((e) => /* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => ue(e.value),
-									className: `px-4 py-2 rounded-lg border text-sm transition-all ${G === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
-									children: y(e.key, e.fallback)
+									className: `px-4 py-2 rounded-lg border text-sm transition-all ${K === e.value ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
+									children: x(e.key, e.fallback)
 								}, e.value))
 							})]
 						}),
@@ -359,16 +353,16 @@ function j() {
 							className: "flex justify-end pt-4",
 							children: /* @__PURE__ */ T("button", {
 								type: "button",
-								onClick: pe,
-								disabled: j || !M || F.length === 0 || !U.trim(),
+								onClick: me,
+								disabled: M || !N || I.length === 0 || !W.trim(),
 								className: "px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex items-center gap-2",
-								children: j ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(oe, { className: "size-5 animate-spin" }), y("channel.sending", "Sending...")] }) : /* @__PURE__ */ E(w, { children: [
-									/* @__PURE__ */ T(v, { className: "size-5 " }),
-									y("channel.sendTo", "Send to"),
+								children: M ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(h, { className: "size-5 animate-spin" }), x("channel.sending", "Sending...")] }) : /* @__PURE__ */ E(w, { children: [
+									/* @__PURE__ */ T(b, { className: "size-5 " }),
+									x("channel.sendTo", "Send to"),
 									" ",
-									F.length,
+									I.length,
 									" ",
-									F.length === 1 ? y("channel.recipient", "recipient") : y("channel.recipients", "recipients")
+									I.length === 1 ? x("channel.recipient", "recipient") : x("channel.recipients", "recipients")
 								] })
 							})
 						})
@@ -379,32 +373,32 @@ function j() {
 						className: "p-4 flex items-center justify-between",
 						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-4",
-							children: [$ === 0 ? /* @__PURE__ */ T(f, { className: "size-8 text-status-success-text" }) : /* @__PURE__ */ T(u, { className: "size-8 text-status-warning-text" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							children: [$ === 0 ? /* @__PURE__ */ T(p, { className: "size-8 text-status-success-text" }) : /* @__PURE__ */ T(d, { className: "size-8 text-status-warning-text" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
 								className: "text-lg font-semibold",
-								children: $ === 0 ? y("channel.allMessagesSent", "All messages sent!") : `${Q} of ${F.length} sent`
+								children: $ === 0 ? x("channel.allMessagesSent", "All messages sent!") : `${Q} of ${I.length} sent`
 							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									Q,
 									" ",
-									y("channel.successful", "successful"),
+									x("channel.successful", "successful"),
 									", ",
 									$,
 									" ",
-									y("channel.failed", "failed")
+									x("channel.failed", "failed")
 								]
 							})] })]
 						}), /* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: fe,
+							onClick: pe,
 							className: "px-4 py-2 rounded-lg border hover:bg-bg-sunken transition-colors",
-							children: y("channel.sendAnother", "Send Another")
+							children: x("channel.sendAnother", "Send Another")
 						})]
 					}), /* @__PURE__ */ T(D, {
 						treatment: "plain",
 						className: "border-border-seam rounded-lg p-0 divide-y divide-[var(--color-border-seam)] overflow-hidden",
-						children: K.map((e) => {
-							let t = F.find((t) => t.id === e.recipientId);
+						children: q.map((e) => {
+							let t = I.find((t) => t.id === e.recipientId);
 							return /* @__PURE__ */ E("div", {
 								className: "p-4 flex items-center justify-between",
 								children: [/* @__PURE__ */ E("div", { children: [
@@ -424,7 +418,7 @@ function j() {
 										className: "text-xs text-status-error-text",
 										children: e.error
 									})
-								] }), e.success ? /* @__PURE__ */ T(f, { className: "size-5 text-status-success-text" }) : /* @__PURE__ */ T(S, { className: "size-5 text-status-error-text" })]
+								] }), e.success ? /* @__PURE__ */ T(p, { className: "size-5 text-status-success-text" }) : /* @__PURE__ */ T(ae, { className: "size-5 text-status-error-text" })]
 							}, e.recipientId);
 						})
 					})]
@@ -433,7 +427,6 @@ function j() {
 		})
 	});
 }
-//#endregion
 export { j as SendMessagePage };
 
 //# sourceMappingURL=SendMessagePage.js.map