@burdenoff/microfe-channel 2026.510.112

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

@@ -0,0 +1,199 @@
+import { useChannel as e } from "../../../providers/ChannelProvider.js";
+import { emitShellEvent as t, reportShellError as n } from "../../../utils/shellBridge.js";
+import { getGlobalChannelClient as r } from "../../../graphql/global-client.js";
+import { GetConnectionDocument as i, UpdateConnectionDocument as a } from "../../../../generated/global-operations.js";
+import { PermissionGuard as o } from "../../../components/PermissionGuard.js";
+import { CHANNEL_PERMISSIONS as s } from "../../../constants/permissions.js";
+import { useEffect as c, useState as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as d, ArrowLeft as f, Loader2 as p, Save as m, Shield as h } from "lucide-react";
+import { useNavigate as g, useParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/channel/modules/channels/pages/EditConnectionPage.tsx
+function b() {
+	let b = g(), { connectionId: x } = _(), { authToken: S, apiGatewayUrl: C, organizationId: w } = e(), { t: T } = u(), E = (e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, [D, O] = l(null), [k, A] = l(!0), [j, M] = l(null), [N, P] = l(!0), [F, I] = l(""), [L, R] = l(""), [z, B] = l(!1);
+	return c(() => {
+		if (!x) return;
+		let e = !1;
+		return (async () => {
+			A(!0), M(null);
+			try {
+				let t = await r(C, S, w).query({
+					query: i,
+					variables: { id: x },
+					fetchPolicy: "network-only"
+				});
+				if (e) return;
+				let n = t.data?.getConnection ?? null;
+				O(n), P(n?.isActive ?? !0);
+			} catch (t) {
+				if (e) return;
+				M(t instanceof Error ? t.message : E("connection.loadFailed", "Failed to load connection"));
+			} finally {
+				e || A(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		x,
+		C,
+		S,
+		w,
+		E
+	]), k ? /* @__PURE__ */ v("div", {
+		className: "container mx-auto p-6 flex items-center justify-center min-h-64",
+		children: /* @__PURE__ */ v(p, { className: "w-6 h-6 animate-spin text-fg-muted" })
+	}) : D ? /* @__PURE__ */ v(o, {
+		permission: s.CHANNEL_CONNECTION_UPDATE,
+		children: /* @__PURE__ */ y("div", {
+			className: "container mx-auto p-6 max-w-2xl",
+			children: [
+				/* @__PURE__ */ y("button", {
+					onClick: () => b(-1),
+					className: "flex items-center gap-2 text-fg-muted hover:text-fg mb-6",
+					children: [/* @__PURE__ */ v(f, { className: "w-4 h-4" }), E("common.back", "Back")]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-3 mb-6",
+					children: [/* @__PURE__ */ v(h, { className: "w-7 h-7 text-accent-blue" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+						className: "text-2xl font-bold text-fg",
+						children: E("connection.edit.title", "Edit Connection")
+					}), /* @__PURE__ */ v("p", {
+						className: "text-sm text-fg-muted",
+						children: E("connection.edit.subtitle", "Update credentials, status, or platform metadata.")
+					})] })]
+				}),
+				j && /* @__PURE__ */ y("div", {
+					className: "bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 mb-6 flex gap-3",
+					children: [/* @__PURE__ */ v(d, { className: "w-5 h-5 text-status-error-text shrink-0" }), /* @__PURE__ */ v("p", {
+						className: "text-sm text-status-error-text",
+						children: j
+					})]
+				}),
+				/* @__PURE__ */ y("form", {
+					onSubmit: async (e) => {
+						if (e.preventDefault(), !x) return;
+						M(null);
+						let i;
+						if (F.trim()) try {
+							i = JSON.parse(F);
+						} catch {
+							M(E("connection.validation.credentialsJson", "Credentials must be valid JSON"));
+							return;
+						}
+						let o;
+						if (L.trim()) try {
+							o = JSON.parse(L);
+						} catch {
+							M(E("connection.validation.metadataJson", "Platform metadata must be valid JSON"));
+							return;
+						}
+						B(!0);
+						try {
+							await r(C, S, w).mutate({
+								mutation: a,
+								variables: {
+									id: x,
+									input: {
+										isActive: N,
+										credentials: i,
+										platformMetadata: o
+									}
+								}
+							}), t("connection.updated", { id: x }), b(`../${x}`);
+						} catch (e) {
+							n(e, {
+								module: "channel",
+								context: {
+									action: "EditConnectionPage.submit",
+									connectionId: x
+								}
+							}, "[channel] Failed to update connection"), M(e instanceof Error ? e.message : E("connection.updateFailed", "Failed to update connection"));
+						} finally {
+							B(!1);
+						}
+					},
+					className: "space-y-6 bg-bg-elevated rounded-lg p-6 border border-border",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "text-sm text-fg-muted",
+							children: [
+								/* @__PURE__ */ v("span", {
+									className: "font-medium text-fg",
+									children: "ID:"
+								}),
+								" ",
+								D.id,
+								/* @__PURE__ */ v("br", {}),
+								/* @__PURE__ */ y("span", {
+									className: "font-medium text-fg",
+									children: [E("connection.field.authType", "Auth Type"), ":"]
+								}),
+								" ",
+								D.authType
+							]
+						}),
+						/* @__PURE__ */ v("div", { children: /* @__PURE__ */ y("label", {
+							className: "flex items-center gap-2 text-sm font-medium text-fg",
+							children: [/* @__PURE__ */ v("input", {
+								type: "checkbox",
+								checked: N,
+								onChange: (e) => P(e.target.checked)
+							}), E("connection.field.isActive", "Active")]
+						}) }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-fg mb-2",
+							children: E("connection.field.credentials", "Credentials (JSON)")
+						}), /* @__PURE__ */ v("textarea", {
+							value: F,
+							onChange: (e) => I(e.target.value),
+							rows: 6,
+							className: "w-full px-3 py-2 bg-bg border border-border rounded-md font-mono text-sm text-fg",
+							placeholder: E("connection.field.credentialsLeaveBlank", "Leave blank to keep existing credentials")
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-fg mb-2",
+							children: E("connection.field.platformMetadata", "Platform Metadata (JSON)")
+						}), /* @__PURE__ */ v("textarea", {
+							value: L,
+							onChange: (e) => R(e.target.value),
+							rows: 4,
+							className: "w-full px-3 py-2 bg-bg border border-border rounded-md font-mono text-sm text-fg"
+						})] }),
+						/* @__PURE__ */ y("div", {
+							className: "flex gap-3 pt-2",
+							children: [/* @__PURE__ */ y("button", {
+								type: "submit",
+								disabled: z,
+								className: "flex items-center gap-2 px-4 py-2 bg-accent-blue text-fg-on-accent rounded-md disabled:opacity-50",
+								children: [z ? /* @__PURE__ */ v(p, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ v(m, { className: "w-4 h-4" }), E("common.save", "Save")]
+							}), /* @__PURE__ */ v("button", {
+								type: "button",
+								onClick: () => b(-1),
+								className: "px-4 py-2 text-fg border border-border rounded-md",
+								children: E("common.cancel", "Cancel")
+							})]
+						})
+					]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ v("div", {
+		className: "container mx-auto p-6 max-w-2xl",
+		children: /* @__PURE__ */ y("div", {
+			className: "bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 flex gap-3",
+			children: [/* @__PURE__ */ v(d, { className: "w-5 h-5 text-status-error-text shrink-0" }), /* @__PURE__ */ v("p", {
+				className: "text-sm text-status-error-text",
+				children: j ?? E("connection.notFound", "Connection not found")
+			})]
+		})
+	});
+}
+//#endregion
+export { b as EditConnectionPage };
+
+//# sourceMappingURL=EditConnectionPage.js.map

package/dist/channel/modules/channels/pages/EditConnectionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditConnectionPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/EditConnectionPage.tsx"],"sourcesContent":["/**\n * Edit Connection Page\n *\n * Standalone page mounted at /channels/connections/:connectionId/edit.\n * Fetches the connection directly via getConnection (no channelId required in URL).\n *\n * Form fields match UpdateConnectionInput exactly.\n */\n\nimport { useEffect, useState } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Loader2, AlertCircle, Save, Shield } from 'lucide-react';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport {\n  GetConnectionDocument,\n  UpdateConnectionDocument,\n  type GetConnectionQuery,\n  type UpdateConnectionMutation,\n} from '../../../../generated/global-operations';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport { emitShellEvent, reportShellError } from '../../../utils/shellBridge';\n\ntype Connection = NonNullable<GetConnectionQuery['getConnection']>;\n\nexport function EditConnectionPage() {\n  const navigate = useNavigate();\n  const { connectionId } = useParams<{ connectionId: string }>();\n  const { authToken, apiGatewayUrl, organizationId } = useChannelContext();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const [connection, setConnection] = useState<Connection | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const [isActive, setIsActive] = useState(true);\n  const [credentials, setCredentials] = useState('');\n  const [platformMetadata, setPlatformMetadata] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  useEffect(() => {\n    if (!connectionId) return;\n    let cancelled = false;\n    void (async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n        const result = await client.query<GetConnectionQuery>({\n          query: GetConnectionDocument,\n          variables: { id: connectionId },\n          fetchPolicy: 'network-only',\n        });\n        if (cancelled) return;\n        const conn = result.data?.getConnection ?? null;\n        setConnection(conn);\n        setIsActive(conn?.isActive ?? true);\n      } catch (err: unknown) {\n        if (cancelled) return;\n        setError(\n          err instanceof Error\n            ? err.message\n            : tr('connection.loadFailed', 'Failed to load connection')\n        );\n      } finally {\n        if (!cancelled) setIsLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [connectionId, apiGatewayUrl, authToken, organizationId, tr]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!connectionId) return;\n    setError(null);\n\n    let parsedCredentials: Record<string, unknown> | undefined;\n    if (credentials.trim()) {\n      try {\n        parsedCredentials = JSON.parse(credentials);\n      } catch {\n        setError(tr('connection.validation.credentialsJson', 'Credentials must be valid JSON'));\n        return;\n      }\n    }\n\n    let parsedMetadata: Record<string, unknown> | undefined;\n    if (platformMetadata.trim()) {\n      try {\n        parsedMetadata = JSON.parse(platformMetadata);\n      } catch {\n        setError(tr('connection.validation.metadataJson', 'Platform metadata must be valid JSON'));\n        return;\n      }\n    }\n\n    setIsSubmitting(true);\n    try {\n      const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n      await client.mutate<UpdateConnectionMutation>({\n        mutation: UpdateConnectionDocument,\n        variables: {\n          id: connectionId,\n          input: {\n            isActive,\n            credentials: parsedCredentials,\n            platformMetadata: parsedMetadata,\n          },\n        },\n      });\n      emitShellEvent('connection.updated', { id: connectionId });\n      navigate(`../${connectionId}`);\n    } catch (err: unknown) {\n      reportShellError(\n        err,\n        { module: 'channel', context: { action: 'EditConnectionPage.submit', connectionId } },\n        '[channel] Failed to update connection'\n      );\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr('connection.updateFailed', 'Failed to update connection')\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"container mx-auto p-6 flex items-center justify-center min-h-64\">\n        <Loader2 className=\"w-6 h-6 animate-spin text-fg-muted\" />\n      </div>\n    );\n  }\n\n  if (!connection) {\n    return (\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 flex gap-3\">\n          <AlertCircle className=\"w-5 h-5 text-status-error-text shrink-0\" />\n          <p className=\"text-sm text-status-error-text\">\n            {error ?? tr('connection.notFound', 'Connection not found')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_CONNECTION_UPDATE}>\n      <div className=\"container mx-auto p-6 max-w-2xl\">\n        <button\n          onClick={() => navigate(-1)}\n          className=\"flex items-center gap-2 text-fg-muted hover:text-fg mb-6\"\n        >\n          <ArrowLeft className=\"w-4 h-4\" />\n          {tr('common.back', 'Back')}\n        </button>\n\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Shield className=\"w-7 h-7 text-accent-blue\" />\n          <div>\n            <h1 className=\"text-2xl font-bold text-fg\">\n              {tr('connection.edit.title', 'Edit Connection')}\n            </h1>\n            <p className=\"text-sm text-fg-muted\">\n              {tr('connection.edit.subtitle', 'Update credentials, status, or platform metadata.')}\n            </p>\n          </div>\n        </div>\n\n        {error && (\n          <div className=\"bg-status-error-bg-subtle border border-status-error-bg-subtle rounded-lg p-4 mb-6 flex gap-3\">\n            <AlertCircle className=\"w-5 h-5 text-status-error-text shrink-0\" />\n            <p className=\"text-sm text-status-error-text\">{error}</p>\n          </div>\n        )}\n\n        <form\n          onSubmit={handleSubmit}\n          className=\"space-y-6 bg-bg-elevated rounded-lg p-6 border border-border\"\n        >\n          <div className=\"text-sm text-fg-muted\">\n            <span className=\"font-medium text-fg\">ID:</span> {connection.id}\n            <br />\n            <span className=\"font-medium text-fg\">\n              {tr('connection.field.authType', 'Auth Type')}:\n            </span>{' '}\n            {connection.authType}\n          </div>\n\n          <div>\n            <label className=\"flex items-center gap-2 text-sm font-medium text-fg\">\n              <input\n                type=\"checkbox\"\n                checked={isActive}\n                onChange={(e) => setIsActive(e.target.checked)}\n              />\n              {tr('connection.field.isActive', 'Active')}\n            </label>\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-fg mb-2\">\n              {tr('connection.field.credentials', 'Credentials (JSON)')}\n            </label>\n            <textarea\n              value={credentials}\n              onChange={(e) => setCredentials(e.target.value)}\n              rows={6}\n              className=\"w-full px-3 py-2 bg-bg border border-border rounded-md font-mono text-sm text-fg\"\n              placeholder={tr(\n                'connection.field.credentialsLeaveBlank',\n                'Leave blank to keep existing credentials'\n              )}\n            />\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-fg mb-2\">\n              {tr('connection.field.platformMetadata', 'Platform Metadata (JSON)')}\n            </label>\n            <textarea\n              value={platformMetadata}\n              onChange={(e) => setPlatformMetadata(e.target.value)}\n              rows={4}\n              className=\"w-full px-3 py-2 bg-bg border border-border rounded-md font-mono text-sm text-fg\"\n            />\n          </div>\n\n          <div className=\"flex gap-3 pt-2\">\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"flex items-center gap-2 px-4 py-2 bg-accent-blue text-fg-on-accent rounded-md disabled:opacity-50\"\n            >\n              {isSubmitting ? (\n                <Loader2 className=\"w-4 h-4 animate-spin\" />\n              ) : (\n                <Save className=\"w-4 h-4\" />\n              )}\n              {tr('common.save', 'Save')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => navigate(-1)}\n              className=\"px-4 py-2 text-fg border border-border rounded-md\"\n            >\n              {tr('common.cancel', 'Cancel')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/channel/modules/channels/pages/SendMessagePage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Send Message Page
+ *
+ * UI for sending notifications/messages through channels.
+ * Supports single and bulk delivery with recipient management.
+ */
+export declare function SendMessagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SendMessagePage.d.ts.map

package/dist/channel/modules/channels/pages/SendMessagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendMessagePage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0EH,wBAAgB,eAAe,4CA6e9B"}

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

@@ -0,0 +1,403 @@
+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 a } from "../../../constants/permissions.js";
+import { NotificationChannel as o, NotificationPriority as s } from "../../../../generated/global-types.js";
+import { useCallback as c, useState as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as d, ArrowLeft as ee, 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 te } from "lucide-react";
+import { useNavigate as ne } from "react-router-dom";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/channel/modules/channels/pages/SendMessagePage.tsx
+var D = {
+	EMAIL: g,
+	SMS: x,
+	PUSH: f,
+	WHATSAPP: v,
+	SLACK: m,
+	TEAMS: S,
+	DISCORD: _,
+	INAPP: f,
+	WEBCHAT: v,
+	WEBHOOK: b
+};
+function O() {
+	let f = ne(), { channels: m } = r(), { organizationId: g, authToken: _, apiGatewayUrl: v } = e(), { t: x } = u(), S = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [O, { loading: k }] = n({ client: t(v, _, g) }), [A, j] = l(""), [M, N] = l("EMAIL"), [P, F] = l([]), [I, L] = l(""), [R, z] = l(""), [B, V] = l(""), [H, U] = l(""), [W, G] = l(s.Medium), [K, q] = l(null), [J, Y] = l(null), X = m.filter((e) => e.platform === M), Z = c(() => {
+		if (!I.trim()) return;
+		let e = {
+			id: `temp-${Date.now()}`,
+			address: I.trim(),
+			name: R.trim() || void 0
+		};
+		F((t) => [...t, e]), L(""), z("");
+	}, [I, R]), re = c((e) => {
+		F((t) => t.filter((t) => t.id !== e));
+	}, []), ie = c(() => {
+		q(null), Y(null), V(""), U(""), F([]);
+	}, []), ae = async () => {
+		if (!A) {
+			Y(S("channel.validation.selectChannel", "Please select a channel"));
+			return;
+		}
+		if (P.length === 0) {
+			Y(S("channel.validation.addRecipient", "Please add at least one recipient"));
+			return;
+		}
+		if (!H.trim()) {
+			Y(S("channel.validation.enterMessage", "Please enter a message"));
+			return;
+		}
+		Y(null), q(null);
+		try {
+			let e = m.find((e) => e.id === A);
+			if (!e) {
+				Y(S("channel.error.channelNotFound", "Selected channel not found"));
+				return;
+			}
+			let t = M === "INAPP" ? o.InApp : M;
+			q(await Promise.all(P.map(async (n) => {
+				let r = {};
+				switch (M) {
+					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;
+				}
+				let i = {
+					channelId: e.id,
+					platform: t,
+					notification: {
+						body: H,
+						channel: t,
+						recipient: r,
+						subject: M === "EMAIL" ? B : void 0,
+						priority: W
+					}
+				};
+				try {
+					let e = await O({ variables: { input: i } });
+					if (e.data?.triggerNotification) {
+						let t = e.data.triggerNotification, r = t.status === "FAILED" || t.triggerStatus === "FAILED";
+						return {
+							recipientId: n.id,
+							success: !r,
+							messageId: t.id,
+							error: r ? "Delivery failed" : void 0
+						};
+					}
+					return {
+						recipientId: n.id,
+						success: !1,
+						error: e.error?.message || "Failed to send notification"
+					};
+				} catch (e) {
+					return {
+						recipientId: n.id,
+						success: !1,
+						error: e instanceof Error ? e.message : "Failed to send notification"
+					};
+				}
+			})));
+		} catch (e) {
+			Y(e instanceof Error ? e.message : "Failed to send message");
+		}
+	}, Q = K?.filter((e) => e.success).length ?? 0, $ = K?.filter((e) => !e.success).length ?? 0;
+	return /* @__PURE__ */ T(i, {
+		permission: a.CHANNEL_DELIVERY_SEND,
+		children: /* @__PURE__ */ E("div", {
+			className: "min-h-screen bg-background",
+			children: [/* @__PURE__ */ T("div", {
+				className: "border-b bg-card",
+				children: /* @__PURE__ */ T("div", {
+					className: "container mx-auto px-6 py-4",
+					children: /* @__PURE__ */ E("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ T("button", {
+							onClick: () => f("/channels/list"),
+							className: "p-2 hover:bg-muted rounded-lg transition-colors",
+							children: /* @__PURE__ */ T(ee, { className: "w-5 h-5" })
+						}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
+							className: "text-2xl font-bold",
+							children: S("channel.sendMessage", "Send Message")
+						}), /* @__PURE__ */ T("p", {
+							className: "text-sm text-muted-foreground",
+							children: S("channel.sendMessageSubtitle", "Send notifications through configured channels")
+						})] })]
+					})
+				})
+			}), /* @__PURE__ */ T("div", {
+				className: "container mx-auto px-6 py-8 max-w-3xl",
+				children: K === null ? /* @__PURE__ */ E("div", {
+					className: "space-y-6",
+					children: [
+						J && /* @__PURE__ */ E("div", {
+							className: "p-4 rounded-lg bg-destructive/10 border border-destructive/20 flex items-center gap-3",
+							children: [/* @__PURE__ */ T(d, { className: "w-5 h-5 text-destructive shrink-0" }), /* @__PURE__ */ T("p", {
+								className: "text-sm text-destructive",
+								children: J
+							})]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ T("label", {
+								className: "text-sm font-medium",
+								children: S("channel.platform", "Platform")
+							}), /* @__PURE__ */ T("div", {
+								className: "flex flex-wrap gap-2",
+								children: [
+									"EMAIL",
+									"SMS",
+									"PUSH",
+									"WHATSAPP",
+									"SLACK",
+									"TEAMS",
+									"WEBHOOK"
+								].map((e) => {
+									let t = D[e] || b;
+									return /* @__PURE__ */ E("button", {
+										onClick: () => {
+											N(e), j("");
+										},
+										className: `px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${M === e ? "bg-primary text-primary-foreground border-primary" : "bg-card hover:bg-muted border-border"}`,
+										children: [/* @__PURE__ */ T(t, { className: "w-4 h-4" }), /* @__PURE__ */ T("span", {
+											className: "text-sm",
+											children: e
+										})]
+									}, e);
+								})
+							})]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E("label", {
+								className: "text-sm font-medium",
+								children: [S("channel.channel", "Channel"), " *"]
+							}), X.length === 0 ? /* @__PURE__ */ T("div", {
+								className: "p-4 rounded-lg border border-dashed text-center",
+								children: /* @__PURE__ */ E("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										"No ",
+										M,
+										" channels configured.",
+										/* @__PURE__ */ T("button", {
+											onClick: () => f("./create"),
+											className: "text-primary hover:underline ml-1",
+											children: "Create one"
+										})
+									]
+								})
+							}) : /* @__PURE__ */ E("select", {
+								value: A,
+								onChange: (e) => j(e.target.value),
+								className: "w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: S("channel.selectChannel", "Select a channel...")
+								}), X.map((e) => /* @__PURE__ */ E("option", {
+									value: e.id,
+									children: [
+										e.name,
+										" (",
+										e.adapterType,
+										")"
+									]
+								}, e.id))]
+							})]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ T("label", {
+									className: "text-sm font-medium",
+									children: S("channel.recipients", "Recipients")
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex gap-2",
+									children: [
+										/* @__PURE__ */ T("input", {
+											type: "text",
+											value: I,
+											onChange: (e) => L(e.target.value),
+											placeholder: M === "EMAIL" ? "email@example.com" : "+1234567890",
+											className: "flex-1 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+										}),
+										/* @__PURE__ */ T("input", {
+											type: "text",
+											value: R,
+											onChange: (e) => z(e.target.value),
+											placeholder: S("channel.nameOptional", "Name (optional)"),
+											className: "w-48 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+										}),
+										/* @__PURE__ */ E("button", {
+											onClick: Z,
+											disabled: !I.trim(),
+											className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 flex items-center gap-2",
+											children: [/* @__PURE__ */ T(y, { className: "w-4 h-4" }), S("channel.add", "Add")]
+										})
+									]
+								}),
+								P.length > 0 ? /* @__PURE__ */ T("div", {
+									className: "border rounded-lg divide-y",
+									children: P.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",
+											children: e.address
+										}), e.name && /* @__PURE__ */ T("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.name
+										})] }), /* @__PURE__ */ T("button", {
+											onClick: () => re(e.id),
+											className: "p-1 hover:bg-muted rounded transition-colors",
+											children: /* @__PURE__ */ T(C, { className: "w-4 h-4 text-muted-foreground" })
+										})]
+									}, e.id))
+								}) : /* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground text-center py-4",
+									children: S("channel.noRecipientsYet", "No recipients added yet")
+								})
+							]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ E("label", {
+									className: "text-sm font-medium",
+									children: [S("channel.messageContent", "Message Content"), " *"]
+								}),
+								M === "EMAIL" && /* @__PURE__ */ T("input", {
+									type: "text",
+									value: B,
+									onChange: (e) => V(e.target.value),
+									placeholder: "Subject",
+									className: "w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+								}),
+								/* @__PURE__ */ T("textarea", {
+									value: H,
+									onChange: (e) => U(e.target.value),
+									placeholder: "Enter your message...",
+									rows: 6,
+									className: "w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+								})
+							]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ T("label", {
+								className: "text-sm font-medium",
+								children: S("channel.priority", "Priority")
+							}), /* @__PURE__ */ T("div", {
+								className: "flex gap-2",
+								children: [
+									s.Low,
+									s.Medium,
+									s.High,
+									s.Urgent
+								].map((e) => /* @__PURE__ */ T("button", {
+									onClick: () => G(e),
+									className: `px-4 py-2 rounded-lg border text-sm transition-all ${W === e ? "bg-primary text-primary-foreground border-primary" : "bg-card hover:bg-muted border-border"}`,
+									children: e
+								}, e))
+							})]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex justify-end pt-4",
+							children: /* @__PURE__ */ T("button", {
+								onClick: ae,
+								disabled: k || !A || P.length === 0 || !H.trim(),
+								className: "px-6 py-3 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 flex items-center gap-2",
+								children: k ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(h, { className: "w-5 h-5 animate-spin" }), S("channel.sending", "Sending...")] }) : /* @__PURE__ */ E(w, { children: [
+									/* @__PURE__ */ T(b, { className: "w-5 h-5" }),
+									S("channel.sendTo", "Send to"),
+									" ",
+									P.length,
+									" ",
+									P.length === 1 ? S("channel.recipient", "recipient") : S("channel.recipients", "recipients")
+								] })
+							})
+						})
+					]
+				}) : /* @__PURE__ */ E("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ E("div", {
+						className: "p-4 rounded-lg border flex items-center justify-between",
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex items-center gap-4",
+							children: [$ === 0 ? /* @__PURE__ */ T(p, { className: "w-8 h-8 text-green-500" }) : /* @__PURE__ */ T(d, { className: "w-8 h-8 text-yellow-500" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+								className: "text-lg font-semibold",
+								children: $ === 0 ? S("channel.allMessagesSent", "All messages sent!") : `${Q} of ${P.length} sent`
+							}), /* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: [
+									Q,
+									" ",
+									S("channel.successful", "successful"),
+									", ",
+									$,
+									" ",
+									S("channel.failed", "failed")
+								]
+							})] })]
+						}), /* @__PURE__ */ T("button", {
+							onClick: ie,
+							className: "px-4 py-2 rounded-lg border hover:bg-muted transition-colors",
+							children: S("channel.sendAnother", "Send Another")
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: "border rounded-lg divide-y",
+						children: K.map((e) => {
+							let t = P.find((t) => t.id === e.recipientId);
+							return /* @__PURE__ */ E("div", {
+								className: "p-4 flex items-center justify-between",
+								children: [/* @__PURE__ */ E("div", { children: [
+									/* @__PURE__ */ T("p", {
+										className: "text-sm font-medium",
+										children: t?.address
+									}),
+									t?.name && /* @__PURE__ */ T("p", {
+										className: "text-xs text-muted-foreground",
+										children: t.name
+									}),
+									e.messageId && /* @__PURE__ */ T("p", {
+										className: "text-xs text-muted-foreground font-mono",
+										children: e.messageId
+									}),
+									e.error && /* @__PURE__ */ T("p", {
+										className: "text-xs text-destructive",
+										children: e.error
+									})
+								] }), e.success ? /* @__PURE__ */ T(p, { className: "w-5 h-5 text-green-500" }) : /* @__PURE__ */ T(te, { className: "w-5 h-5 text-destructive" })]
+							}, e.recipientId);
+						})
+					})]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { O as SendMessagePage };
+
+//# sourceMappingURL=SendMessagePage.js.map