npm - @burdenoff/microfe-channel - Versions diffs - 2026.519.1 → 2026.520.2 - Mend

@burdenoff/microfe-channel 2026.519.1 → 2026.520.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

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

@@ -5,62 +5,62 @@ 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 { useCallback as c, useRef as ee, 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 { AlertCircle as d, ArrowLeft as f, Bell as p, CheckCircle2 as m, Hash as h, Loader2 as g, Mail as _, MessageCircle as v, MessageSquare as y, Plus as b, Send as x, Smartphone as S, Users as C, X as te, XCircle as ne } from "lucide-react";
+import { useNavigate as re } 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
+	EMAIL: _,
+	SMS: S,
+	PUSH: p,
+	WHATSAPP: y,
+	SLACK: h,
+	TEAMS: C,
+	DISCORD: v,
+	INAPP: p,
+	WEBCHAT: y,
+	WEBHOOK: x
 };
 function O() {
-	let f = ne(), { channels: m } = r(), { organizationId: g, authToken: _, apiGatewayUrl: v } = e(), { t: x } = u(), S = (e, t) => {
-		let n = x(e);
+	let p = re(), { channels: h } = r(), { organizationId: _, authToken: v, apiGatewayUrl: y } = e(), { t: S } = u(), C = (e, t) => {
+		let n = S(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;
+	}, [O, { loading: k }] = n({ client: t(y, v, _) }), [A, j] = l(""), [M, N] = l("EMAIL"), [P, F] = l([]), I = ee(0), [L, R] = l(""), [z, B] = l(""), [V, H] = l(""), [U, W] = l(""), [G, K] = l(s.Medium), [q, J] = l(null), [Y, X] = l(null), Z = h.filter((e) => e.platform === M), ie = c(() => {
+		if (!L.trim()) return;
 		let e = {
-			id: `temp-${Date.now()}`,
-			address: I.trim(),
-			name: R.trim() || void 0
+			id: `r-${++I.current}`,
+			address: L.trim(),
+			name: z.trim() || void 0
 		};
-		F((t) => [...t, e]), L(""), z("");
-	}, [I, R]), re = c((e) => {
+		F((t) => [...t, e]), R(""), B("");
+	}, [L, z]), ae = c((e) => {
 		F((t) => t.filter((t) => t.id !== e));
-	}, []), ie = c(() => {
-		q(null), Y(null), V(""), U(""), F([]);
-	}, []), ae = async () => {
+	}, []), oe = c(() => {
+		J(null), X(null), H(""), W(""), F([]);
+	}, []), se = async () => {
 		if (!A) {
-			Y(S("channel.validation.selectChannel", "Please select a channel"));
+			X(C("channel.validation.selectChannel", "Please select a channel"));
 			return;
 		}
 		if (P.length === 0) {
-			Y(S("channel.validation.addRecipient", "Please add at least one recipient"));
+			X(C("channel.validation.addRecipient", "Please add at least one recipient"));
 			return;
 		}
-		if (!H.trim()) {
-			Y(S("channel.validation.enterMessage", "Please enter a message"));
+		if (!U.trim()) {
+			X(C("channel.validation.enterMessage", "Please enter a message"));
 			return;
 		}
-		Y(null), q(null);
+		X(null), J(null);
 		try {
-			let e = m.find((e) => e.id === A);
+			let e = h.find((e) => e.id === A);
 			if (!e) {
-				Y(S("channel.error.channelNotFound", "Selected channel not found"));
+				X(C("channel.error.channelNotFound", "Selected channel not found"));
 				return;
 			}
 			let t = M === "INAPP" ? o.InApp : M;
-			q(await Promise.all(P.map(async (n) => {
+			J(await Promise.all(P.map(async (n) => {
 				let r = {};
 				switch (M) {
 					case "EMAIL":
@@ -88,22 +88,22 @@ function O() {
 					channelId: e.id,
 					platform: t,
 					notification: {
-						body: H,
+						body: U,
 						channel: t,
 						recipient: r,
-						subject: M === "EMAIL" ? B : void 0,
-						priority: W
+						subject: M === "EMAIL" ? V : void 0,
+						priority: G
 					}
 				};
 				try {
 					let e = await O({ variables: { input: i } });
 					if (e.data?.triggerNotification) {
-						let t = e.data.triggerNotification, r = t.status === "FAILED" || t.triggerStatus === "FAILED";
+						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 ? "Delivery failed" : void 0
+							error: r ? i ? `Delivery failed: ${i}` : "Delivery failed" : void 0
 						};
 					}
 					return {
@@ -120,9 +120,9 @@ function O() {
 				}
 			})));
 		} catch (e) {
-			Y(e instanceof Error ? e.message : "Failed to send message");
+			X(e instanceof Error ? e.message : "Failed to send message");
 		}
-	}, Q = K?.filter((e) => e.success).length ?? 0, $ = K?.filter((e) => !e.success).length ?? 0;
+	}, Q = q?.filter((e) => e.success).length ?? 0, $ = q?.filter((e) => !e.success).length ?? 0;
 	return /* @__PURE__ */ T(i, {
 		permission: a.CHANNEL_DELIVERY_SEND,
 		children: /* @__PURE__ */ E("div", {
@@ -134,35 +134,35 @@ function O() {
 					children: /* @__PURE__ */ E("div", {
 						className: "flex items-center gap-4",
 						children: [/* @__PURE__ */ T("button", {
-							onClick: () => f("/channels/list"),
+							onClick: () => p("/channels/list"),
 							className: "p-2 hover:bg-muted rounded-lg transition-colors",
-							children: /* @__PURE__ */ T(ee, { className: "w-5 h-5" })
+							children: /* @__PURE__ */ T(f, { className: "w-5 h-5" })
 						}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
 							className: "text-2xl font-bold",
-							children: S("channel.sendMessage", "Send Message")
+							children: C("channel.sendMessage", "Send Message")
 						}), /* @__PURE__ */ T("p", {
 							className: "text-sm text-muted-foreground",
-							children: S("channel.sendMessageSubtitle", "Send notifications through configured channels")
+							children: C("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", {
+				children: q === null ? /* @__PURE__ */ E("div", {
 					className: "space-y-6",
 					children: [
-						J && /* @__PURE__ */ E("div", {
+						Y && /* @__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
+								children: Y
 							})]
 						}),
 						/* @__PURE__ */ E("div", {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: S("channel.platform", "Platform")
+								children: C("channel.platform", "Platform")
 							}), /* @__PURE__ */ T("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
@@ -174,7 +174,7 @@ function O() {
 									"TEAMS",
 									"WEBHOOK"
 								].map((e) => {
-									let t = D[e] || b;
+									let t = D[e] || x;
 									return /* @__PURE__ */ E("button", {
 										onClick: () => {
 											N(e), j("");
@@ -192,8 +192,8 @@ function O() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ E("label", {
 								className: "text-sm font-medium",
-								children: [S("channel.channel", "Channel"), " *"]
-							}), X.length === 0 ? /* @__PURE__ */ T("div", {
+								children: [C("channel.channel", "Channel"), " *"]
+							}), Z.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",
@@ -202,7 +202,7 @@ function O() {
 										M,
 										" channels configured.",
 										/* @__PURE__ */ T("button", {
-											onClick: () => f("./create"),
+											onClick: () => p("./create"),
 											className: "text-primary hover:underline ml-1",
 											children: "Create one"
 										})
@@ -214,8 +214,8 @@ function O() {
 								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", {
+									children: C("channel.selectChannel", "Select a channel...")
+								}), Z.map((e) => /* @__PURE__ */ E("option", {
 									value: e.id,
 									children: [
 										e.name,
@@ -231,30 +231,30 @@ function O() {
 							children: [
 								/* @__PURE__ */ T("label", {
 									className: "text-sm font-medium",
-									children: S("channel.recipients", "Recipients")
+									children: C("channel.recipients", "Recipients")
 								}),
 								/* @__PURE__ */ E("div", {
 									className: "flex gap-2",
 									children: [
 										/* @__PURE__ */ T("input", {
 											type: "text",
-											value: I,
-											onChange: (e) => L(e.target.value),
+											value: L,
+											onChange: (e) => R(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"
+											value: z,
+											onChange: (e) => B(e.target.value),
+											placeholder: C("channel.nameOptional", "Name (optional)"),
+											className: "w-full sm: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(),
+											onClick: ie,
+											disabled: !L.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")]
+											children: [/* @__PURE__ */ T(b, { className: "w-4 h-4" }), C("channel.add", "Add")]
 										})
 									]
 								}),
@@ -269,14 +269,14 @@ function O() {
 											className: "text-xs text-muted-foreground",
 											children: e.name
 										})] }), /* @__PURE__ */ T("button", {
-											onClick: () => re(e.id),
+											onClick: () => ae(e.id),
 											className: "p-1 hover:bg-muted rounded transition-colors",
-											children: /* @__PURE__ */ T(C, { className: "w-4 h-4 text-muted-foreground" })
+											children: /* @__PURE__ */ T(te, { 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")
+									children: C("channel.noRecipientsYet", "No recipients added yet")
 								})
 							]
 						}),
@@ -285,18 +285,18 @@ function O() {
 							children: [
 								/* @__PURE__ */ E("label", {
 									className: "text-sm font-medium",
-									children: [S("channel.messageContent", "Message Content"), " *"]
+									children: [C("channel.messageContent", "Message Content"), " *"]
 								}),
 								M === "EMAIL" && /* @__PURE__ */ T("input", {
 									type: "text",
-									value: B,
-									onChange: (e) => V(e.target.value),
+									value: V,
+									onChange: (e) => H(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),
+									value: U,
+									onChange: (e) => W(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"
@@ -307,7 +307,7 @@ function O() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ T("label", {
 								className: "text-sm font-medium",
-								children: S("channel.priority", "Priority")
+								children: C("channel.priority", "Priority")
 							}), /* @__PURE__ */ T("div", {
 								className: "flex gap-2",
 								children: [
@@ -316,8 +316,8 @@ function O() {
 									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"}`,
+									onClick: () => K(e),
+									className: `px-4 py-2 rounded-lg border text-sm transition-all ${G === e ? "bg-primary text-primary-foreground border-primary" : "bg-card hover:bg-muted border-border"}`,
 									children: e
 								}, e))
 							})]
@@ -325,16 +325,16 @@ function O() {
 						/* @__PURE__ */ T("div", {
 							className: "flex justify-end pt-4",
 							children: /* @__PURE__ */ T("button", {
-								onClick: ae,
-								disabled: k || !A || P.length === 0 || !H.trim(),
+								onClick: se,
+								disabled: k || !A || P.length === 0 || !U.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"),
+								children: k ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(g, { className: "w-5 h-5 animate-spin" }), C("channel.sending", "Sending...")] }) : /* @__PURE__ */ E(w, { children: [
+									/* @__PURE__ */ T(x, { className: "w-5 h-5" }),
+									C("channel.sendTo", "Send to"),
 									" ",
 									P.length,
 									" ",
-									P.length === 1 ? S("channel.recipient", "recipient") : S("channel.recipients", "recipients")
+									P.length === 1 ? C("channel.recipient", "recipient") : C("channel.recipients", "recipients")
 								] })
 							})
 						})
@@ -345,29 +345,29 @@ function O() {
 						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-success-500" }) : /* @__PURE__ */ T(d, { className: "w-8 h-8 text-warning-500" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							children: [$ === 0 ? /* @__PURE__ */ T(m, { className: "w-8 h-8 text-status-success-text" }) : /* @__PURE__ */ T(d, { className: "w-8 h-8 text-status-warning-text" }), /* @__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`
+								children: $ === 0 ? C("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"),
+									C("channel.successful", "successful"),
 									", ",
 									$,
 									" ",
-									S("channel.failed", "failed")
+									C("channel.failed", "failed")
 								]
 							})] })]
 						}), /* @__PURE__ */ T("button", {
-							onClick: ie,
+							onClick: oe,
 							className: "px-4 py-2 rounded-lg border hover:bg-muted transition-colors",
-							children: S("channel.sendAnother", "Send Another")
+							children: C("channel.sendAnother", "Send Another")
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: "border rounded-lg divide-y",
-						children: K.map((e) => {
+						children: q.map((e) => {
 							let t = P.find((t) => t.id === e.recipientId);
 							return /* @__PURE__ */ E("div", {
 								className: "p-4 flex items-center justify-between",
@@ -388,7 +388,7 @@ function O() {
 										className: "text-xs text-destructive",
 										children: e.error
 									})
-								] }), e.success ? /* @__PURE__ */ T(p, { className: "w-5 h-5 text-success-500" }) : /* @__PURE__ */ T(te, { className: "w-5 h-5 text-destructive" })]
+								] }), e.success ? /* @__PURE__ */ T(m, { className: "w-5 h-5 text-status-success-text" }) : /* @__PURE__ */ T(ne, { className: "w-5 h-5 text-destructive" })]
 							}, e.recipientId);
 						})
 					})]

package/dist/channel/modules/channels/pages/SendMessagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SendMessagePage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"sourcesContent":["/*\n Send Message Page\n \n UI for sending notifications/messages through channels.\n * Supports single and bulk delivery with recipient management.\n /\n\nimport { useState, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n ArrowLeft,\n Send,\n Loader2,\n AlertCircle,\n CheckCircle2,\n XCircle,\n Plus,\n X,\n Mail,\n Smartphone,\n Bell,\n MessageSquare,\n Hash,\n Users,\n MessageCircle,\n} from 'lucide-react';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport { useSendNotificationMutation } from '../../../../generated/global-operations';\nimport {\n ChannelPlatform,\n NotificationChannel,\n NotificationPriority,\n RecipientInput,\n TriggerNotificationInput,\n} from '../../../../generated/global-types';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface Recipient {\n id: string;\n address: string;\n name?: string;\n}\n\ninterface DeliveryResult {\n recipientId: string;\n success: boolean;\n messageId?: string;\n error?: string;\n}\n\n// ============================================================================\n// PLATFORM CONFIG\n// ============================================================================\n\nconst PLATFORM_ICONS: Record<string, typeof Mail> = {\n EMAIL: Mail,\n SMS: Smartphone,\n PUSH: Bell,\n WHATSAPP: MessageSquare,\n SLACK: Hash,\n TEAMS: Users,\n DISCORD: MessageCircle,\n INAPP: Bell,\n WEBCHAT: MessageSquare,\n WEBHOOK: Send,\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function SendMessagePage() {\n const navigate = useNavigate();\n const { channels } = useChannels();\n const { organizationId, authToken, apiGatewayUrl } = 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 // Get Apollo client for notification mutations\n const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n\n // Send notification via notification-svc (which calls channel-svc with service actor)\n const [sendNotification, { loading: isSending }] = useSendNotificationMutation({ client });\n\n // Channel selection\n const [selectedChannelId, setSelectedChannelId] = useState('');\n const [platform, setPlatform] = useState<ChannelPlatform>('EMAIL' as ChannelPlatform);\n\n // Recipients\n const [recipients, setRecipients] = useState<Recipient[]>([]);\n const [newAddress, setNewAddress] = useState('');\n const [newName, setNewName] = useState('');\n\n // Message content\n const [subject, setSubject] = useState('');\n const [body, setBody] = useState('');\n const [priority, setPriority] = useState<NotificationPriority>(NotificationPriority.Medium);\n\n // UI state\n const [results, setResults] = useState<DeliveryResult[] \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n\n // Filter channels by platform\n const filteredChannels = channels.filter((ch) => ch.platform === platform);\n\n // Add recipient\n const addRecipient = useCallback(() => {\n if (!newAddress.trim()) return;\n\n const recipient: Recipient = {\n id: `temp-${Date.now()}`,\n address: newAddress.trim(),\n name: newName.trim() \|\| undefined,\n };\n\n setRecipients((prev) => [...prev, recipient]);\n setNewAddress('');\n setNewName('');\n }, [newAddress, newName]);\n\n // Remove recipient\n const removeRecipient = useCallback((id: string) => {\n setRecipients((prev) => prev.filter((r) => r.id !== id));\n }, []);\n\n // Clear results and reset\n const handleReset = useCallback(() => {\n setResults(null);\n setError(null);\n setSubject('');\n setBody('');\n setRecipients([]);\n }, []);\n\n // Send message via notification-svc (which handles service actor auth to channel-svc)\n const handleSend = async () => {\n if (!selectedChannelId) {\n setError(tr('channel.validation.selectChannel', 'Please select a channel'));\n return;\n }\n\n if (recipients.length === 0) {\n setError(tr('channel.validation.addRecipient', 'Please add at least one recipient'));\n return;\n }\n\n if (!body.trim()) {\n setError(tr('channel.validation.enterMessage', 'Please enter a message'));\n return;\n }\n\n setError(null);\n setResults(null);\n\n try {\n // Find the selected channel to get platform and connection info\n const selectedChannel = channels.find((ch) => ch.id === selectedChannelId);\n if (!selectedChannel) {\n setError(tr('channel.error.channelNotFound', 'Selected channel not found'));\n return;\n }\n\n // Map ChannelPlatform to NotificationChannel\n // Most platforms have the same name (EMAIL, SMS, PUSH, etc.)\n // ChannelPlatform uses 'INAPP' but there's no INAPP in ChannelPlatform enum\n // (only in PLATFORM_ICONS). We check using string literal.\n const platformStr = platform as string;\n const notificationChannel =\n platformStr === 'INAPP'\n ? NotificationChannel.InApp\n : (platform as unknown as NotificationChannel);\n\n // Send to each recipient in parallel via notification-svc\n const deliveryResults: DeliveryResult[] = await Promise.all(\n recipients.map(async (recipient): Promise<DeliveryResult> => {\n // Build recipient input for notification-svc\n const recipientInput: RecipientInput = {};\n switch (platform) {\n case 'EMAIL':\n recipientInput.email = recipient.address;\n break;\n case 'SMS':\n case 'WHATSAPP':\n recipientInput.phoneNumber = recipient.address;\n break;\n case 'PUSH':\n recipientInput.pushToken = recipient.address;\n break;\n case 'SLACK':\n recipientInput.slackUserId = recipient.address;\n break;\n case 'TEAMS':\n recipientInput.teamsUserId = recipient.address;\n break;\n case 'WEBHOOK':\n recipientInput.webhookUrl = recipient.address;\n break;\n default:\n recipientInput.email = recipient.address;\n }\n\n // Build TriggerNotificationInput - creates notification AND triggers delivery\n const triggerInput: TriggerNotificationInput = {\n channelId: selectedChannel.id,\n platform: notificationChannel,\n notification: {\n body: body,\n channel: notificationChannel,\n recipient: recipientInput,\n subject: platform === 'EMAIL' ? subject : undefined,\n priority: priority,\n },\n };\n\n try {\n const result = await sendNotification({ variables: { input: triggerInput } });\n\n if (result.data?.triggerNotification) {\n const notification = result.data.triggerNotification;\n // deliveryStatus is null at trigger time (async delivery hasn't completed yet).\n // Use triggerStatus + status to determine immediate send success.\n const failed =\n notification.status === 'FAILED' \|\| notification.triggerStatus === 'FAILED';\n return {\n recipientId: recipient.id,\n success: !failed,\n messageId: notification.id,\n error: failed ? 'Delivery failed' : undefined,\n };\n }\n return {\n recipientId: recipient.id,\n success: false,\n error: result.error?.message \|\| 'Failed to send notification',\n };\n } catch (err: unknown) {\n return {\n recipientId: recipient.id,\n success: false,\n error: err instanceof Error ? err.message : 'Failed to send notification',\n };\n }\n })\n );\n\n setResults(deliveryResults);\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : 'Failed to send message';\n setError(message);\n }\n };\n\n const successCount = results?.filter((r) => r.success).length ?? 0;\n const failCount = results?.filter((r) => !r.success).length ?? 0;\n\n return (\n <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_SEND}>\n <div className=\"min-h-screen bg-background\">\n {/ Header /}\n <div className=\"border-b bg-card\">\n <div className=\"container mx-auto px-6 py-4\">\n <div className=\"flex items-center gap-4\">\n <button\n onClick={() => navigate('/channels/list')}\n className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n >\n <ArrowLeft className=\"w-5 h-5\" />\n </button>\n <div>\n <h1 className=\"text-2xl font-bold\">{tr('channel.sendMessage', 'Send Message')}</h1>\n <p className=\"text-sm text-muted-foreground\">\n {tr(\n 'channel.sendMessageSubtitle',\n 'Send notifications through configured channels'\n )}\n </p>\n </div>\n </div>\n </div>\n </div>\n\n {/ Content /}\n <div className=\"container mx-auto px-6 py-8 max-w-3xl\">\n {results === null ? (\n <div className=\"space-y-6\">\n {/ Error Alert /}\n {error && (\n <div className=\"p-4 rounded-lg bg-destructive/10 border border-destructive/20 flex items-center gap-3\">\n <AlertCircle className=\"w-5 h-5 text-destructive shrink-0\" />\n <p className=\"text-sm text-destructive\">{error}</p>\n </div>\n )}\n\n {/ Platform Selection /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">{tr('channel.platform', 'Platform')}</label>\n <div className=\"flex flex-wrap gap-2\">\n {(\n [\n 'EMAIL',\n 'SMS',\n 'PUSH',\n 'WHATSAPP',\n 'SLACK',\n 'TEAMS',\n 'WEBHOOK',\n ] as ChannelPlatform[]\n ).map((p) => {\n const Icon = PLATFORM_ICONS[p] \|\| Send;\n const isSelected = platform === p;\n return (\n <button\n key={p}\n onClick={() => {\n setPlatform(p);\n setSelectedChannelId('');\n }}\n className={`px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${\n isSelected\n ? 'bg-primary text-primary-foreground border-primary'\n : 'bg-card hover:bg-muted border-border'\n }`}\n >\n <Icon className=\"w-4 h-4\" />\n <span className=\"text-sm\">{p}</span>\n </button>\n );\n })}\n </div>\n </div>\n\n {/ Channel Selection /}\n <div className=\"space-y-2\">\n <label className=\"text-sm font-medium\">{tr('channel.channel', 'Channel')} </label>\n {filteredChannels.length === 0 ? (\n <div className=\"p-4 rounded-lg border border-dashed text-center\">\n <p className=\"text-sm text-muted-foreground\">\n No {platform} channels configured.\n <button\n onClick={() => navigate('./create')}\n className=\"text-primary hover:underline ml-1\"\n >\n Create one\n </button>\n </p>\n </div>\n ) : (\n <select\n value={selectedChannelId}\n onChange={(e) => setSelectedChannelId(e.target.value)}\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n >\n <option value=\"\">{tr('channel.selectChannel', 'Select a channel...')}</option>\n {filteredChannels.map((ch) => (\n <option key={ch.id} value={ch.id}>\n {ch.name} ({ch.adapterType})\n </option>\n ))}\n </select>\n )}\n </div>\n\n {/* Recipients /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">\n {tr('channel.recipients', 'Recipients')}\n </label>\n\n {/ Add recipient form /}\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n value={newAddress}\n onChange={(e) => setNewAddress(e.target.value)}\n placeholder={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n className=\"flex-1 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <input\n type=\"text\"\n value={newName}\n onChange={(e) => setNewName(e.target.value)}\n placeholder={tr('channel.nameOptional', 'Name (optional)')}\n className=\"w-48 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <button\n onClick={addRecipient}\n disabled={!newAddress.trim()}\n 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\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('channel.add', 'Add')}\n </button>\n </div>\n\n {/ recipient list /}\n {recipients.length > 0 ? (\n <div className=\"border rounded-lg divide-y\">\n {recipients.map((r) => (\n <div key={r.id} className=\"p-3 flex items-center justify-between\">\n <div>\n <p className=\"text-sm font-medium\">{r.address}</p>\n {r.name && <p className=\"text-xs text-muted-foreground\">{r.name}</p>}\n </div>\n <button\n onClick={() => removeRecipient(r.id)}\n className=\"p-1 hover:bg-muted rounded transition-colors\"\n >\n <X className=\"w-4 h-4 text-muted-foreground\" />\n </button>\n </div>\n ))}\n </div>\n ) : (\n <p className=\"text-sm text-muted-foreground text-center py-4\">\n {tr('channel.noRecipientsYet', 'No recipients added yet')}\n </p>\n )}\n </div>\n\n {/ Message Content /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">\n {tr('channel.messageContent', 'Message Content')} \n </label>\n\n {platform === 'EMAIL' && (\n <input\n type=\"text\"\n value={subject}\n onChange={(e) => setSubject(e.target.value)}\n placeholder=\"Subject\"\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n )}\n\n <textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n placeholder=\"Enter your message...\"\n rows={6}\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none\"\n />\n </div>\n\n {/* Priority /}\n <div className=\"space-y-2\">\n <label className=\"text-sm font-medium\">{tr('channel.priority', 'Priority')}</label>\n <div className=\"flex gap-2\">\n {(\n [\n NotificationPriority.Low,\n NotificationPriority.Medium,\n NotificationPriority.High,\n NotificationPriority.Urgent,\n ] as const\n ).map((p) => (\n <button\n key={p}\n onClick={() => setPriority(p)}\n className={`px-4 py-2 rounded-lg border text-sm transition-all ${\n priority === p\n ? 'bg-primary text-primary-foreground border-primary'\n : 'bg-card hover:bg-muted border-border'\n }`}\n >\n {p}\n </button>\n ))}\n </div>\n </div>\n\n {/ Send Button /}\n <div className=\"flex justify-end pt-4\">\n <button\n onClick={handleSend}\n disabled={\n isSending \|\| !selectedChannelId \|\| recipients.length === 0 \|\| !body.trim()\n }\n 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\"\n >\n {isSending ? (\n <>\n <Loader2 className=\"w-5 h-5 animate-spin\" />\n {tr('channel.sending', 'Sending...')}\n </>\n ) : (\n <>\n <Send className=\"w-5 h-5\" />\n {tr('channel.sendTo', 'Send to')} {recipients.length}{' '}\n {recipients.length !== 1\n ? tr('channel.recipients', 'recipients')\n : tr('channel.recipient', 'recipient')}\n </>\n )}\n </button>\n </div>\n </div>\n ) : (\n / Results View /\n <div className=\"space-y-6\">\n {/ Summary /}\n <div className=\"p-4 rounded-lg border flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n {failCount === 0 ? (\n <CheckCircle2 className=\"w-8 h-8 text-success-500\" />\n ) : (\n <AlertCircle className=\"w-8 h-8 text-warning-500\" />\n )}\n <div>\n <h2 className=\"text-lg font-semibold\">\n {failCount === 0\n ? tr('channel.allMessagesSent', 'All messages sent!')\n : `${successCount} of ${recipients.length} sent`}\n </h2>\n <p className=\"text-sm text-muted-foreground\">\n {successCount} {tr('channel.successful', 'successful')}, {failCount}{' '}\n {tr('channel.failed', 'failed')}\n </p>\n </div>\n </div>\n <button\n onClick={handleReset}\n className=\"px-4 py-2 rounded-lg border hover:bg-muted transition-colors\"\n >\n {tr('channel.sendAnother', 'Send Another')}\n </button>\n </div>\n\n {/ Results List */}\n <div className=\"border rounded-lg divide-y\">\n {results.map((result) => {\n const recipient = recipients.find((r) => r.id === result.recipientId);\n return (\n <div key={result.recipientId} className=\"p-4 flex items-center justify-between\">\n <div>\n <p className=\"text-sm font-medium\">{recipient?.address}</p>\n {recipient?.name && (\n <p className=\"text-xs text-muted-foreground\">{recipient.name}</p>\n )}\n {result.messageId && (\n <p className=\"text-xs text-muted-foreground font-mono\">\n {result.messageId}\n </p>\n )}\n {result.error && <p className=\"text-xs text-destructive\">{result.error}</p>}\n </div>\n {result.success ? (\n <CheckCircle2 className=\"w-5 h-5 text-success-500\" />\n ) : (\n <XCircle className=\"w-5 h-5 text-destructive\" />\n )}\n </div>\n );\n })}\n </div>\n </div>\n )}\n </div>\n </div>\n </PermissionGuard>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SendMessagePage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/SendMessagePage.tsx"],"sourcesContent":["/*\n Send Message Page\n \n UI for sending notifications/messages through channels.\n * Supports single and bulk delivery with recipient management.\n /\n\nimport { useState, useCallback, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n ArrowLeft,\n Send,\n Loader2,\n AlertCircle,\n CheckCircle2,\n XCircle,\n Plus,\n X,\n Mail,\n Smartphone,\n Bell,\n MessageSquare,\n Hash,\n Users,\n MessageCircle,\n} from 'lucide-react';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { useChannels } from '../../../hooks/useChannels';\nimport { getGlobalChannelClient } from '../../../graphql/global-client';\nimport { useSendNotificationMutation } from '../../../../generated/global-operations';\nimport {\n ChannelPlatform,\n NotificationChannel,\n NotificationPriority,\n RecipientInput,\n TriggerNotificationInput,\n} from '../../../../generated/global-types';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface Recipient {\n id: string;\n address: string;\n name?: string;\n}\n\ninterface DeliveryResult {\n recipientId: string;\n success: boolean;\n messageId?: string;\n error?: string;\n}\n\n// ============================================================================\n// PLATFORM CONFIG\n// ============================================================================\n\nconst PLATFORM_ICONS: Record<string, typeof Mail> = {\n EMAIL: Mail,\n SMS: Smartphone,\n PUSH: Bell,\n WHATSAPP: MessageSquare,\n SLACK: Hash,\n TEAMS: Users,\n DISCORD: MessageCircle,\n INAPP: Bell,\n WEBCHAT: MessageSquare,\n WEBHOOK: Send,\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function SendMessagePage() {\n const navigate = useNavigate();\n const { channels } = useChannels();\n const { organizationId, authToken, apiGatewayUrl } = 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 // Get Apollo client for notification mutations\n const client = getGlobalChannelClient(apiGatewayUrl, authToken, organizationId);\n\n // Send notification via notification-svc (which calls channel-svc with service actor)\n const [sendNotification, { loading: isSending }] = useSendNotificationMutation({ client });\n\n // Channel selection\n const [selectedChannelId, setSelectedChannelId] = useState('');\n const [platform, setPlatform] = useState<ChannelPlatform>('EMAIL' as ChannelPlatform);\n\n // Recipients\n const [recipients, setRecipients] = useState<Recipient[]>([]);\n const recipientIdCounter = useRef(0);\n const [newAddress, setNewAddress] = useState('');\n const [newName, setNewName] = useState('');\n\n // Message content\n const [subject, setSubject] = useState('');\n const [body, setBody] = useState('');\n const [priority, setPriority] = useState<NotificationPriority>(NotificationPriority.Medium);\n\n // UI state\n const [results, setResults] = useState<DeliveryResult[] \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n\n // Filter channels by platform\n const filteredChannels = channels.filter((ch) => ch.platform === platform);\n\n // Add recipient\n const addRecipient = useCallback(() => {\n if (!newAddress.trim()) return;\n\n const recipient: Recipient = {\n id: `r-${++recipientIdCounter.current}`,\n address: newAddress.trim(),\n name: newName.trim() \|\| undefined,\n };\n\n setRecipients((prev) => [...prev, recipient]);\n setNewAddress('');\n setNewName('');\n }, [newAddress, newName]);\n\n // Remove recipient\n const removeRecipient = useCallback((id: string) => {\n setRecipients((prev) => prev.filter((r) => r.id !== id));\n }, []);\n\n // Clear results and reset\n const handleReset = useCallback(() => {\n setResults(null);\n setError(null);\n setSubject('');\n setBody('');\n setRecipients([]);\n }, []);\n\n // Send message via notification-svc (which handles service actor auth to channel-svc)\n const handleSend = async () => {\n if (!selectedChannelId) {\n setError(tr('channel.validation.selectChannel', 'Please select a channel'));\n return;\n }\n\n if (recipients.length === 0) {\n setError(tr('channel.validation.addRecipient', 'Please add at least one recipient'));\n return;\n }\n\n if (!body.trim()) {\n setError(tr('channel.validation.enterMessage', 'Please enter a message'));\n return;\n }\n\n setError(null);\n setResults(null);\n\n try {\n // Find the selected channel to get platform and connection info\n const selectedChannel = channels.find((ch) => ch.id === selectedChannelId);\n if (!selectedChannel) {\n setError(tr('channel.error.channelNotFound', 'Selected channel not found'));\n return;\n }\n\n // Map ChannelPlatform to NotificationChannel\n // Most platforms have the same name (EMAIL, SMS, PUSH, etc.)\n // ChannelPlatform uses 'INAPP' but there's no INAPP in ChannelPlatform enum\n // (only in PLATFORM_ICONS). We check using string literal.\n const platformStr = platform as string;\n const notificationChannel =\n platformStr === 'INAPP'\n ? NotificationChannel.InApp\n : (platform as unknown as NotificationChannel);\n\n // Send to each recipient in parallel via notification-svc\n const deliveryResults: DeliveryResult[] = await Promise.all(\n recipients.map(async (recipient): Promise<DeliveryResult> => {\n // Build recipient input for notification-svc\n const recipientInput: RecipientInput = {};\n switch (platform) {\n case 'EMAIL':\n recipientInput.email = recipient.address;\n break;\n case 'SMS':\n case 'WHATSAPP':\n recipientInput.phoneNumber = recipient.address;\n break;\n case 'PUSH':\n recipientInput.pushToken = recipient.address;\n break;\n case 'SLACK':\n recipientInput.slackUserId = recipient.address;\n break;\n case 'TEAMS':\n recipientInput.teamsUserId = recipient.address;\n break;\n case 'WEBHOOK':\n recipientInput.webhookUrl = recipient.address;\n break;\n default:\n recipientInput.email = recipient.address;\n }\n\n // Build TriggerNotificationInput - creates notification AND triggers delivery\n const triggerInput: TriggerNotificationInput = {\n channelId: selectedChannel.id,\n platform: notificationChannel,\n notification: {\n body: body,\n channel: notificationChannel,\n recipient: recipientInput,\n subject: platform === 'EMAIL' ? subject : undefined,\n priority: priority,\n },\n };\n\n try {\n const result = await sendNotification({ variables: { input: triggerInput } });\n\n if (result.data?.triggerNotification) {\n const notification = result.data.triggerNotification;\n // deliveryStatus is null at trigger time (async delivery hasn't completed yet).\n // Use triggerStatus + status to determine immediate send success.\n const failed =\n notification.status === 'FAILED' \|\| notification.triggerStatus === 'FAILED';\n const errorDetail = notification.errorMessage \|\| notification.errorCode;\n return {\n recipientId: recipient.id,\n success: !failed,\n messageId: notification.id,\n error: failed\n ? errorDetail\n ? `Delivery failed: ${errorDetail}`\n : 'Delivery failed'\n : undefined,\n };\n }\n return {\n recipientId: recipient.id,\n success: false,\n error: result.error?.message \|\| 'Failed to send notification',\n };\n } catch (err: unknown) {\n return {\n recipientId: recipient.id,\n success: false,\n error: err instanceof Error ? err.message : 'Failed to send notification',\n };\n }\n })\n );\n\n setResults(deliveryResults);\n } catch (err: unknown) {\n const message = err instanceof Error ? err.message : 'Failed to send message';\n setError(message);\n }\n };\n\n const successCount = results?.filter((r) => r.success).length ?? 0;\n const failCount = results?.filter((r) => !r.success).length ?? 0;\n\n return (\n <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_SEND}>\n <div className=\"min-h-screen bg-background\">\n {/ Header /}\n <div className=\"border-b bg-card\">\n <div className=\"container mx-auto px-6 py-4\">\n <div className=\"flex items-center gap-4\">\n <button\n onClick={() => navigate('/channels/list')}\n className=\"p-2 hover:bg-muted rounded-lg transition-colors\"\n >\n <ArrowLeft className=\"w-5 h-5\" />\n </button>\n <div>\n <h1 className=\"text-2xl font-bold\">{tr('channel.sendMessage', 'Send Message')}</h1>\n <p className=\"text-sm text-muted-foreground\">\n {tr(\n 'channel.sendMessageSubtitle',\n 'Send notifications through configured channels'\n )}\n </p>\n </div>\n </div>\n </div>\n </div>\n\n {/ Content /}\n <div className=\"container mx-auto px-6 py-8 max-w-3xl\">\n {results === null ? (\n <div className=\"space-y-6\">\n {/ Error Alert /}\n {error && (\n <div className=\"p-4 rounded-lg bg-destructive/10 border border-destructive/20 flex items-center gap-3\">\n <AlertCircle className=\"w-5 h-5 text-destructive shrink-0\" />\n <p className=\"text-sm text-destructive\">{error}</p>\n </div>\n )}\n\n {/ Platform Selection /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">{tr('channel.platform', 'Platform')}</label>\n <div className=\"flex flex-wrap gap-2\">\n {(\n [\n 'EMAIL',\n 'SMS',\n 'PUSH',\n 'WHATSAPP',\n 'SLACK',\n 'TEAMS',\n 'WEBHOOK',\n ] as ChannelPlatform[]\n ).map((p) => {\n const Icon = PLATFORM_ICONS[p] \|\| Send;\n const isSelected = platform === p;\n return (\n <button\n key={p}\n onClick={() => {\n setPlatform(p);\n setSelectedChannelId('');\n }}\n className={`px-4 py-2 rounded-lg border flex items-center gap-2 transition-all ${\n isSelected\n ? 'bg-primary text-primary-foreground border-primary'\n : 'bg-card hover:bg-muted border-border'\n }`}\n >\n <Icon className=\"w-4 h-4\" />\n <span className=\"text-sm\">{p}</span>\n </button>\n );\n })}\n </div>\n </div>\n\n {/ Channel Selection /}\n <div className=\"space-y-2\">\n <label className=\"text-sm font-medium\">{tr('channel.channel', 'Channel')} </label>\n {filteredChannels.length === 0 ? (\n <div className=\"p-4 rounded-lg border border-dashed text-center\">\n <p className=\"text-sm text-muted-foreground\">\n No {platform} channels configured.\n <button\n onClick={() => navigate('./create')}\n className=\"text-primary hover:underline ml-1\"\n >\n Create one\n </button>\n </p>\n </div>\n ) : (\n <select\n value={selectedChannelId}\n onChange={(e) => setSelectedChannelId(e.target.value)}\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n >\n <option value=\"\">{tr('channel.selectChannel', 'Select a channel...')}</option>\n {filteredChannels.map((ch) => (\n <option key={ch.id} value={ch.id}>\n {ch.name} ({ch.adapterType})\n </option>\n ))}\n </select>\n )}\n </div>\n\n {/* Recipients /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">\n {tr('channel.recipients', 'Recipients')}\n </label>\n\n {/ Add recipient form /}\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n value={newAddress}\n onChange={(e) => setNewAddress(e.target.value)}\n placeholder={platform === 'EMAIL' ? 'email@example.com' : '+1234567890'}\n className=\"flex-1 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <input\n type=\"text\"\n value={newName}\n onChange={(e) => setNewName(e.target.value)}\n placeholder={tr('channel.nameOptional', 'Name (optional)')}\n className=\"w-full sm:w-48 px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <button\n onClick={addRecipient}\n disabled={!newAddress.trim()}\n 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\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('channel.add', 'Add')}\n </button>\n </div>\n\n {/ recipient list /}\n {recipients.length > 0 ? (\n <div className=\"border rounded-lg divide-y\">\n {recipients.map((r) => (\n <div key={r.id} className=\"p-3 flex items-center justify-between\">\n <div>\n <p className=\"text-sm font-medium\">{r.address}</p>\n {r.name && <p className=\"text-xs text-muted-foreground\">{r.name}</p>}\n </div>\n <button\n onClick={() => removeRecipient(r.id)}\n className=\"p-1 hover:bg-muted rounded transition-colors\"\n >\n <X className=\"w-4 h-4 text-muted-foreground\" />\n </button>\n </div>\n ))}\n </div>\n ) : (\n <p className=\"text-sm text-muted-foreground text-center py-4\">\n {tr('channel.noRecipientsYet', 'No recipients added yet')}\n </p>\n )}\n </div>\n\n {/ Message Content /}\n <div className=\"space-y-3\">\n <label className=\"text-sm font-medium\">\n {tr('channel.messageContent', 'Message Content')} \n </label>\n\n {platform === 'EMAIL' && (\n <input\n type=\"text\"\n value={subject}\n onChange={(e) => setSubject(e.target.value)}\n placeholder=\"Subject\"\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n )}\n\n <textarea\n value={body}\n onChange={(e) => setBody(e.target.value)}\n placeholder=\"Enter your message...\"\n rows={6}\n className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none\"\n />\n </div>\n\n {/* Priority /}\n <div className=\"space-y-2\">\n <label className=\"text-sm font-medium\">{tr('channel.priority', 'Priority')}</label>\n <div className=\"flex gap-2\">\n {(\n [\n NotificationPriority.Low,\n NotificationPriority.Medium,\n NotificationPriority.High,\n NotificationPriority.Urgent,\n ] as const\n ).map((p) => (\n <button\n key={p}\n onClick={() => setPriority(p)}\n className={`px-4 py-2 rounded-lg border text-sm transition-all ${\n priority === p\n ? 'bg-primary text-primary-foreground border-primary'\n : 'bg-card hover:bg-muted border-border'\n }`}\n >\n {p}\n </button>\n ))}\n </div>\n </div>\n\n {/ Send Button /}\n <div className=\"flex justify-end pt-4\">\n <button\n onClick={handleSend}\n disabled={\n isSending \|\| !selectedChannelId \|\| recipients.length === 0 \|\| !body.trim()\n }\n 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\"\n >\n {isSending ? (\n <>\n <Loader2 className=\"w-5 h-5 animate-spin\" />\n {tr('channel.sending', 'Sending...')}\n </>\n ) : (\n <>\n <Send className=\"w-5 h-5\" />\n {tr('channel.sendTo', 'Send to')} {recipients.length}{' '}\n {recipients.length !== 1\n ? tr('channel.recipients', 'recipients')\n : tr('channel.recipient', 'recipient')}\n </>\n )}\n </button>\n </div>\n </div>\n ) : (\n / Results View /\n <div className=\"space-y-6\">\n {/ Summary /}\n <div className=\"p-4 rounded-lg border flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n {failCount === 0 ? (\n <CheckCircle2 className=\"w-8 h-8 text-status-success-text\" />\n ) : (\n <AlertCircle className=\"w-8 h-8 text-status-warning-text\" />\n )}\n <div>\n <h2 className=\"text-lg font-semibold\">\n {failCount === 0\n ? tr('channel.allMessagesSent', 'All messages sent!')\n : `${successCount} of ${recipients.length} sent`}\n </h2>\n <p className=\"text-sm text-muted-foreground\">\n {successCount} {tr('channel.successful', 'successful')}, {failCount}{' '}\n {tr('channel.failed', 'failed')}\n </p>\n </div>\n </div>\n <button\n onClick={handleReset}\n className=\"px-4 py-2 rounded-lg border hover:bg-muted transition-colors\"\n >\n {tr('channel.sendAnother', 'Send Another')}\n </button>\n </div>\n\n {/ Results List */}\n <div className=\"border rounded-lg divide-y\">\n {results.map((result) => {\n const recipient = recipients.find((r) => r.id === result.recipientId);\n return (\n <div key={result.recipientId} className=\"p-4 flex items-center justify-between\">\n <div>\n <p className=\"text-sm font-medium\">{recipient?.address}</p>\n {recipient?.name && (\n <p className=\"text-xs text-muted-foreground\">{recipient.name}</p>\n )}\n {result.messageId && (\n <p className=\"text-xs text-muted-foreground font-mono\">\n {result.messageId}\n </p>\n )}\n {result.error && <p className=\"text-xs text-destructive\">{result.error}</p>}\n </div>\n {result.success ? (\n <CheckCircle2 className=\"w-5 h-5 text-status-success-text\" />\n ) : (\n <XCircle className=\"w-5 h-5 text-destructive\" />\n )}\n </div>\n );\n })}\n </div>\n </div>\n )}\n </div>\n </div>\n </PermissionGuard>\n );\n}\n"],"mappings":"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"}

package/dist/channel/modules/channels/pages/WebhookEventsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebhookEventsPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/WebhookEventsPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;~~AA4CH~~,wBAAgB,iBAAiB,~~4CA8QhC~~"}
1	+ {"version":3,"file":"WebhookEventsPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/WebhookEventsPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA0DH,wBAAgB,iBAAiB,4CA8WhC"}