@webx-ui/module-notifications 0.2.1 → 0.3.0

package/dist/{ChannelPage-C47YoMPO.js → ChannelPage-DB6cyt1W.js}

@@ -1,9 +1,9 @@
-import { defineComponent as le, ref as v, computed as p, openBlock as o, createBlock as f, unref as a, isRef as Se, withCtx as m, createVNode as g, createTextVNode as V, toDisplayString as B, createCommentVNode as _, createElementBlock as j, Fragment as L, renderList as ie, onMounted as We, onBeforeUnmount as $e, createSlots as Ne, createElementVNode as Ce } from "vue";
-import { useRoute as Te, useRouter as Ve, onBeforeRouteLeave as Be } from "vue-router";
-import { useModal as Ae, WxDialog as Me, WxText as te, WxFormItem as je, WxSelect as De, WxAlert as W, WxSpace as Le, WxButton as P, useLocales as qe, createModal as Ee, confirm as ne, WxSkeleton as Oe, WxBadge as Pe, WxActionBar as Ke, toast as y } from "@webx-ui/core";
-import { useAdmin as re, useTranslate as se, useErrorText as oe, provideHistorySubject as Re, useBodyKeys as Ue, WxScreenHead as ze, WxScreen as Je, WxSaveState as Fe } from "@webx-ui/module-admin";
-import { c as ue, u as ce, p as He, M as Ie, _ as Ge } from "./index-DIeEPPSh.js";
-const Qe = /* @__PURE__ */ le({
+import { defineComponent as ne, ref as v, computed as f, openBlock as o, createBlock as m, unref as a, isRef as xe, withCtx as y, createVNode as b, createTextVNode as B, toDisplayString as A, createCommentVNode as _, createElementBlock as O, Fragment as D, renderList as le, onMounted as Se, onBeforeUnmount as We, createSlots as $e, createElementVNode as Ne } from "vue";
+import { useRoute as Ce, useRouter as Te, onBeforeRouteLeave as Ve } from "vue-router";
+import { useModal as Be, WxDialog as Ae, WxText as ae, WxFormItem as Me, WxSelect as je, WxAlert as W, WxSpace as Oe, WxButton as K, useLocales as De, createModal as Ee, confirm as te, WxSkeleton as Le, WxBadge as qe, WxActionBar as Pe, toast as p } from "@webx-ui/core";
+import { useAdmin as ie, useTranslate as se, useErrorText as re, provideHistorySubject as Ke, useBodyKeys as Re, WxScreenHead as Ue, WxScreen as ze, WxSaveState as Je } from "@webx-ui/module-admin";
+import { c as oe, u as ue, p as Fe, f as He, M as Ie, s as Ge, _ as Qe } from "./index-Bki9dkMd.js";
+const Xe = /* @__PURE__ */ ne({
   name: "WxNotificationsTestDialog",
   __name: "TestDialog",
   props: {
@@ -11,20 +11,20 @@ const Qe = /* @__PURE__ */ le({
     values: {},
     recipients: { default: () => [] }
   },
-  setup(q) {
-    const w = q, { open: C, dismiss: h } = Ae(), k = ue(re());
-    ce();
-    const d = se("webx-notifications"), E = oe(), t = v(""), x = v(!1), r = v(null), S = v(null), l = p(() => [
+  setup(E) {
+    const w = E, { open: C, dismiss: h } = Be(), k = oe(ie());
+    ue();
+    const d = se("webx-notifications"), L = re(), t = v(""), x = v(!1), s = v(null), S = v(null), l = f(() => [
       { value: "", label: d("panel.test-everybody") },
       ...w.recipients
     ]);
     async function i() {
       x.value = !0, S.value = null;
       try {
-        r.value = await k.test(w.channel, w.values, t.value === "" ? null : t.value);
+        s.value = await k.test(w.channel, w.values, t.value === "" ? null : t.value);
       } catch (u) {
         const c = u.body;
-        S.value = c?.errors ? Object.values(c.errors).flat().join(" ") : E(u);
+        S.value = c?.errors ? Object.values(c.errors).flat().join(" ") : L(u);
       } finally {
         x.value = !1;
       }
@@ -36,31 +36,31 @@ const Qe = /* @__PURE__ */ le({
         error: u.error ?? (u.reason ? d(`module.reasons.${u.reason}`) : u.status)
       });
     }
-    return (u, c) => (o(), f(a(Me), {
+    return (u, c) => (o(), m(a(Ae), {
       open: a(C),
-      "onUpdate:open": c[2] || (c[2] = (b) => Se(C) ? C.value = b : null),
+      "onUpdate:open": c[2] || (c[2] = (g) => xe(C) ? C.value = g : null),
       title: a(d)("panel.test-title"),
       width: 480
     }, {
-      footer: m(() => [
-        g(a(Le), { size: "sm" }, {
-          default: m(() => [
-            g(a(P), {
+      footer: y(() => [
+        b(a(Oe), { size: "sm" }, {
+          default: y(() => [
+            b(a(K), {
               variant: "outline",
-              onClick: c[1] || (c[1] = (b) => a(h)())
+              onClick: c[1] || (c[1] = (g) => a(h)())
             }, {
-              default: m(() => [
-                V(B(a(d)("panel.cancel")), 1)
+              default: y(() => [
+                B(A(a(d)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            g(a(P), {
+            b(a(K), {
               type: "primary",
               loading: x.value,
               onClick: i
             }, {
-              default: m(() => [
-                V(B(a(d)("panel.test-send")), 1)
+              default: y(() => [
+                B(A(a(d)("panel.test-send")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -68,80 +68,80 @@ const Qe = /* @__PURE__ */ le({
           _: 1
         })
       ]),
-      default: m(() => [
-        g(a(te), {
+      default: y(() => [
+        b(a(ae), {
           size: "sm",
           tone: "muted"
         }, {
-          default: m(() => [
-            V(B(a(d)("panel.test-help")), 1)
+          default: y(() => [
+            B(A(a(d)("panel.test-help")), 1)
           ]),
           _: 1
         }),
-        g(a(je), {
+        b(a(Me), {
           label: a(d)("panel.test-to")
         }, {
-          default: m(() => [
-            g(a(De), {
+          default: y(() => [
+            b(a(je), {
               modelValue: t.value,
-              "onUpdate:modelValue": c[0] || (c[0] = (b) => t.value = b),
+              "onUpdate:modelValue": c[0] || (c[0] = (g) => t.value = g),
               options: l.value,
               disabled: x.value
             }, null, 8, ["modelValue", "options", "disabled"])
           ]),
           _: 1
         }, 8, ["label"]),
-        S.value ? (o(), f(a(W), {
+        S.value ? (o(), m(a(W), {
           key: 0,
           type: "danger",
           variant: "soft",
           description: S.value
         }, null, 8, ["description"])) : _("", !0),
-        r.value ? (o(), j(L, { key: 1 }, [
-          r.value.length === 0 ? (o(), f(a(te), {
+        s.value ? (o(), O(D, { key: 1 }, [
+          s.value.length === 0 ? (o(), m(a(ae), {
             key: 0,
             size: "sm",
             tone: "muted"
           }, {
-            default: m(() => [
-              V(B(a(d)("panel.test-none")), 1)
+            default: y(() => [
+              B(A(a(d)("panel.test-none")), 1)
             ]),
             _: 1
           })) : _("", !0),
-          (o(!0), j(L, null, ie(r.value, (b, $) => (o(), f(a(W), {
+          (o(!0), O(D, null, le(s.value, (g, $) => (o(), m(a(W), {
             key: $,
-            type: b.status === "sent" ? "success" : "danger",
+            type: g.status === "sent" ? "success" : "danger",
             variant: "soft",
-            description: N(b)
+            description: N(g)
           }, null, 8, ["type", "description"]))), 128))
         ], 64)) : _("", !0)
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Xe = { class: "wx-notifications-channel__body" }, Ye = /* @__PURE__ */ le({
+}), Ye = { class: "wx-notifications-channel__body" }, Ze = /* @__PURE__ */ ne({
   __name: "ChannelPage",
   props: {
     base: { default: "/notifications" }
   },
-  setup(q) {
-    const w = q, C = re(), h = ue(C), k = Te(), d = Ve(), E = qe();
-    ce();
-    const t = se("webx-notifications"), x = oe(), r = v(
+  setup(E) {
+    const w = E, C = ie(), h = oe(C), k = Ce(), d = Te(), L = De();
+    ue();
+    const t = se("webx-notifications"), x = re(), s = v(
       typeof k.params.id == "string" && k.params.id !== "" ? Number(k.params.id) : null
-    ), S = v(null), l = v(null), i = v({}), N = v(""), u = v([]), c = v({}), b = v(!0), $ = v(!1), O = v(!1), K = He(S, i, r);
-    Re({ id: p(() => l.value?.id ?? null) });
-    const T = p(() => C.can("notifications.manage")), R = p(() => JSON.stringify(i.value)), A = p(() => N.value !== "" && R.value !== N.value), de = p(() => $.value ? "saving" : A.value || r.value === null ? "unsaved" : "saved"), U = p(() => {
+    ), S = v(null), l = v(null), i = v({}), N = v(""), u = v([]), c = v({}), g = v(!0), $ = v(!1), q = v(!1), P = Fe(S, i, s);
+    Ke({ id: f(() => l.value?.id ?? null) });
+    const T = f(() => C.can("notifications.manage")), R = f(() => JSON.stringify(i.value)), M = f(() => N.value !== "" && R.value !== N.value), ce = f(() => $.value ? "saving" : M.value || s.value === null ? "unsaved" : "saved"), U = f(() => {
       const e = typeof i.value.name == "string" ? i.value.name.trim() : "";
-      return e !== "" ? e : r.value === null ? t("panel.new") : t("panel.untitled");
-    }), z = p(
+      return e !== "" ? e : s.value === null ? t("panel.new") : t("panel.untitled");
+    }), z = f(
       () => Array.isArray(i.value.forget) ? i.value.forget : []
-    ), J = p(
-      () => (K.provider.value?.fields ?? []).filter((e) => e.secret).map((e) => ({
+    ), J = f(
+      () => (P.provider.value?.fields ?? []).filter((e) => e.secret).map((e) => ({
         field: e,
         set: l.value?.credentials_set[e.name] === !0 && !z.value.includes(e.name)
       }))
-    ), ve = p(() => [
+    ), de = f(() => [
       { op: "set", target: "provider", props: { disabled: !0 } },
       ...J.value.filter((e) => e.set).map((e) => ({
         op: "set",
@@ -153,52 +153,56 @@ const Qe = /* @__PURE__ */ le({
     function F(e) {
       l.value = e.channel, i.value = e.values, N.value = JSON.stringify(e.values), u.value = e.warnings;
     }
-    function pe(e) {
-      const n = typeof k.query.provider == "string" ? k.query.provider : "email", s = typeof k.query.event == "string" && k.query.event !== "" ? k.query.event : null, D = e.events.find((M) => M.key === s), Z = D?.sample[n] ?? D?.sample["*"], ee = E.list.value[0]?.code ?? "en", ae = {};
-      for (const M of e.providers.find((xe) => xe.key === n)?.fields ?? [])
-        ae[M.name] = M.secret ? "" : M.default ?? "";
+    function ve(e) {
+      const n = typeof k.query.provider == "string" ? k.query.provider : "email", r = typeof k.query.event == "string" && k.query.event !== "" ? k.query.event : null, V = Ge(
+        e.events.find((j) => j.key === r),
+        n
+      ), Z = L.list.value[0]?.code ?? "en", ee = {};
+      for (const j of e.providers.find((we) => we.key === n)?.fields ?? [])
+        ee[j.name] = j.secret ? "" : j.default ?? "";
       return {
         name: "",
         provider: n,
-        event: s,
+        event: r,
         enabled: !1,
         recipients: [],
-        ...ae,
-        template: { [ee]: Z?.template ?? "" },
-        subject: { [ee]: Z?.subject ?? "" }
+        ...ee,
+        template: V ? { ...V.template } : { [Z]: "" },
+        subject: V?.subject ? { ...V.subject } : { [Z]: "" }
       };
     }
+    He(P, g, () => p.info(t("panel.default-inserted")));
     const H = v([]);
-    async function fe() {
-      b.value = !0;
+    async function pe() {
+      g.value = !0;
       try {
         const [e, n] = await Promise.all([
           h.meta(),
-          r.value === null ? Promise.resolve(null) : h.get(r.value)
+          s.value === null ? Promise.resolve(null) : h.get(s.value)
         ]);
         if (S.value = e, n === null) {
-          const s = pe(e);
-          i.value = s, N.value = JSON.stringify(s);
+          const r = ve(e);
+          i.value = r, N.value = JSON.stringify(r);
         } else
           F(n);
       } catch (e) {
-        y.danger(x(e)), d.push(w.base);
+        p.danger(x(e)), d.push(w.base);
       } finally {
-        b.value = !1;
+        g.value = !1;
       }
       i.value.provider === "email" && T.value && h.administrators().then((e) => H.value = e).catch(() => {
       });
     }
     function I(e) {
       const n = e.body;
-      n?.errors ? (c.value = n.errors, y.danger(t("panel.save-failed"))) : y.danger(x(e));
+      n?.errors ? (c.value = n.errors, p.danger(t("panel.save-failed"))) : p.danger(x(e));
     }
     async function G() {
       if (!($.value || !T.value)) {
         $.value = !0, c.value = {};
         try {
-          const e = r.value === null, n = e ? await h.create(i.value) : await h.save(r.value, i.value);
-          F(n), n.warnings.length > 0 ? y.warning(t("panel.saved-warning", { warning: n.warnings.join(" ") })) : y.success(t("panel.saved")), e && (r.value = n.channel.id, d.replace(`${w.base}/channels/${n.channel.id}`));
+          const e = s.value === null, n = e ? await h.create(i.value) : await h.save(s.value, i.value);
+          F(n), n.warnings.length > 0 ? p.warning(t("panel.saved-warning", { warning: n.warnings.join(" ") })) : p.success(t("panel.saved")), e && (s.value = n.channel.id, d.replace(`${w.base}/channels/${n.channel.id}`));
         } catch (e) {
           I(e);
         } finally {
@@ -206,41 +210,41 @@ const Qe = /* @__PURE__ */ le({
         }
       }
     }
-    async function me() {
-      O.value = !0;
+    async function fe() {
+      q.value = !0;
       try {
-        const e = await h.check(r.value, i.value);
-        e.ok ? y.success(e.message || t("panel.check-ok")) : y.warning(e.message);
+        const e = await h.check(s.value, i.value);
+        e.ok ? p.success(e.message || t("panel.check-ok")) : p.warning(e.message);
       } catch (e) {
         I(e);
       } finally {
-        O.value = !1;
+        q.value = !1;
       }
     }
-    const ye = Ee(Qe), ge = p(() => (Array.isArray(i.value.recipients) ? i.value.recipients : []).flatMap((n) => {
+    const me = Ee(Xe), ye = f(() => (Array.isArray(i.value.recipients) ? i.value.recipients : []).flatMap((n) => {
       if (n.chat_id)
         return [
           { value: n.chat_id, label: n.label ? `${n.label} · ${n.chat_id}` : n.chat_id }
         ];
       if (n.email) return [{ value: n.email, label: n.email }];
-      const s = H.value.find((D) => D.id === n.admin_id);
-      return s ? [{ value: s.email, label: `${s.name} · ${s.email}` }] : [];
+      const r = H.value.find((V) => V.id === n.admin_id);
+      return r ? [{ value: r.email, label: `${r.name} · ${r.email}` }] : [];
     }));
-    async function be() {
-      await ye({ channel: r.value, values: i.value, recipients: ge.value });
+    async function ge() {
+      await me({ channel: s.value, values: i.value, recipients: ye.value });
     }
-    async function he() {
-      if (r.value !== null)
+    async function be() {
+      if (s.value !== null)
         try {
-          const e = await h.copy(r.value);
-          y.success(t("panel.copied", { name: e.channel.name })), d.push(`${w.base}/channels/${e.channel.id}`);
+          const e = await h.copy(s.value);
+          p.success(t("panel.copied", { name: e.channel.name })), d.push(`${w.base}/channels/${e.channel.id}`);
         } catch (e) {
-          y.danger(x(e));
+          p.danger(x(e));
         }
     }
-    async function ke() {
+    async function he() {
       const e = l.value;
-      if (!(!e || !await ne({
+      if (!(!e || !await te({
         title: t("panel.delete-title", { title: U.value }),
         message: t("panel.delete-text"),
         confirmText: t("panel.delete"),
@@ -248,45 +252,45 @@ const Qe = /* @__PURE__ */ le({
         tone: "danger"
       })))
         try {
-          await h.remove(e.id), y.success(t("panel.deleted")), N.value = R.value, d.push(w.base);
-        } catch (s) {
-          y.danger(x(s));
+          await h.remove(e.id), p.success(t("panel.deleted")), N.value = R.value, d.push(w.base);
+        } catch (r) {
+          p.danger(x(r));
         }
     }
-    function _e(e, n) {
-      i.value = { ...i.value, forget: [...z.value, e], [e]: "" }, y.info(t("panel.forgotten", { field: n }));
+    function ke(e, n) {
+      i.value = { ...i.value, forget: [...z.value, e], [e]: "" }, p.info(t("panel.forgotten", { field: n }));
     }
     function Q(e) {
-      A.value && e.preventDefault();
+      M.value && e.preventDefault();
     }
     function X(e) {
-      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s" && (e.preventDefault(), (A.value || r.value === null) && G());
+      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s" && (e.preventDefault(), (M.value || s.value === null) && G());
     }
-    Ue(X), We(() => {
-      fe(), window.addEventListener("beforeunload", Q);
-    }), $e(() => {
+    Re(X), Se(() => {
+      pe(), window.addEventListener("beforeunload", Q);
+    }), We(() => {
       window.removeEventListener("beforeunload", Q);
-    }), Be(async () => !A.value || !T.value ? !0 : await ne({
+    }), Ve(async () => !M.value || !T.value ? !0 : await te({
       title: t("panel.leave-title"),
       message: t("panel.leave-text"),
       confirmText: t("panel.leave"),
       cancelText: t("panel.cancel"),
       tone: "danger"
     }));
-    const we = p(() => {
+    const _e = f(() => {
       if (!T.value) return [];
       const e = [
         {
           key: "check",
           label: t("panel.check"),
           icon: "check-circle",
-          loading: O.value,
+          loading: q.value,
           run: () => {
-            me();
+            fe();
           }
         },
         { key: "test", label: t("panel.test"), icon: "send", run: () => {
-          be();
+          ge();
         } }
       ];
       l.value !== null && e.push({
@@ -295,16 +299,16 @@ const Qe = /* @__PURE__ */ le({
         icon: "copy",
         menu: !0,
         run: () => {
-          he();
+          be();
         }
       });
-      for (const n of J.value.filter((s) => s.set))
+      for (const n of J.value.filter((r) => r.set))
         e.push({
           key: `forget-${n.field.name}`,
           label: t("panel.forget", { field: n.field.label }),
           icon: "unlock",
           menu: !0,
-          run: () => _e(n.field.name, n.field.label)
+          run: () => ke(n.field.name, n.field.label)
         });
       return l.value !== null && e.push({
         key: "delete",
@@ -312,33 +316,33 @@ const Qe = /* @__PURE__ */ le({
         icon: "trash",
         danger: !0,
         run: () => {
-          ke();
+          he();
         }
       }), e;
-    }), Y = p(() => S.value?.environment ?? "production");
-    return (e, n) => (o(), j("div", {
+    }), Y = f(() => S.value?.environment ?? "production");
+    return (e, n) => (o(), O("div", {
       class: "wx-notifications-channel",
       onKeydown: X
     }, [
-      b.value ? (o(), f(a(Oe), {
+      g.value ? (o(), m(a(Le), {
         key: 0,
         class: "wx-notifications-channel__ghost",
         title: "",
         rows: 8
-      })) : (o(), j(L, { key: 1 }, [
-        g(a(ze), {
+      })) : (o(), O(D, { key: 1 }, [
+        b(a(Ue), {
           back: w.base,
           "back-label": a(t)("panel.channels"),
           title: U.value,
-          subtitle: l.value?.provider_label ?? a(K).provider.value?.label,
-          actions: we.value
-        }, Ne({ _: 2 }, [
+          subtitle: l.value?.provider_label ?? a(P).provider.value?.label,
+          actions: _e.value
+        }, $e({ _: 2 }, [
           l.value && !l.value.enabled ? {
             name: "title-after",
-            fn: m(() => [
-              g(a(Pe), { dot: "" }, {
-                default: m(() => [
-                  V(B(a(t)("panel.off")), 1)
+            fn: y(() => [
+              b(a(qe), { dot: "" }, {
+                default: y(() => [
+                  B(A(a(t)("panel.off")), 1)
                 ]),
                 _: 1
               })
@@ -346,71 +350,71 @@ const Qe = /* @__PURE__ */ le({
             key: "0"
           } : void 0
         ]), 1032, ["back", "back-label", "title", "subtitle", "actions"]),
-        Y.value !== "production" ? (o(), f(a(W), {
+        Y.value !== "production" ? (o(), m(a(W), {
           key: 0,
           type: "info",
           variant: "soft",
           description: a(t)("panel.environment", { environment: Y.value })
         }, null, 8, ["description"])) : _("", !0),
-        S.value?.mode === "after_response" ? (o(), f(a(W), {
+        S.value?.mode === "after_response" ? (o(), m(a(W), {
           key: 1,
           type: "warning",
           variant: "soft",
           description: a(t)("panel.mode-after-response")
         }, null, 8, ["description"])) : _("", !0),
-        l.value && !l.value.provider_declared ? (o(), f(a(W), {
+        l.value && !l.value.provider_declared ? (o(), m(a(W), {
           key: 2,
           type: "danger",
           title: a(t)("panel.provider-undeclared"),
           description: a(t)("panel.provider-undeclared-text", { provider: l.value.provider })
         }, null, 8, ["title", "description"])) : _("", !0),
-        l.value && !l.value.event_declared ? (o(), f(a(W), {
+        l.value && !l.value.event_declared ? (o(), m(a(W), {
           key: 3,
           type: "warning",
           title: a(t)("panel.event-undeclared"),
           description: a(t)("panel.event-undeclared-text", { event: l.value.event ?? "" })
         }, null, 8, ["title", "description"])) : _("", !0),
-        l.value && !l.value.credentials_readable ? (o(), f(a(W), {
+        l.value && !l.value.credentials_readable ? (o(), m(a(W), {
           key: 4,
           type: "danger",
           description: a(t)("panel.unreadable")
         }, null, 8, ["description"])) : _("", !0),
-        l.value?.copied_from ? (o(), f(a(W), {
+        l.value?.copied_from ? (o(), m(a(W), {
           key: 5,
           type: "info",
           variant: "soft",
           description: a(t)("panel.copied-from", { id: String(l.value.copied_from) })
         }, null, 8, ["description"])) : _("", !0),
-        (o(!0), j(L, null, ie(u.value, (s) => (o(), f(a(W), {
-          key: s,
+        (o(!0), O(D, null, le(u.value, (r) => (o(), m(a(W), {
+          key: r,
           type: "warning",
-          description: s
+          description: r
         }, null, 8, ["description"]))), 128)),
-        Ce("div", Xe, [
-          g(a(Je), {
+        Ne("div", Ye, [
+          b(a(ze), {
             modelValue: i.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (s) => i.value = s),
+            "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
             class: "wx-notifications-channel__form",
             name: "notifications.channel",
             errors: c.value,
-            patch: ve.value,
+            patch: de.value,
             disabled: !T.value || $.value
           }, null, 8, ["modelValue", "errors", "patch", "disabled"]),
-          g(Ie, { class: "wx-notifications-channel__preview" })
+          b(Ie, { class: "wx-notifications-channel__preview" })
         ]),
-        T.value ? (o(), f(a(Ke), { key: 6 }, {
-          state: m(() => [
-            g(a(Fe), { state: de.value }, null, 8, ["state"])
+        T.value ? (o(), m(a(Pe), { key: 6 }, {
+          state: y(() => [
+            b(a(Je), { state: ce.value }, null, 8, ["state"])
           ]),
-          default: m(() => [
-            g(a(P), {
+          default: y(() => [
+            b(a(K), {
               type: "primary",
               loading: $.value,
-              disabled: !A.value && r.value !== null,
+              disabled: !M.value && s.value !== null,
               onClick: G
             }, {
-              default: m(() => [
-                V(B(a(t)("panel.save")), 1)
+              default: y(() => [
+                B(A(a(t)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -420,8 +424,8 @@ const Qe = /* @__PURE__ */ le({
       ], 64))
     ], 32));
   }
-}), la = /* @__PURE__ */ Ge(Ye, [["__scopeId", "data-v-b5c7b69a"]]);
+}), ia = /* @__PURE__ */ Qe(Ze, [["__scopeId", "data-v-d3c11d46"]]);
 export {
-  la as default
+  ia as default
 };
-//# sourceMappingURL=ChannelPage-C47YoMPO.js.map
+//# sourceMappingURL=ChannelPage-DB6cyt1W.js.map