@burdenoff/microfe-channel 2026.625.2 → 2026.625.3

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

@@ -2,19 +2,19 @@ import { nativeImpact as e, nativeNotify as t } from "../../../../utils/nativeBr
 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";
-import { GlassCard as k } from "@burdenoff/fe-libs/ui";
+import { useEffect as o, useRef as ee, useState as s } from "react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as l, ArrowLeft as u, Bell as d, Hash as f, Inbox as p, Loader2 as m, Mail as h, MessageCircle as g, MessageSquare as _, Save as v, Send as y, Smartphone as b, Trash2 as x, Users as S } from "lucide-react";
+import { useNavigate as C, useParams as w } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, GlassCard as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/channel/modules/channels/pages/EditChannelPage.tsx
-var A = [
+var j = [
 	{
 		value: "EMAIL",
 		label: "Email",
 		description: "Send emails via various providers",
-		icon: g,
+		icon: h,
 		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
 		adapters: [
 			{
@@ -51,7 +51,7 @@ var A = [
 		value: "SMS",
 		label: "SMS",
 		description: "Send text messages",
-		icon: x,
+		icon: b,
 		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
 		adapters: [
 			{
@@ -84,7 +84,7 @@ var A = [
 		value: "PUSH",
 		label: "Push",
 		description: "Mobile & web push",
-		icon: f,
+		icon: d,
 		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
 		adapters: [
 			{
@@ -109,7 +109,7 @@ var A = [
 		value: "INAPP",
 		label: "In-App",
 		description: "Internal in-app notifications",
-		icon: m,
+		icon: p,
 		color: "text-status-warning-text bg-status-warning-bg-subtle border-status-warning-border/30",
 		adapters: [{
 			value: "INAPP_NATIVE",
@@ -120,7 +120,7 @@ var A = [
 		value: "WHATSAPP",
 		label: "WhatsApp",
 		description: "WhatsApp Business messaging",
-		icon: v,
+		icon: _,
 		color: "text-status-success-text bg-status-success-bg-subtle border-status-success-border/30",
 		adapters: [{
 			value: "WHATSAPP_CLOUD",
@@ -134,7 +134,7 @@ var A = [
 		value: "SLACK",
 		label: "Slack",
 		description: "Slack bot & channels",
-		icon: p,
+		icon: f,
 		color: "text-accent-purple bg-accent-purple-subtle border-accent-purple/30",
 		adapters: [{
 			value: "SLACK_BOT",
@@ -145,7 +145,7 @@ var A = [
 		value: "TEAMS",
 		label: "Teams",
 		description: "Microsoft Teams",
-		icon: C,
+		icon: S,
 		color: "text-status-info-text bg-status-info-bg-subtle border-status-info-border",
 		adapters: [{
 			value: "TEAMS_BOT",
@@ -156,7 +156,7 @@ var A = [
 		value: "DISCORD",
 		label: "Discord",
 		description: "Discord bots & webhooks",
-		icon: _,
+		icon: g,
 		color: "text-accent-indigo bg-accent-indigo-subtle border-accent-indigo/30",
 		adapters: [{
 			value: "DISCORD_BOT",
@@ -167,7 +167,7 @@ var A = [
 		value: "WEBCHAT",
 		label: "Webchat",
 		description: "Website live chat",
-		icon: v,
+		icon: _,
 		color: "text-accent-teal bg-accent-teal-subtle border-accent-teal/30",
 		adapters: [{
 			value: "WEBCHAT_NATIVE",
@@ -178,14 +178,14 @@ var A = [
 		value: "WEBHOOK",
 		label: "Webhook",
 		description: "Generic HTTP webhook",
-		icon: b,
+		icon: y,
 		color: "text-text-secondary bg-bg-sunken/50 border-border-subtle",
 		adapters: [{
 			value: "WEBHOOK_HTTP",
 			label: "HTTP Webhook"
 		}]
 	}
-], j = [
+], M = [
 	{
 		value: 0,
 		label: "0 - Lowest"
@@ -207,179 +207,185 @@ var A = [
 		label: "4 - Highest"
 	}
 ];
-function M() {
-	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);
+function N() {
+	let d = C(), { channelId: f } = w(), { channel: p, isLoading: h, error: g } = n(f), { updateChannel: _, deleteChannel: y } = r(), { t: b } = c(), S = (e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, [M, N] = c(""), [P, F] = c(""), [I, L] = c("AWS_SES"), [R, z] = c(2), [B, V] = c("INACTIVE"), [H, U] = c(!1), [W, G] = c(!1), [K, q] = c(null), [J, Y] = c(!1), X = s(null);
+	}, [N, P] = s(""), [F, I] = s(""), [L, R] = s("AWS_SES"), [z, B] = s(2), [V, H] = s("INACTIVE"), [U, W] = s(!1), [G, K] = s(!1), [q, J] = s(null), [Y, X] = s(!1), Z = ee(null);
 	o(() => {
-		m && m.id !== X.current && (X.current = m.id, Promise.resolve().then(() => {
-			N(m.name || ""), F(m.description || ""), L(m.adapterType || "AWS_SES"), z(m.priority || 2), V(m.status || "INACTIVE");
+		p && p.id !== Z.current && (Z.current = p.id, Promise.resolve().then(() => {
+			P(p.name || ""), I(p.description || ""), R(p.adapterType || "AWS_SES"), B(p.priority || 2), H(p.status || "INACTIVE");
 		}));
-	}, [m]);
-	let Z = m?.platform || "EMAIL", Q = A.find((e) => e.value === Z);
-	return g ? /* @__PURE__ */ D("div", {
+	}, [p]);
+	let Q = p?.platform || "EMAIL", $ = j.find((e) => e.value === Q);
+	return h ? /* @__PURE__ */ E("div", {
 		className: "flex items-center justify-center min-h-screen",
-		children: /* @__PURE__ */ D(h, { className: "size-8 animate-spin text-text-secondary" })
-	}) : _ || !m ? /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ E(m, { className: "size-8 animate-spin text-text-secondary" })
+	}) : g || !p ? /* @__PURE__ */ D("div", {
 		className: "flex flex-col items-center justify-center min-h-screen gap-4",
 		children: [
-			/* @__PURE__ */ D(u, { className: "size-12 text-status-error-text" }),
-			/* @__PURE__ */ D("h1", {
+			/* @__PURE__ */ E(l, { className: "size-12 text-status-error-text" }),
+			/* @__PURE__ */ E("h1", {
 				className: "text-xl font-semibold",
-				children: C("channel.channelNotFound", "Channel not found")
+				children: S("channel.channelNotFound", "Channel not found")
 			}),
-			/* @__PURE__ */ D("button", {
+			/* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => f("../list"),
+				onClick: () => d("../list"),
 				className: "text-primary hover:underline",
-				children: C("channel.backToChannels", "Back to channels")
+				children: S("channel.backToChannels", "Back to channels")
 			})
 		]
-	}) : /* @__PURE__ */ D(i, {
+	}) : /* @__PURE__ */ E(i, {
 		permission: a.CHANNEL_UPDATE,
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "min-h-screen bg-bg-surface",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "border-b bg-bg-surface",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "container mx-auto px-6 py-4",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ D("button", {
+						children: [/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => f(`/channels/${p}`),
+							onClick: () => d(`/channels/${f}`),
 							className: "p-2 hover:bg-bg-sunken rounded-lg transition-colors",
-							children: /* @__PURE__ */ D(d, { className: "size-5 " })
-						}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h1", {
+							children: /* @__PURE__ */ E(u, { className: "size-5 " })
+						}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
 							className: "text-2xl font-bold",
-							children: C("channel.editChannel", "Edit Channel")
-						}), /* @__PURE__ */ D("p", {
+							children: S("channel.editChannel", "Edit Channel")
+						}), /* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
-							children: C("channel.updateChannelConfig", "Update channel configuration")
+							children: S("channel.updateChannelConfig", "Update channel configuration")
 						})] })]
 					})
 				})
-			}), /* @__PURE__ */ D("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "container mx-auto px-6 py-8 max-w-2xl",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "space-y-6",
 					children: [
-						K && /* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E(A, {
+							icon: /* @__PURE__ */ E(v, {
+								size: 15,
+								"aria-hidden": "true"
+							}),
+							children: S("channel.editChannelPurpose", "Change how this channel behaves — its name, description, priority and status. The platform and provider stay fixed (they define what the channel is); to swap credentials use the channel's connection instead. Use this to rename a channel, bump its priority, or temporarily deactivate it without deleting it.")
+						}),
+						q && /* @__PURE__ */ D("div", {
 							className: "p-4 rounded-lg bg-status-error-bg/10 border border-status-error-border/20 flex items-center gap-3",
-							children: [/* @__PURE__ */ D(u, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ E(l, { className: "size-5 text-status-error-text shrink-0" }), /* @__PURE__ */ E("p", {
 								className: "text-sm text-status-error-text",
-								children: K
+								children: q
 							})]
 						}),
-						/* @__PURE__ */ O(k, {
+						/* @__PURE__ */ D(k, {
 							treatment: "insight",
 							className: "p-4 border-border-seam space-y-2",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2",
-								children: Q && /* @__PURE__ */ O(E, { children: [(() => {
-									let e = Q.icon;
-									return /* @__PURE__ */ D(e, { className: "size-5 text-text-secondary" });
-								})(), /* @__PURE__ */ D("span", {
+								children: $ && /* @__PURE__ */ D(T, { children: [(() => {
+									let e = $.icon;
+									return /* @__PURE__ */ E(e, { className: "size-5 text-text-secondary" });
+								})(), /* @__PURE__ */ E("span", {
 									className: "font-medium",
-									children: Z
+									children: Q
 								})] })
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
-								children: C("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
+								children: S("channel.platformLockedHint", "Platform cannot be changed after channel creation. Create a new channel to use a different platform.")
 							})]
 						}),
-						/* @__PURE__ */ O(k, {
-							treatment: "plain",
-							className: "p-5 border-border-seam space-y-6",
+						/* @__PURE__ */ D(O, {
+							className: "p-5 space-y-6",
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ D("label", {
 										className: "text-sm font-medium",
-										children: [C("channel.channelName", "Channel Name"), " *"]
-									}), /* @__PURE__ */ D("input", {
-										"aria-label": C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										children: [S("channel.channelName", "Channel Name"), " *"]
+									}), /* @__PURE__ */ E("input", {
+										"aria-label": S("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
 										type: "text",
-										value: M,
-										onChange: (e) => N(e.target.value),
-										placeholder: C("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
+										value: N,
+										onChange: (e) => P(e.target.value),
+										placeholder: S("channel.editNamePlaceholder", "e.g., Production Email, Customer SMS"),
 										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
 									})]
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D("label", {
+									children: [/* @__PURE__ */ E("label", {
 										className: "text-sm font-medium",
-										children: C("channel.description", "Description")
-									}), /* @__PURE__ */ D("textarea", {
-										"aria-label": C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
-										value: P,
-										onChange: (e) => F(e.target.value),
-										placeholder: C("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										children: S("channel.description", "Description")
+									}), /* @__PURE__ */ E("textarea", {
+										"aria-label": S("channel.editDescriptionPlaceholder", "Optional description for this channel"),
+										value: F,
+										onChange: (e) => I(e.target.value),
+										placeholder: S("channel.editDescriptionPlaceholder", "Optional description for this channel"),
 										rows: 3,
 										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none"
 									})]
 								}),
-								Q && /* @__PURE__ */ O("div", {
+								$ && /* @__PURE__ */ D("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D("label", {
+									children: [/* @__PURE__ */ E("label", {
 										className: "text-sm font-medium",
-										children: C("channel.adapterProvider", "Adapter / Provider")
-									}), /* @__PURE__ */ D("select", {
-										value: I,
-										onChange: (e) => L(e.target.value),
+										children: S("channel.adapterProvider", "Adapter / Provider")
+									}), /* @__PURE__ */ E("select", {
+										value: L,
+										onChange: (e) => R(e.target.value),
 										className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-										children: Q.adapters.map((e) => /* @__PURE__ */ D("option", {
+										children: $.adapters.map((e) => /* @__PURE__ */ E("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))
 									})]
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ D("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ D("label", {
+											/* @__PURE__ */ E("label", {
 												className: "text-sm font-medium",
-												children: C("channel.priority", "Priority")
+												children: S("channel.priority", "Priority")
 											}),
-											/* @__PURE__ */ D("select", {
-												value: R,
-												onChange: (e) => z(Number(e.target.value)),
+											/* @__PURE__ */ E("select", {
+												value: z,
+												onChange: (e) => B(Number(e.target.value)),
 												className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
-												children: j.map((e) => /* @__PURE__ */ D("option", {
+												children: M.map((e) => /* @__PURE__ */ E("option", {
 													value: e.value,
 													children: e.label
 												}, e.value))
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ E("p", {
 												className: "text-xs text-text-secondary",
-												children: C("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
+												children: S("channel.priorityFailoverHint", "Higher priority channels are used first in failover")
 											})
 										]
-									}), /* @__PURE__ */ O("div", {
+									}), /* @__PURE__ */ D("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ D("label", {
+										children: [/* @__PURE__ */ E("label", {
 											className: "text-sm font-medium",
-											children: C("channel.status", "Status")
-										}), /* @__PURE__ */ O("select", {
-											value: B,
-											onChange: (e) => V(e.target.value),
+											children: S("channel.status", "Status")
+										}), /* @__PURE__ */ D("select", {
+											value: V,
+											onChange: (e) => H(e.target.value),
 											className: "w-full px-4 py-2 rounded-lg border bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary",
 											children: [
-												/* @__PURE__ */ D("option", {
+												/* @__PURE__ */ E("option", {
 													value: "INACTIVE",
-													children: C("channel.status.inactive", "Inactive")
+													children: S("channel.status.inactive", "Inactive")
 												}),
-												/* @__PURE__ */ D("option", {
+												/* @__PURE__ */ E("option", {
 													value: "ACTIVE",
-													children: C("channel.status.active", "Active")
+													children: S("channel.status.active", "Active")
 												}),
-												/* @__PURE__ */ D("option", {
+												/* @__PURE__ */ E("option", {
 													value: "SUSPENDED",
-													children: C("channel.status.suspended", "Suspended")
+													children: S("channel.status.suspended", "Suspended")
 												})
 											]
 										})]
@@ -387,80 +393,80 @@ function M() {
 								})
 							]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between pt-6 border-t",
-							children: [/* @__PURE__ */ D("div", { children: J ? /* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ E("div", { children: Y ? /* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("span", {
 										className: "text-sm text-text-secondary",
-										children: C("channel.confirmDelete", "Confirm delete?")
+										children: S("channel.confirmDelete", "Confirm delete?")
 									}),
-									/* @__PURE__ */ O("button", {
+									/* @__PURE__ */ D("button", {
 										type: "button",
 										onClick: async () => {
-											if (!(!p || !J)) {
-												e("medium"), G(!0);
+											if (!(!f || !Y)) {
+												e("medium"), K(!0);
 												try {
-													await b(p) ? (t("success"), f("../list")) : t("error");
+													await y(f) ? (t("success"), d("../list")) : t("error");
 												} catch (e) {
-													t("error"), q(e instanceof Error ? e.message : C("channel.deleteFailed", "Failed to delete channel")), G(!1);
+													t("error"), J(e instanceof Error ? e.message : S("channel.deleteFailed", "Failed to delete channel")), K(!1);
 												}
 											}
 										},
-										disabled: W,
+										disabled: G,
 										className: "px-4 py-2 text-sm bg-status-error-bg text-status-error-text rounded-lg hover:bg-status-error-bg/90 transition-colors flex items-center gap-2",
-										children: [W ? /* @__PURE__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "size-4 " }), C("channel.delete", "Delete")]
+										children: [G ? /* @__PURE__ */ E(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ E(x, { className: "size-4 " }), S("channel.delete", "Delete")]
 									}),
-									/* @__PURE__ */ D("button", {
+									/* @__PURE__ */ E("button", {
 										type: "button",
-										onClick: () => Y(!1),
+										onClick: () => X(!1),
 										className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-										children: C("channel.cancel", "Cancel")
+										children: S("channel.cancel", "Cancel")
 									})
 								]
-							}) : /* @__PURE__ */ D(i, {
+							}) : /* @__PURE__ */ E(i, {
 								permission: a.CHANNEL_DELETE,
-								children: /* @__PURE__ */ O("button", {
+								children: /* @__PURE__ */ D("button", {
 									type: "button",
-									onClick: () => Y(!0),
+									onClick: () => X(!0),
 									className: "px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg/10 rounded-lg transition-colors flex items-center gap-2",
-									children: [/* @__PURE__ */ D(S, { className: "size-4 " }), C("channel.deleteChannel", "Delete Channel")]
+									children: [/* @__PURE__ */ E(x, { className: "size-4 " }), S("channel.deleteChannel", "Delete Channel")]
 								})
-							}) }), /* @__PURE__ */ O("div", {
+							}) }), /* @__PURE__ */ D("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ D("button", {
+								children: [/* @__PURE__ */ E("button", {
 									type: "button",
-									onClick: () => f(`/channels/${p}`),
+									onClick: () => d(`/channels/${f}`),
 									className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors",
-									children: C("channel.cancel", "Cancel")
-								}), /* @__PURE__ */ O("button", {
+									children: S("channel.cancel", "Cancel")
+								}), /* @__PURE__ */ D("button", {
 									type: "button",
 									onClick: async () => {
-										if (p) {
-											if (!M.trim()) {
-												q(C("channel.validation.nameRequired", "Channel name is required"));
+										if (f) {
+											if (!N.trim()) {
+												J(S("channel.validation.nameRequired", "Channel name is required"));
 												return;
 											}
-											U(!0), q(null);
+											W(!0), J(null);
 											try {
-												await v(p, {
-													name: M.trim(),
-													description: P.trim() || void 0,
-													adapterType: I,
-													priority: R,
-													status: B
-												}) ? f(`/channels/${p}`) : q(C("channel.updateFailed", "Failed to update channel"));
+												await _(f, {
+													name: N.trim(),
+													description: F.trim() || void 0,
+													adapterType: L,
+													priority: z,
+													status: V
+												}) ? d(`/channels/${f}`) : J(S("channel.updateFailed", "Failed to update channel"));
 											} catch (e) {
-												q(e instanceof Error ? e.message : C("channel.updateFailed", "Failed to update channel"));
+												J(e instanceof Error ? e.message : S("channel.updateFailed", "Failed to update channel"));
 											} finally {
-												U(!1);
+												W(!1);
 											}
 										}
 									},
-									disabled: H || !M.trim(),
+									disabled: U || !N.trim(),
 									className: "px-6 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors flex items-center gap-2 disabled:opacity-50",
-									children: [H ? /* @__PURE__ */ D(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ D(y, { className: "size-4 " }), C("channel.saveChanges", "Save Changes")]
+									children: [U ? /* @__PURE__ */ E(m, { className: "size-4 animate-spin" }) : /* @__PURE__ */ E(v, { className: "size-4 " }), S("channel.saveChanges", "Save Changes")]
 								})]
 							})]
 						})
@@ -471,6 +477,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as EditChannelPage };
+export { N as EditChannelPage };
 
 //# sourceMappingURL=EditChannelPage.js.map