@burdenoff/microfe-channel 2026.510.112

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryHistoryPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/DeliveryHistoryPage.tsx"],"sourcesContent":["/**\n * Delivery History Page\n *\n * Displays message delivery attempts for a specific channel with retry capability\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  RefreshCw,\n  Send,\n  RotateCcw,\n  Download,\n} from 'lucide-react';\nimport { useChannel, type DeliveryStatus, type DeliveryAttempt } from '../../../hooks/useChannels';\nimport { useChannel as useChannelContext } from '../../../providers/ChannelProvider';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\nimport {\n  DELIVERY_UPDATED_SUBSCRIPTION,\n  useChannelSubscription,\n} from '../../../hooks/useChannelSubscription';\nimport { useExportDeliveryAttempts } from '../hooks/useExport';\n\nconst STATUS_CONFIG: Record<\n  DeliveryStatus,\n  { label: string; color: string; icon: typeof CheckCircle2 }\n> = {\n  PENDING: { label: 'Pending', color: 'text-muted-foreground bg-muted', icon: Clock },\n  QUEUED: { label: 'Queued', color: 'text-info-500 bg-info-100', icon: Clock },\n  SENDING: { label: 'Sending', color: 'text-accent-primary bg-accent-primary/10', icon: Send },\n  SENT: { label: 'Sent', color: 'text-success-500 bg-success-100', icon: CheckCircle2 },\n  DELIVERED: { label: 'Delivered', color: 'text-success-500 bg-success-100', icon: CheckCircle2 },\n  FAILED: { label: 'Failed', color: 'text-error-500 bg-error-100', icon: XCircle },\n  BOUNCED: { label: 'Bounced', color: 'text-warning-500 bg-warning-100', icon: AlertCircle },\n  REJECTED: { label: 'Rejected', color: 'text-error-500 bg-error-100', icon: XCircle },\n  RATE_LIMITED: { label: 'Rate Limited', color: 'text-warning-500 bg-warning-100', icon: Clock },\n  RETRYING: {\n    label: 'Retrying',\n    color: 'text-accent-primary bg-accent-primary/10',\n    icon: RefreshCw,\n  },\n  OPENED: { label: 'Opened', color: 'text-success-500 bg-success-100', icon: CheckCircle2 },\n  CLICKED: { label: 'Clicked', color: 'text-success-500 bg-success-100', icon: CheckCircle2 },\n};\n\nexport function DeliveryHistoryPage() {\n  const { channelId } = useParams<{ channelId: string }>();\n  const navigate = useNavigate();\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  const { organizationId } = useChannelContext();\n  const {\n    triggerExport: exportDeliveries,\n    isExporting: isExportingDeliveries,\n    exportError: exportDeliveriesError,\n  } = useExportDeliveryAttempts(organizationId ?? undefined, channelId);\n  const [isLoadingAttempts, setIsLoadingAttempts] = useState(true);\n  const [attempts, setAttempts] = useState<DeliveryAttempt[]>([]);\n  const [retryingId, setRetryingId] = useState<string | null>(null);\n  const [retryError, setRetryError] = useState<string | null>(null);\n  const [limit, setLimit] = useState(25);\n\n  const { channel, isLoading, error, fetchDeliveryAttempts, retryDelivery } = useChannel(channelId);\n\n  const loadAttempts = useCallback(async () => {\n    if (!channelId) return;\n    setIsLoadingAttempts(true);\n    setRetryError(null);\n    try {\n      const data = await fetchDeliveryAttempts(limit);\n      setAttempts(data);\n    } finally {\n      setIsLoadingAttempts(false);\n    }\n  }, [channelId, fetchDeliveryAttempts, limit]);\n\n  useEffect(() => {\n    void Promise.resolve().then(() => loadAttempts());\n  }, [loadAttempts]);\n\n  // Real-time updates: subscribe to deliveryUpdated; if absent on the gateway,\n  // the hook falls back to polling at 60s. Conservative fallback keeps cost\n  // low when subs are unavailable. See useChannelSubscription.\n  useChannelSubscription({\n    query: DELIVERY_UPDATED_SUBSCRIPTION,\n    variables: { channelId },\n    operationName: 'DeliveryUpdated',\n    enabled: Boolean(channelId),\n    onData: () => void loadAttempts(),\n    pollFn: loadAttempts,\n    pollIntervalMs: 60_000,\n  });\n\n  const handleRetry = async (attemptId: string) => {\n    setRetryingId(attemptId);\n    setRetryError(null);\n    try {\n      const result = await retryDelivery(attemptId);\n      if (!result.success) {\n        setRetryError(result.error || 'Retry failed');\n      }\n    } finally {\n      setRetryingId(null);\n    }\n  };\n\n  const getStatusConfig = (status: DeliveryStatus) => {\n    return STATUS_CONFIG[status] || STATUS_CONFIG.PENDING;\n  };\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 size={32} className=\"animate-spin text-accent-primary\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error || !channel) {\n    return (\n      <div className=\"p-6\">\n        <div className=\"flex items-center gap-3 p-4 bg-error-100 border border-error-500 rounded-lg\">\n          <AlertCircle size={20} className=\"text-error-500\" />\n          <div>\n            <p className=\"text-sm font-medium text-error-700\">{error || 'Channel not found'}</p>\n          </div>\n          <button\n            onClick={() => navigate(`/channels/${channelId}`)}\n            className=\"ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors\"\n          >\n            Go Back\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_READ}>\n      <div className=\"space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <button\n              onClick={() => navigate(`/channels/${channelId}`)}\n              className=\"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors\"\n            >\n              <ArrowLeft size={20} />\n            </button>\n            <div>\n              <h1 className=\"text-xl sm:text-2xl font-bold text-foreground\">\n                {tr('channel.deliveryHistory', 'Delivery History')}\n              </h1>\n              <p className=\"text-sm text-muted-foreground mt-1\">\n                {channel.name} - Message deliveries\n              </p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={limit}\n              onChange={(e) => setLimit(Number(e.target.value))}\n              className=\"px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground\"\n            >\n              <option value={10}>10 results</option>\n              <option value={25}>25 results</option>\n              <option value={50}>50 results</option>\n              <option value={100}>100 results</option>\n            </select>\n            <button\n              onClick={loadAttempts}\n              disabled={isLoadingAttempts}\n              className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50\"\n            >\n              <RefreshCw size={16} className={isLoadingAttempts ? 'animate-spin' : ''} />\n              {tr('channel.refresh', 'Refresh')}\n            </button>\n            <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_ADMIN}>\n              <button\n                onClick={() => void exportDeliveries()}\n                disabled={isExportingDeliveries}\n                className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                title={tr('channel.exportCSV', 'Export to CSV')}\n              >\n                {isExportingDeliveries ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : (\n                  <Download size={16} />\n                )}\n                {tr('channel.export', 'Export')}\n              </button>\n            </PermissionGuard>\n          </div>\n        </div>\n\n        {/* Export Error Banner */}\n        {exportDeliveriesError && (\n          <div className=\"p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3\">\n            <AlertCircle size={20} className=\"text-error-500\" />\n            <p className=\"text-sm text-error-700 flex-1\">{exportDeliveriesError}</p>\n          </div>\n        )}\n\n        {/* Error Banner */}\n        {retryError && (\n          <div className=\"p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3\">\n            <AlertCircle size={20} className=\"text-error-500\" />\n            <p className=\"text-sm text-error-700 flex-1\">{retryError}</p>\n            <button\n              onClick={() => setRetryError(null)}\n              className=\"text-error-500 hover:text-error-700\"\n            >\n              {tr('channel.dismiss', 'Dismiss')}\n            </button>\n          </div>\n        )}\n\n        {/* Info Banner */}\n        <div className=\"p-4 bg-surface border border-border rounded-lg\">\n          <p className=\"text-sm text-muted-foreground\">\n            Delivery history shows all message attempts sent through this channel. Data is retained\n            for 7 days. Click retry on a failed delivery to attempt sending again.\n          </p>\n        </div>\n\n        {/* Deliveries List */}\n        <div className=\"bg-surface border border-border rounded-lg overflow-hidden\">\n          <div className=\"overflow-x-auto min-w-full\">\n            <table className=\"w-full min-w-[700px]\">\n              <thead className=\"bg-muted/50 border-b border-border\">\n                <tr>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.status', 'Status')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.content', 'Content')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.sentAt', 'Sent At')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.retries', 'Retries')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.error', 'Error')}\n                  </th>\n                  <th className=\"px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr('channel.actions', 'Actions')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {isLoadingAttempts ? (\n                  <tr>\n                    <td colSpan={6} className=\"px-4 py-12 text-center\">\n                      <Loader2 size={24} className=\"animate-spin text-accent-primary mx-auto\" />\n                      <p className=\"text-sm text-muted-foreground mt-2\">\n                        Loading delivery attempts...\n                      </p>\n                    </td>\n                  </tr>\n                ) : attempts.length === 0 ? (\n                  <tr>\n                    <td colSpan={6} className=\"px-4 py-12 text-center\">\n                      <div className=\"flex flex-col items-center gap-2\">\n                        <Send size={32} className=\"text-muted-foreground\" />\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {tr('channel.noDeliveryAttempts', 'No delivery attempts yet')}\n                        </p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {tr(\n                            'channel.sendMessageToSeeHistory',\n                            'Send a message through this channel to see delivery history'\n                          )}\n                        </p>\n                      </div>\n                    </td>\n                  </tr>\n                ) : (\n                  attempts.map((delivery) => {\n                    const statusConfig = getStatusConfig(delivery.status as DeliveryStatus);\n                    const StatusIcon = statusConfig.icon;\n                    const canRetry =\n                      delivery.status === 'FAILED' ||\n                      delivery.status === 'BOUNCED' ||\n                      delivery.status === 'REJECTED';\n                    return (\n                      <tr key={delivery.id} className=\"hover:bg-muted/30 transition-colors\">\n                        <td className=\"px-4 py-3\">\n                          <div className=\"flex items-center gap-2\">\n                            <StatusIcon size={14} className={statusConfig.color.split(' ')[0]} />\n                            <span className={`text-sm font-medium ${statusConfig.color}`}>\n                              {statusConfig.label}\n                            </span>\n                          </div>\n                        </td>\n                        <td className=\"px-4 py-3 text-sm text-foreground truncate max-w-xs\">\n                          {delivery.content}\n                        </td>\n                        <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                          {delivery.sentAt ? new Date(delivery.sentAt).toLocaleString() : '-'}\n                        </td>\n                        <td className=\"px-4 py-3 text-sm text-muted-foreground\">\n                          {delivery.retryCount}\n                        </td>\n                        <td className=\"px-4 py-3 text-sm text-error-500 max-w-xs truncate\">\n                          {delivery.errorMessage || '-'}\n                        </td>\n                        <td className=\"px-4 py-3\">\n                          {canRetry && (\n                            <PermissionGuard\n                              permission={CHANNEL_PERMISSIONS.CHANNEL_DELIVERY_EXECUTE}\n                            >\n                              <button\n                                onClick={() => handleRetry(delivery.id)}\n                                disabled={retryingId === delivery.id}\n                                className=\"flex items-center gap-1 px-2 py-1 text-xs font-medium text-accent-primary hover:bg-accent-primary/10 rounded transition-colors disabled:opacity-50\"\n                                title={tr('channel.retryDelivery', 'Retry this delivery')}\n                              >\n                                <RotateCcw\n                                  size={12}\n                                  className={retryingId === delivery.id ? 'animate-spin' : ''}\n                                />\n                                {retryingId === delivery.id\n                                  ? tr('channel.retrying', 'Retrying...')\n                                  : tr('channel.retry', 'Retry')}\n                              </button>\n                            </PermissionGuard>\n                          )}\n                        </td>\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/**
+ * Edit Channel Page
+ *
+ * Allows editing an existing channel's configuration.
+ * Uses the same form structure as CreateChannelPage but pre-fills existing values.
+ */
+export declare function EditChannelPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditChannelPage.d.ts.map

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

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

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

@@ -0,0 +1,459 @@
+import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBridge.js";
+import { useChannel as n, 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 { useEffect as o, useRef as s, useState as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as u, ArrowLeft as d, Bell as f, Hash as p, Inbox as m, Loader2 as h, Mail as g, MessageCircle as _, MessageSquare as v, Save as y, Send as b, Smartphone as x, Trash2 as S, Users as C } from "lucide-react";
+import { useNavigate as w, useParams as T } from "react-router-dom";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/channel/modules/channels/pages/EditChannelPage.tsx
+var k = [
+	{
+		value: "EMAIL",
+		label: "Email",
+		description: "Send emails via various providers",
+		icon: g,
+		color: "text-blue-400 bg-blue-500/15 border-blue-500/30",
+		adapters: [
+			{
+				value: "AWS_SES",
+				label: "AWS SES"
+			},
+			{
+				value: "MAILGUN",
+				label: "Mailgun"
+			},
+			{
+				value: "POSTMARK",
+				label: "Postmark"
+			},
+			{
+				value: "MANDRILL",
+				label: "Mandrill"
+			},
+			{
+				value: "RESEND",
+				label: "Resend"
+			},
+			{
+				value: "AZURE_ACS",
+				label: "Azure Communication Services"
+			},
+			{
+				value: "SMTP",
+				label: "Custom SMTP"
+			}
+		]
+	},
+	{
+		value: "SMS",
+		label: "SMS",
+		description: "Send text messages",
+		icon: x,
+		color: "text-green-400 bg-green-500/15 border-green-500/30",
+		adapters: [
+			{
+				value: "TWILIO_SMS",
+				label: "Twilio"
+			},
+			{
+				value: "AWS_SNS",
+				label: "AWS SNS"
+			},
+			{
+				value: "VONAGE",
+				label: "Vonage"
+			},
+			{
+				value: "PLIVO",
+				label: "Plivo"
+			},
+			{
+				value: "MESSAGEBIRD",
+				label: "MessageBird"
+			},
+			{
+				value: "INFOBIP",
+				label: "Infobip"
+			}
+		]
+	},
+	{
+		value: "PUSH",
+		label: "Push",
+		description: "Mobile & web push",
+		icon: f,
+		color: "text-purple-400 bg-purple-500/15 border-purple-500/30",
+		adapters: [
+			{
+				value: "FCM",
+				label: "Firebase Cloud Messaging"
+			},
+			{
+				value: "APNS",
+				label: "Apple Push Notification Service"
+			},
+			{
+				value: "ONESIGNAL",
+				label: "OneSignal"
+			},
+			{
+				value: "EXPO",
+				label: "Expo Push"
+			}
+		]
+	},
+	{
+		value: "INAPP",
+		label: "In-App",
+		description: "Internal in-app notifications",
+		icon: m,
+		color: "text-orange-400 bg-orange-500/15 border-orange-500/30",
+		adapters: [{
+			value: "INAPP_NATIVE",
+			label: "Native In-App"
+		}]
+	},
+	{
+		value: "WHATSAPP",
+		label: "WhatsApp",
+		description: "WhatsApp Business messaging",
+		icon: v,
+		color: "text-green-500 bg-green-500/15 border-green-500/30",
+		adapters: [{
+			value: "WHATSAPP_CLOUD",
+			label: "WhatsApp Cloud API"
+		}, {
+			value: "WHATSAPP_TWILIO",
+			label: "WhatsApp via Twilio"
+		}]
+	},
+	{
+		value: "SLACK",
+		label: "Slack",
+		description: "Slack bot & channels",
+		icon: p,
+		color: "text-pink-400 bg-pink-500/15 border-pink-500/30",
+		adapters: [{
+			value: "SLACK_BOT",
+			label: "Slack Bot"
+		}]
+	},
+	{
+		value: "TEAMS",
+		label: "Teams",
+		description: "Microsoft Teams",
+		icon: C,
+		color: "text-blue-400 bg-blue-500/15 border-blue-500/30",
+		adapters: [{
+			value: "TEAMS_BOT",
+			label: "Teams Bot"
+		}]
+	},
+	{
+		value: "DISCORD",
+		label: "Discord",
+		description: "Discord bots & webhooks",
+		icon: _,
+		color: "text-indigo-400 bg-indigo-500/15 border-indigo-500/30",
+		adapters: [{
+			value: "DISCORD_BOT",
+			label: "Discord Bot"
+		}]
+	},
+	{
+		value: "WEBCHAT",
+		label: "Webchat",
+		description: "Website live chat",
+		icon: v,
+		color: "text-cyan-400 bg-cyan-500/15 border-cyan-500/30",
+		adapters: [{
+			value: "WEBCHAT_NATIVE",
+			label: "Native Webchat"
+		}]
+	},
+	{
+		value: "WEBHOOK",
+		label: "Webhook",
+		description: "Generic HTTP webhook",
+		icon: b,
+		color: "text-gray-400 bg-gray-500/15 border-gray-500/30",
+		adapters: [{
+			value: "WEBHOOK_HTTP",
+			label: "HTTP Webhook"
+		}]
+	}
+], A = [
+	{
+		value: 0,
+		label: "0 - Lowest"
+	},
+	{
+		value: 1,
+		label: "1 - Low"
+	},
+	{
+		value: 2,
+		label: "2 - Normal"
+	},
+	{
+		value: 3,
+		label: "3 - High"
+	},
+	{
+		value: 4,
+		label: "4 - Highest"
+	}
+];
+function j() {
+	let f = w(), { channelId: p } = T(), { channel: m, isLoading: g, error: _ } = n(p), { updateChannel: v, deleteChannel: b } = r(), { t: x } = l(), C = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [j, M] = c(""), [N, P] = c(""), [F, I] = c("AWS_SES"), [L, R] = c(2), [z, B] = c("INACTIVE"), [V, H] = c(!1), [U, W] = c(!1), [G, K] = c(null), [q, J] = c(!1), Y = s(null);
+	o(() => {
+		m && m.id !== Y.current && (Y.current = m.id, Promise.resolve().then(() => {
+			M(m.name || ""), P(m.description || ""), I(m.adapterType || "AWS_SES"), R(m.priority || 2), B(m.status || "INACTIVE");
+		}));
+	}, [m]);
+	let X = m?.platform || "EMAIL", Z = k.find((e) => e.value === X);
+	return g ? /* @__PURE__ */ D("div", {
+		className: "flex items-center justify-center min-h-screen",
+		children: /* @__PURE__ */ D(h, { className: "w-8 h-8 animate-spin text-muted-foreground" })
+	}) : _ || !m ? /* @__PURE__ */ O("div", {
+		className: "flex flex-col items-center justify-center min-h-screen gap-4",
+		children: [
+			/* @__PURE__ */ D(u, { className: "w-12 h-12 text-destructive" }),
+			/* @__PURE__ */ D("h1", {
+				className: "text-xl font-semibold",
+				children: C("channel.channelNotFound", "Channel not found")
+			}),
+			/* @__PURE__ */ D("button", {
+				onClick: () => f("../list"),
+				className: "text-primary hover:underline",
+				children: C("channel.backToChannels", "Back to channels")
+			})
+		]
+	}) : /* @__PURE__ */ D(i, {
+		permission: a.CHANNEL_UPDATE,
+		children: /* @__PURE__ */ O("div", {
+			className: "min-h-screen bg-background",
+			children: [/* @__PURE__ */ D("div", {
+				className: "border-b bg-card",
+				children: /* @__PURE__ */ D("div", {
+					className: "container mx-auto px-6 py-4",
+					children: /* @__PURE__ */ O("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ D("button", {
+							onClick: () => f(`/channels/${p}`),
+							className: "p-2 hover:bg-muted rounded-lg transition-colors",
+							children: /* @__PURE__ */ D(d, { className: "w-5 h-5" })
+						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
+							className: "text-2xl font-bold",
+							children: C("channel.editChannel", "Edit Channel")
+						}), /* @__PURE__ */ D("p", {
+							className: "text-sm text-muted-foreground",
+							children: C("channel.updateChannelConfig", "Update channel configuration")
+						})] })]
+					})
+				})
+			}), /* @__PURE__ */ D("div", {
+				className: "container mx-auto px-6 py-8 max-w-2xl",
+				children: /* @__PURE__ */ O("div", {
+					className: "space-y-6",
+					children: [
+						G && /* @__PURE__ */ O("div", {
+							className: "p-4 rounded-lg bg-destructive/10 border border-destructive/20 flex items-center gap-3",
+							children: [/* @__PURE__ */ D(u, { className: "w-5 h-5 text-destructive shrink-0" }), /* @__PURE__ */ D("p", {
+								className: "text-sm text-destructive",
+								children: G
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "p-4 rounded-lg bg-muted/50 border space-y-2",
+							children: [/* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2",
+								children: Z && /* @__PURE__ */ O(E, { children: [(() => {
+									let e = Z.icon;
+									return /* @__PURE__ */ D(e, { className: "w-5 h-5 text-muted-foreground" });
+								})(), /* @__PURE__ */ D("span", {
+									className: "font-medium",
+									children: X
+								})] })
+							}), /* @__PURE__ */ D("p", {
+								className: "text-sm text-muted-foreground",
+								children: C("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ O("label", {
+								className: "text-sm font-medium",
+								children: [C("channel.channelName", "Channel Name"), " *"]
+							}), /* @__PURE__ */ D("input", {
+								type: "text",
+								value: j,
+								onChange: (e) => M(e.target.value),
+								placeholder: C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+								className: "w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ D("label", {
+								className: "text-sm font-medium",
+								children: C("channel.description", "Description")
+							}), /* @__PURE__ */ D("textarea", {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								placeholder: C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+								rows: 3,
+								className: "w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+							})]
+						}),
+						Z && /* @__PURE__ */ O("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ D("label", {
+								className: "text-sm font-medium",
+								children: C("channel.adapterProvider", "Adapter / Provider")
+							}), /* @__PURE__ */ D("select", {
+								value: F,
+								onChange: (e) => I(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: Z.adapters.map((e) => /* @__PURE__ */ D("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ D("label", {
+										className: "text-sm font-medium",
+										children: C("channel.priority", "Priority")
+									}),
+									/* @__PURE__ */ D("select", {
+										value: L,
+										onChange: (e) => R(Number(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: A.map((e) => /* @__PURE__ */ D("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									}),
+									/* @__PURE__ */ D("p", {
+										className: "text-xs text-muted-foreground",
+										children: C("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
+									})
+								]
+							}), /* @__PURE__ */ O("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ D("label", {
+									className: "text-sm font-medium",
+									children: C("channel.status", "Status")
+								}), /* @__PURE__ */ O("select", {
+									value: z,
+									onChange: (e) => B(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__ */ D("option", {
+											value: "INACTIVE",
+											children: C("channel.status.inactive", "Inactive")
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "ACTIVE",
+											children: C("channel.status.active", "Active")
+										}),
+										/* @__PURE__ */ D("option", {
+											value: "SUSPENDED",
+											children: C("channel.status.suspended", "Suspended")
+										})
+									]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "flex items-center justify-between pt-6 border-t",
+							children: [/* @__PURE__ */ D("div", { children: q ? /* @__PURE__ */ O("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ D("span", {
+										className: "text-sm text-muted-foreground",
+										children: C("channel.confirmDelete", "Confirm delete?")
+									}),
+									/* @__PURE__ */ O("button", {
+										onClick: async () => {
+											if (!(!p || !q)) {
+												e("medium"), W(!0);
+												try {
+													await b(p) ? (t("success"), f("../list")) : t("error");
+												} catch (e) {
+													t("error"), K(e instanceof Error ? e.message : C("channel.deleteFailed", "Failed to delete channel")), W(!1);
+												}
+											}
+										},
+										disabled: U,
+										className: "px-4 py-2 text-sm bg-destructive text-destructive-foreground rounded-lg hover:bg-destructive/90 transition-colors flex items-center gap-2",
+										children: [U ? /* @__PURE__ */ D(h, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "w-4 h-4" }), C("channel.delete", "Delete")]
+									}),
+									/* @__PURE__ */ D("button", {
+										onClick: () => J(!1),
+										className: "px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors",
+										children: C("channel.cancel", "Cancel")
+									})
+								]
+							}) : /* @__PURE__ */ D(i, {
+								permission: a.CHANNEL_DELETE,
+								children: /* @__PURE__ */ O("button", {
+									onClick: () => J(!0),
+									className: "px-4 py-2 text-sm text-destructive hover:bg-destructive/10 rounded-lg transition-colors flex items-center gap-2",
+									children: [/* @__PURE__ */ D(S, { className: "w-4 h-4" }), C("channel.deleteChannel", "Delete Channel")]
+								})
+							}) }), /* @__PURE__ */ O("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ D("button", {
+									onClick: () => f(`/channels/${p}`),
+									className: "px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors",
+									children: C("channel.cancel", "Cancel")
+								}), /* @__PURE__ */ O("button", {
+									onClick: async () => {
+										if (p) {
+											if (!j.trim()) {
+												K(C("channel.validation.nameRequired", "Channel name is required"));
+												return;
+											}
+											H(!0), K(null);
+											try {
+												await v(p, {
+													name: j.trim(),
+													description: N.trim() || void 0,
+													adapterType: F,
+													priority: L,
+													status: z
+												}) ? f(`/channels/${p}`) : K(C("channel.updateFailed", "Failed to update channel"));
+											} catch (e) {
+												K(e instanceof Error ? e.message : C("channel.updateFailed", "Failed to update channel"));
+											} finally {
+												H(!1);
+											}
+										}
+									},
+									disabled: V || !j.trim(),
+									className: "px-6 py-2 text-sm bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors flex items-center gap-2 disabled:opacity-50",
+									children: [V ? /* @__PURE__ */ D(h, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ D(y, { className: "w-4 h-4" }), C("channel.saveChanges", "Save Changes")]
+								})]
+							})]
+						})
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { j as EditChannelPage };
+
+//# sourceMappingURL=EditChannelPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditChannelPage.js","names":[],"sources":["../../../../../src/channel/modules/channels/pages/EditChannelPage.tsx"],"sourcesContent":["/**\n * Edit Channel Page\n *\n * Allows editing an existing channel's configuration.\n * Uses the same form structure as CreateChannelPage but pre-fills existing values.\n */\n\nimport { useState, useEffect, useRef } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  ArrowLeft,\n  Save,\n  Loader2,\n  AlertCircle,\n  Mail,\n  Smartphone,\n  Bell,\n  Inbox,\n  MessageSquare,\n  Hash,\n  Users,\n  MessageCircle,\n  Send,\n  Trash2,\n} from 'lucide-react';\nimport { useChannel, useChannels } from '../../../hooks/useChannels';\nimport {\n  type ChannelPlatform,\n  type AdapterType,\n  type ChannelStatus,\n  type UpdateChannelInput,\n} from '../../../hooks/useChannels';\nimport { nativeImpact, nativeNotify } from '../../../../utils/nativeBridge';\nimport { PermissionGuard } from '../../../components/PermissionGuard';\nimport { CHANNEL_PERMISSIONS } from '../../../constants/permissions';\n\n// ============================================================================\n// PLATFORM CONFIG (same as CreateChannelPage)\n// ============================================================================\n\nconst PLATFORM_OPTIONS: {\n  value: ChannelPlatform;\n  label: string;\n  description: string;\n  icon: typeof Mail;\n  color: string;\n  adapters: { value: AdapterType; label: string }[];\n}[] = [\n  {\n    value: 'EMAIL',\n    label: 'Email',\n    description: 'Send emails via various providers',\n    icon: Mail,\n    color: 'text-blue-400 bg-blue-500/15 border-blue-500/30',\n    adapters: [\n      { value: 'AWS_SES', label: 'AWS SES' },\n      { value: 'MAILGUN', label: 'Mailgun' },\n      { value: 'POSTMARK', label: 'Postmark' },\n      { value: 'MANDRILL', label: 'Mandrill' },\n      { value: 'RESEND', label: 'Resend' },\n      { value: 'AZURE_ACS', label: 'Azure Communication Services' },\n      { value: 'SMTP', label: 'Custom SMTP' },\n    ],\n  },\n  {\n    value: 'SMS',\n    label: 'SMS',\n    description: 'Send text messages',\n    icon: Smartphone,\n    color: 'text-green-400 bg-green-500/15 border-green-500/30',\n    adapters: [\n      { value: 'TWILIO_SMS', label: 'Twilio' },\n      { value: 'AWS_SNS', label: 'AWS SNS' },\n      { value: 'VONAGE', label: 'Vonage' },\n      { value: 'PLIVO', label: 'Plivo' },\n      { value: 'MESSAGEBIRD', label: 'MessageBird' },\n      { value: 'INFOBIP', label: 'Infobip' },\n    ],\n  },\n  {\n    value: 'PUSH',\n    label: 'Push',\n    description: 'Mobile & web push',\n    icon: Bell,\n    color: 'text-purple-400 bg-purple-500/15 border-purple-500/30',\n    adapters: [\n      { value: 'FCM', label: 'Firebase Cloud Messaging' },\n      { value: 'APNS', label: 'Apple Push Notification Service' },\n      { value: 'ONESIGNAL', label: 'OneSignal' },\n      { value: 'EXPO', label: 'Expo Push' },\n    ],\n  },\n  {\n    value: 'INAPP',\n    label: 'In-App',\n    description: 'Internal in-app notifications',\n    icon: Inbox,\n    color: 'text-orange-400 bg-orange-500/15 border-orange-500/30',\n    adapters: [{ value: 'INAPP_NATIVE', label: 'Native In-App' }],\n  },\n  {\n    value: 'WHATSAPP',\n    label: 'WhatsApp',\n    description: 'WhatsApp Business messaging',\n    icon: MessageSquare,\n    color: 'text-green-500 bg-green-500/15 border-green-500/30',\n    adapters: [\n      { value: 'WHATSAPP_CLOUD', label: 'WhatsApp Cloud API' },\n      { value: 'WHATSAPP_TWILIO', label: 'WhatsApp via Twilio' },\n    ],\n  },\n  {\n    value: 'SLACK',\n    label: 'Slack',\n    description: 'Slack bot & channels',\n    icon: Hash,\n    color: 'text-pink-400 bg-pink-500/15 border-pink-500/30',\n    adapters: [{ value: 'SLACK_BOT', label: 'Slack Bot' }],\n  },\n  {\n    value: 'TEAMS',\n    label: 'Teams',\n    description: 'Microsoft Teams',\n    icon: Users,\n    color: 'text-blue-400 bg-blue-500/15 border-blue-500/30',\n    adapters: [{ value: 'TEAMS_BOT', label: 'Teams Bot' }],\n  },\n  {\n    value: 'DISCORD',\n    label: 'Discord',\n    description: 'Discord bots & webhooks',\n    icon: MessageCircle,\n    color: 'text-indigo-400 bg-indigo-500/15 border-indigo-500/30',\n    adapters: [{ value: 'DISCORD_BOT', label: 'Discord Bot' }],\n  },\n  {\n    value: 'WEBCHAT',\n    label: 'Webchat',\n    description: 'Website live chat',\n    icon: MessageSquare,\n    color: 'text-cyan-400 bg-cyan-500/15 border-cyan-500/30',\n    adapters: [{ value: 'WEBCHAT_NATIVE', label: 'Native Webchat' }],\n  },\n  {\n    value: 'WEBHOOK',\n    label: 'Webhook',\n    description: 'Generic HTTP webhook',\n    icon: Send,\n    color: 'text-gray-400 bg-gray-500/15 border-gray-500/30',\n    adapters: [{ value: 'WEBHOOK_HTTP', label: 'HTTP Webhook' }],\n  },\n];\n\nconst PRIORITY_OPTIONS = [\n  { value: 0, label: '0 - Lowest' },\n  { value: 1, label: '1 - Low' },\n  { value: 2, label: '2 - Normal' },\n  { value: 3, label: '3 - High' },\n  { value: 4, label: '4 - Highest' },\n];\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function EditChannelPage() {\n  const navigate = useNavigate();\n  const { channelId } = useParams<{ channelId: string }>();\n  const { channel, isLoading, error } = useChannel(channelId!);\n  const { updateChannel, deleteChannel } = useChannels();\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  // Form state\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [adapterType, setAdapterType] = useState<AdapterType>('AWS_SES');\n  const [priority, setPriority] = useState(2);\n  const [status, setStatus] = useState<ChannelStatus>('INACTIVE');\n\n  // UI state\n  const [isSaving, setIsSaving] = useState(false);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [deleteConfirm, setDeleteConfirm] = useState(false);\n\n  // Load channel data into form — guard against re-initialization and defer\n  // the state update to a microtask so setState does not run synchronously\n  // inside the effect body (react-hooks/set-state-in-effect).\n  const loadedChannelIdRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (channel && channel.id !== loadedChannelIdRef.current) {\n      loadedChannelIdRef.current = channel.id;\n      void Promise.resolve().then(() => {\n        setName(channel.name || '');\n        setDescription(channel.description || '');\n        setAdapterType((channel.adapterType || 'AWS_SES') as AdapterType);\n        setPriority(channel.priority || 2);\n        setStatus((channel.status || 'INACTIVE') as ChannelStatus);\n      });\n    }\n  }, [channel]);\n\n  // Update adapter options when platform changes\n  const currentPlatform = (channel?.platform || 'EMAIL') as ChannelPlatform;\n  const selectedPlatform = PLATFORM_OPTIONS.find((p) => p.value === currentPlatform);\n\n  const handleSave = async () => {\n    if (!channelId) return;\n\n    if (!name.trim()) {\n      setSaveError(tr('channel.validation.nameRequired', 'Channel name is required'));\n      return;\n    }\n\n    setIsSaving(true);\n    setSaveError(null);\n\n    try {\n      const input: UpdateChannelInput = {\n        name: name.trim(),\n        description: description.trim() || undefined,\n        adapterType,\n        priority,\n        status,\n      };\n\n      const result = await updateChannel(channelId, input);\n      if (result) {\n        navigate(`/channels/${channelId}`);\n      } else {\n        setSaveError(tr('channel.updateFailed', 'Failed to update channel'));\n      }\n    } catch (err: unknown) {\n      const message =\n        err instanceof Error ? err.message : tr('channel.updateFailed', 'Failed to update channel');\n      setSaveError(message);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!channelId || !deleteConfirm) return;\n    void nativeImpact('medium');\n\n    setIsDeleting(true);\n    try {\n      const success = await deleteChannel(channelId);\n      if (success) {\n        void nativeNotify('success');\n        navigate('../list');\n      } else {\n        void nativeNotify('error');\n      }\n    } catch (err: unknown) {\n      void nativeNotify('error');\n      const message =\n        err instanceof Error ? err.message : tr('channel.deleteFailed', 'Failed to delete channel');\n      setSaveError(message);\n      setIsDeleting(false);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <Loader2 className=\"w-8 h-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error || !channel) {\n    return (\n      <div className=\"flex flex-col items-center justify-center min-h-screen gap-4\">\n        <AlertCircle className=\"w-12 h-12 text-destructive\" />\n        <h1 className=\"text-xl font-semibold\">\n          {tr('channel.channelNotFound', 'Channel not found')}\n        </h1>\n        <button onClick={() => navigate('../list')} className=\"text-primary hover:underline\">\n          {tr('channel.backToChannels', 'Back to channels')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_UPDATE}>\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/${channelId}`)}\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.editChannel', 'Edit Channel')}</h1>\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr('channel.updateChannelConfig', 'Update channel configuration')}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Form */}\n        <div className=\"container mx-auto px-6 py-8 max-w-2xl\">\n          <div className=\"space-y-6\">\n            {/* Error Alert */}\n            {saveError && (\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\">{saveError}</p>\n              </div>\n            )}\n\n            {/* Channel Info (read-only) */}\n            <div className=\"p-4 rounded-lg bg-muted/50 border space-y-2\">\n              <div className=\"flex items-center gap-2\">\n                {selectedPlatform && (\n                  <>\n                    {(() => {\n                      const Icon = selectedPlatform.icon;\n                      return <Icon className=\"w-5 h-5 text-muted-foreground\" />;\n                    })()}\n                    <span className=\"font-medium\">{currentPlatform}</span>\n                  </>\n                )}\n              </div>\n              <p className=\"text-sm text-muted-foreground\">\n                {tr(\n                  'channel.platformLockedHint',\n                  'Platform cannot be changed after channel creation. Create a new channel to use a different platform.'\n                )}\n              </p>\n            </div>\n\n            {/* Name */}\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {tr('channel.channelName', 'Channel Name')} *\n              </label>\n              <input\n                type=\"text\"\n                value={name}\n                onChange={(e) => setName(e.target.value)}\n                placeholder={tr(\n                  'channel.editNamePlaceholder',\n                  'e.g., Production Email, Customer SMS'\n                )}\n                className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Description */}\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {tr('channel.description', 'Description')}\n              </label>\n              <textarea\n                value={description}\n                onChange={(e) => setDescription(e.target.value)}\n                placeholder={tr(\n                  'channel.editDescriptionPlaceholder',\n                  'Optional description for this channel'\n                )}\n                rows={3}\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            {/* Adapter Type */}\n            {selectedPlatform && (\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">\n                  {tr('channel.adapterProvider', 'Adapter / Provider')}\n                </label>\n                <select\n                  value={adapterType}\n                  onChange={(e) => setAdapterType(e.target.value as AdapterType)}\n                  className=\"w-full px-4 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary\"\n                >\n                  {selectedPlatform.adapters.map((adapter) => (\n                    <option key={adapter.value} value={adapter.value}>\n                      {adapter.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            )}\n\n            {/* Priority & Status */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.priority', 'Priority')}</label>\n                <select\n                  value={priority}\n                  onChange={(e) => setPriority(Number(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                  {PRIORITY_OPTIONS.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'channel.priorityFailoverHint',\n                    'Higher priority channels are used first in failover'\n                  )}\n                </p>\n              </div>\n\n              <div className=\"space-y-2\">\n                <label className=\"text-sm font-medium\">{tr('channel.status', 'Status')}</label>\n                <select\n                  value={status}\n                  onChange={(e) => setStatus(e.target.value as ChannelStatus)}\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=\"INACTIVE\">{tr('channel.status.inactive', 'Inactive')}</option>\n                  <option value=\"ACTIVE\">{tr('channel.status.active', 'Active')}</option>\n                  <option value=\"SUSPENDED\">{tr('channel.status.suspended', 'Suspended')}</option>\n                </select>\n              </div>\n            </div>\n\n            {/* Actions */}\n            <div className=\"flex items-center justify-between pt-6 border-t\">\n              {/* Delete */}\n              <div>\n                {!deleteConfirm ? (\n                  <PermissionGuard permission={CHANNEL_PERMISSIONS.CHANNEL_DELETE}>\n                    <button\n                      onClick={() => setDeleteConfirm(true)}\n                      className=\"px-4 py-2 text-sm text-destructive hover:bg-destructive/10 rounded-lg transition-colors flex items-center gap-2\"\n                    >\n                      <Trash2 className=\"w-4 h-4\" />\n                      {tr('channel.deleteChannel', 'Delete Channel')}\n                    </button>\n                  </PermissionGuard>\n                ) : (\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm text-muted-foreground\">\n                      {tr('channel.confirmDelete', 'Confirm delete?')}\n                    </span>\n                    <button\n                      onClick={handleDelete}\n                      disabled={isDeleting}\n                      className=\"px-4 py-2 text-sm bg-destructive text-destructive-foreground rounded-lg hover:bg-destructive/90 transition-colors flex items-center gap-2\"\n                    >\n                      {isDeleting ? (\n                        <Loader2 className=\"w-4 h-4 animate-spin\" />\n                      ) : (\n                        <Trash2 className=\"w-4 h-4\" />\n                      )}\n                      {tr('channel.delete', 'Delete')}\n                    </button>\n                    <button\n                      onClick={() => setDeleteConfirm(false)}\n                      className=\"px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors\"\n                    >\n                      {tr('channel.cancel', 'Cancel')}\n                    </button>\n                  </div>\n                )}\n              </div>\n\n              {/* Save */}\n              <div className=\"flex items-center gap-3\">\n                <button\n                  onClick={() => navigate(`/channels/${channelId}`)}\n                  className=\"px-4 py-2 text-sm text-muted-foreground hover:bg-muted rounded-lg transition-colors\"\n                >\n                  {tr('channel.cancel', 'Cancel')}\n                </button>\n                <button\n                  onClick={handleSave}\n                  disabled={isSaving || !name.trim()}\n                  className=\"px-6 py-2 text-sm bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors flex items-center gap-2 disabled:opacity-50\"\n                >\n                  {isSaving ? (\n                    <Loader2 className=\"w-4 h-4 animate-spin\" />\n                  ) : (\n                    <Save className=\"w-4 h-4\" />\n                  )}\n                  {tr('channel.saveChanges', 'Save Changes')}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+/**
+ * Edit Connection Page
+ *
+ * Standalone page mounted at /channels/connections/:connectionId/edit.
+ * Fetches the connection directly via getConnection (no channelId required in URL).
+ *
+ * Form fields match UpdateConnectionInput exactly.
+ */
+export declare function EditConnectionPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditConnectionPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditConnectionPage.d.ts","sourceRoot":"","sources":["../../../../../src/channel/modules/channels/pages/EditConnectionPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAoBH,wBAAgB,kBAAkB,4CA6OjC"}