@burdenoff/microfe-channel 2026.830.1 → 2026.1013.1

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

@@ -1,19 +1,20 @@
-import { useChannel as e } from "../../../providers/ChannelProvider.js";
-import { getGlobalChannelClient as t } from "../../../graphql/global-client.js";
-import { useSendNotificationMutation as n } from "../../../../generated/global-operations.js";
-import { useChannels as r } from "../../../hooks/useChannels.js";
-import { PermissionGuard as i } from "../../../components/PermissionGuard.js";
-import { CHANNEL_PERMISSIONS as ee } from "../../../constants/permissions.js";
-import { NotificationChannel as a, NotificationPriority as o } from "../../../../generated/global-types.js";
-import { MarkdownEditor as te } from "../../../components/MarkdownEditor.js";
-import { useCallback as s, useRef as c, useState as l } from "react";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as u, ArrowLeft as re, Bell as d, CheckCircle2 as f, Hash as p, Loader2 as ie, Mail as m, MessageCircle as h, MessageSquare as g, Plus as _, Send as v, Smartphone as y, Users as b, X as ae, XCircle as oe } from "lucide-react";
-import { useNavigate as x } from "react-router";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { EmphasisPanel as se, GlassCard as T, IllustratedEmptyState as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+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 { 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 { 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
-var O = {
+var A = {
 	EMAIL: m,
 	SMS: y,
 	PUSH: d,
@@ -25,46 +26,43 @@ var O = {
 	WEBCHAT: g,
 	WEBHOOK: v
 };
-function k() {
-	let d = x(), { channels: p } = r(), { organizationId: m, authToken: h, apiGatewayUrl: g } = e(), { t: y } = ne(), b = (e, t) => {
-		let n = y(e);
-		return n === e ? t : n;
-	}, [k, { loading: A }] = n({ client: t(g, h, m) }), [j, M] = l(""), [N, P] = l("EMAIL"), [F, I] = l([]), ce = c(0), [L, R] = l(""), [z, B] = l(""), [V, H] = l(""), [U, W] = l(""), [G, le] = l(o.Medium), [K, q] = l(null), [J, Y] = l(null), X = p.filter((e) => e.platform === N), ue = s(() => {
+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 e = {
-			id: `r-${++ce.current}`,
+			id: `r-${++le.current}`,
 			address: L.trim(),
 			name: z.trim() || void 0
 		};
 		I((t) => [...t, e]), R(""), B("");
-	}, [L, z]), Z = s((e) => {
+	}, [L, z]), de = c((e) => {
 		I((t) => t.filter((t) => t.id !== e));
-	}, []), de = s(() => {
+	}, []), fe = c(() => {
 		q(null), Y(null), H(""), W(""), I([]);
-	}, []), fe = async () => {
-		if (!j) {
-			Y(b("channel.validation.selectChannel", "Please select a channel"));
+	}, []), pe = async () => {
+		if (!M) {
+			Y(y("channel.validation.selectChannel", "Please select a channel"));
 			return;
 		}
 		if (F.length === 0) {
-			Y(b("channel.validation.addRecipient", "Please add at least one recipient"));
+			Y(y("channel.validation.addRecipient", "Please add at least one recipient"));
 			return;
 		}
 		if (!U.trim()) {
-			Y(b("channel.validation.enterMessage", "Please enter a message"));
+			Y(y("channel.validation.enterMessage", "Please enter a message"));
 			return;
 		}
 		Y(null), q(null);
 		try {
-			let e = p.find((e) => e.id === j);
+			let e = p.find((e) => e.id === M);
 			if (!e) {
-				Y(b("channel.error.channelNotFound", "Selected channel not found"));
+				Y(y("channel.error.channelNotFound", "Selected channel not found"));
 				return;
 			}
-			let t = N === "INAPP" ? a.InApp : N;
+			let t = P === "INAPP" ? ne.InApp : P;
 			q(await Promise.all(F.map(async (n) => {
 				let r = {};
-				switch (N) {
+				switch (P) {
 					case "EMAIL":
 						r.email = n.address;
 						break;
@@ -93,86 +91,86 @@ function k() {
 						body: U,
 						channel: t,
 						recipient: r,
-						subject: N === "EMAIL" ? V : void 0,
+						subject: P === "EMAIL" ? V : void 0,
 						priority: G
 					}
 				};
 				try {
-					let e = await k({ variables: { input: i } });
+					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;
 						return {
 							recipientId: n.id,
 							success: !r,
 							messageId: t.id,
-							error: r ? i ? `Delivery failed: ${i}` : "Delivery failed" : void 0
+							error: r ? i ? y("channel.deliveryFailedWithDetail", "Delivery failed: {{detail}}", { detail: i }) : y("channel.deliveryFailed", "Delivery failed") : void 0
 						};
 					}
 					return {
 						recipientId: n.id,
 						success: !1,
-						error: e.error?.message || "Failed to send notification"
+						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 : "Failed to send notification"
+						error: e instanceof Error ? e.message : y("channel.sendNotificationFailed", "Failed to send notification")
 					};
 				}
 			})));
 		} catch (e) {
-			Y(e instanceof Error ? e.message : "Failed to send message");
+			Y(e instanceof Error ? e.message : y("channel.messageSendFailed", "Failed to send message"));
 		}
 	}, Q = K?.filter((e) => e.success).length ?? 0, $ = K?.filter((e) => !e.success).length ?? 0;
-	return /* @__PURE__ */ C(i, {
-		permission: ee.CHANNEL_DELIVERY_SEND,
-		children: /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ T(ee, {
+		permission: te.CHANNEL_DELIVERY_SEND,
+		children: /* @__PURE__ */ E("div", {
 			className: "min-h-screen bg-bg-surface",
-			children: [/* @__PURE__ */ C("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "border-b bg-bg-surface",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "container mx-auto px-6 py-4",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ E("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ C("button", {
+						children: [/* @__PURE__ */ T("button", {
 							type: "button",
 							onClick: () => d("/channels/list"),
 							className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ C(re, { className: "size-5 " })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h1", {
+							children: /* @__PURE__ */ T(ae, { className: "size-5 " })
+						}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
 							className: "text-2xl font-bold",
-							children: b("channel.sendMessage", "Send Message")
-						}), /* @__PURE__ */ C("p", {
+							children: y("channel.sendMessage", "Send Message")
+						}), /* @__PURE__ */ T("p", {
 							className: "text-sm text-text-secondary",
-							children: b("channel.sendMessageSubtitle", "Send notifications through configured channels")
+							children: y("channel.sendMessageSubtitle", "Send notifications through configured channels")
 						})] })]
 					})
 				})
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "container mx-auto px-6 py-8 max-w-3xl space-y-6",
-				children: [/* @__PURE__ */ C(D, {
-					icon: /* @__PURE__ */ C(v, {
+				children: [/* @__PURE__ */ T(k, {
+					icon: /* @__PURE__ */ T(v, {
 						size: 15,
 						"aria-hidden": "true"
 					}),
-					children: b("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__ */ w("div", {
+					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", {
 					className: "space-y-6",
 					children: [
-						J && /* @__PURE__ */ w("div", {
+						J && /* @__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__ */ C(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ T(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ T("p", {
 								className: "text-sm text-status-error-text",
 								children: J
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ E("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ C("label", {
+							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: b("channel.platform", "Platform")
-							}), /* @__PURE__ */ C("div", {
+								children: y("channel.platform", "Platform")
+							}), /* @__PURE__ */ T("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
 									"EMAIL",
@@ -183,50 +181,50 @@ function k() {
 									"TEAMS",
 									"WEBHOOK"
 								].map((e) => {
-									let t = O[e] || v;
-									return /* @__PURE__ */ w("button", {
+									let t = A[e] || v;
+									return /* @__PURE__ */ E("button", {
 										type: "button",
 										onClick: () => {
-											P(e), M("");
+											ce(e), N("");
 										},
-										className: `px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${N === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
-										children: [/* @__PURE__ */ C(t, { className: "size-4 " }), /* @__PURE__ */ C("span", {
+										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"}`,
+										children: [/* @__PURE__ */ T(t, { className: "size-4 " }), /* @__PURE__ */ T("span", {
 											className: "text-sm",
-											children: e
+											children: o(e, a, y)
 										})]
 									}, e);
 								})
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ w("label", {
+							children: [/* @__PURE__ */ E("label", {
 								className: "text-sm font-medium",
-								children: [b("channel.channel", "Channel"), " *"]
-							}), X.length === 0 ? /* @__PURE__ */ C("div", {
+								children: [y("channel.channel", "Channel"), " *"]
+							}), X.length === 0 ? /* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-dashed",
-								children: /* @__PURE__ */ C(E, {
+								children: /* @__PURE__ */ T(O, {
 									illustration: "empty-data",
-									title: b("channel.noPlatformChannels", `No ${N} channels configured`),
-									description: b("channel.noPlatformChannelsHint", "Create a channel for this platform to be able to send through it."),
-									action: /* @__PURE__ */ w("button", {
+									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."),
+									action: /* @__PURE__ */ E("button", {
 										type: "button",
 										onClick: () => d("./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__ */ C(_, {
+										children: [/* @__PURE__ */ T(_, {
 											className: "size-4",
 											"aria-hidden": "true"
-										}), b("channel.createChannel", "Create Channel")]
+										}), y("channel.createChannel", "Create Channel")]
 									})
 								})
-							}) : /* @__PURE__ */ w("select", {
-								value: j,
-								onChange: (e) => M(e.target.value),
+							}) : /* @__PURE__ */ E("select", {
+								value: M,
+								onChange: (e) => N(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",
-								children: [/* @__PURE__ */ C("option", {
+								children: [/* @__PURE__ */ T("option", {
 									value: "",
-									children: b("channel.selectChannel", "Select a channel...")
-								}), X.map((e) => /* @__PURE__ */ w("option", {
+									children: y("channel.selectChannel", "Select a channel...")
+								}), X.map((e) => /* @__PURE__ */ E("option", {
 									value: e.id,
 									children: [
 										e.name,
@@ -237,180 +235,196 @@ function k() {
 								}, e.id))]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ E("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ C("label", {
+								/* @__PURE__ */ T("label", {
 									className: "text-sm font-medium",
-									children: b("channel.recipients", "Recipients")
+									children: y("channel.recipients", "Recipients")
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "flex gap-2",
 									children: [
-										/* @__PURE__ */ C("input", {
-											"aria-label": N === "EMAIL" ? "email@example.com" : "+1234567890",
+										/* @__PURE__ */ T("input", {
+											"aria-label": P === "EMAIL" ? y("channel.recipientPlaceholder.email", "email@example.com") : y("channel.recipientPlaceholder.phone", "+1234567890"),
 											type: "text",
 											value: L,
 											onChange: (e) => R(e.target.value),
-											placeholder: N === "EMAIL" ? "email@example.com" : "+1234567890",
+											placeholder: P === "EMAIL" ? y("channel.recipientPlaceholder.email", "email@example.com") : y("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__ */ C("input", {
-											"aria-label": b("channel.nameOptional", "Name (optional)"),
+										/* @__PURE__ */ T("input", {
+											"aria-label": y("channel.nameOptional", "Name (optional)"),
 											type: "text",
 											value: z,
 											onChange: (e) => B(e.target.value),
-											placeholder: b("channel.nameOptional", "Name (optional)"),
+											placeholder: y("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__ */ w("button", {
+										/* @__PURE__ */ E("button", {
 											type: "button",
-											onClick: ue,
+											onClick: Z,
 											disabled: !L.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__ */ C(_, { className: "size-4 " }), b("channel.add", "Add")]
+											children: [/* @__PURE__ */ T(_, { className: "size-4 " }), y("channel.add", "Add")]
 										})
 									]
 								}),
-								F.length > 0 ? /* @__PURE__ */ C(T, {
+								F.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__ */ w("div", {
+									children: F.map((e) => /* @__PURE__ */ E("div", {
 										className: "p-3 flex items-center justify-between",
-										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-sm font-medium",
 											children: e.address
-										}), e.name && /* @__PURE__ */ C("p", {
+										}), e.name && /* @__PURE__ */ T("p", {
 											className: "text-xs text-text-secondary",
 											children: e.name
-										})] }), /* @__PURE__ */ C("button", {
+										})] }), /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => Z(e.id),
+											onClick: () => de(e.id),
 											className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-											children: /* @__PURE__ */ C(ae, { className: "size-4 text-text-secondary" })
+											children: /* @__PURE__ */ T(x, { className: "size-4 text-text-secondary" })
 										})]
 									}, e.id))
-								}) : /* @__PURE__ */ C(E, {
+								}) : /* @__PURE__ */ T(O, {
 									illustration: "empty-people",
-									title: b("channel.noRecipientsYet", "No recipients added yet"),
-									description: b("channel.addRecipientsHint", "Add one or more recipients above to send this message to.")
+									title: y("channel.noRecipientsYet", "No recipients added yet"),
+									description: y("channel.addRecipientsHint", "Add one or more recipients above to send this message to.")
 								})
 							]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ E("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ w("label", {
+								/* @__PURE__ */ E("label", {
 									className: "text-sm font-medium",
-									children: [b("channel.messageContent", "Message Content"), " *"]
+									children: [y("channel.messageContent", "Message Content"), " *"]
 								}),
-								N === "EMAIL" && /* @__PURE__ */ C("input", {
-									"aria-label": "Subject",
+								P === "EMAIL" && /* @__PURE__ */ T("input", {
+									"aria-label": y("channel.subject", "Subject"),
 									type: "text",
 									value: V,
 									onChange: (e) => H(e.target.value),
-									placeholder: "Subject",
+									placeholder: y("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__ */ C(te, {
+								/* @__PURE__ */ T(re, {
 									value: U,
 									onChange: W,
-									"aria-label": "Enter your message...",
-									placeholder: "Enter your message...",
+									"aria-label": y("channel.messagePlaceholder", "Enter your message..."),
+									placeholder: y("channel.messagePlaceholder", "Enter your message..."),
 									rows: 6
 								})
 							]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ E("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ C("label", {
+							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: b("channel.priority", "Priority")
-							}), /* @__PURE__ */ C("div", {
+								children: y("channel.priority", "Priority")
+							}), /* @__PURE__ */ T("div", {
 								className: "flex gap-2",
 								children: [
-									o.Low,
-									o.Medium,
-									o.High,
-									o.Urgent
-								].map((e) => /* @__PURE__ */ C("button", {
+									{
+										value: s.Low,
+										key: "channel.priorityLabel.low",
+										fallback: "Low"
+									},
+									{
+										value: s.Medium,
+										key: "channel.priorityLabel.normal",
+										fallback: "Medium"
+									},
+									{
+										value: s.High,
+										key: "channel.priorityLabel.high",
+										fallback: "High"
+									},
+									{
+										value: s.Urgent,
+										key: "channel.priorityLabel.urgent",
+										fallback: "Urgent"
+									}
+								].map((e) => /* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => le(e),
-									className: `px-4 py-2 rounded-lg border text-sm transition-all ${G === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "bg-bg-surface hover:bg-bg-sunken border-border-subtle"}`,
-									children: e
-								}, e))
+									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)
+								}, e.value))
 							})]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ T("div", {
 							className: "flex justify-end pt-4",
-							children: /* @__PURE__ */ C("button", {
+							children: /* @__PURE__ */ T("button", {
 								type: "button",
-								onClick: fe,
-								disabled: A || !j || F.length === 0 || !U.trim(),
+								onClick: pe,
+								disabled: j || !M || F.length === 0 || !U.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: A ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(ie, { className: "size-5 animate-spin" }), b("channel.sending", "Sending...")] }) : /* @__PURE__ */ w(S, { children: [
-									/* @__PURE__ */ C(v, { className: "size-5 " }),
-									b("channel.sendTo", "Send to"),
+								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"),
 									" ",
 									F.length,
 									" ",
-									F.length === 1 ? b("channel.recipient", "recipient") : b("channel.recipients", "recipients")
+									F.length === 1 ? y("channel.recipient", "recipient") : y("channel.recipients", "recipients")
 								] })
 							})
 						})
 					]
-				}) : /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ E("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ w(se, {
+					children: [/* @__PURE__ */ E(se, {
 						className: "p-4 flex items-center justify-between",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-4",
-							children: [$ === 0 ? /* @__PURE__ */ C(f, { className: "size-8 text-status-success-text" }) : /* @__PURE__ */ C(u, { className: "size-8 text-status-warning-text" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
+							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", {
 								className: "text-lg font-semibold",
-								children: $ === 0 ? b("channel.allMessagesSent", "All messages sent!") : `${Q} of ${F.length} sent`
-							}), /* @__PURE__ */ w("p", {
+								children: $ === 0 ? y("channel.allMessagesSent", "All messages sent!") : `${Q} of ${F.length} sent`
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									Q,
 									" ",
-									b("channel.successful", "successful"),
+									y("channel.successful", "successful"),
 									", ",
 									$,
 									" ",
-									b("channel.failed", "failed")
+									y("channel.failed", "failed")
 								]
 							})] })]
-						}), /* @__PURE__ */ C("button", {
+						}), /* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: de,
+							onClick: fe,
 							className: "px-4 py-2 rounded-lg border hover:bg-bg-sunken transition-colors",
-							children: b("channel.sendAnother", "Send Another")
+							children: y("channel.sendAnother", "Send Another")
 						})]
-					}), /* @__PURE__ */ C(T, {
+					}), /* @__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);
-							return /* @__PURE__ */ w("div", {
+							return /* @__PURE__ */ E("div", {
 								className: "p-4 flex items-center justify-between",
-								children: [/* @__PURE__ */ w("div", { children: [
-									/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ E("div", { children: [
+									/* @__PURE__ */ T("p", {
 										className: "text-sm font-medium",
 										children: t?.address
 									}),
-									t?.name && /* @__PURE__ */ C("p", {
+									t?.name && /* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary",
 										children: t.name
 									}),
-									e.messageId && /* @__PURE__ */ C("p", {
+									e.messageId && /* @__PURE__ */ T("p", {
 										className: "text-xs text-text-secondary font-mono",
 										children: e.messageId
 									}),
-									e.error && /* @__PURE__ */ C("p", {
+									e.error && /* @__PURE__ */ T("p", {
 										className: "text-xs text-status-error-text",
 										children: e.error
 									})
-								] }), e.success ? /* @__PURE__ */ C(f, { className: "size-5 text-status-success-text" }) : /* @__PURE__ */ C(oe, { className: "size-5 text-status-error-text" })]
+								] }), e.success ? /* @__PURE__ */ T(f, { className: "size-5 text-status-success-text" }) : /* @__PURE__ */ T(S, { className: "size-5 text-status-error-text" })]
 							}, e.recipientId);
 						})
 					})]
@@ -420,6 +434,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as SendMessagePage };
+export { j as SendMessagePage };
 
 //# sourceMappingURL=SendMessagePage.js.map