@webx-ui/module-inbox 0.11.4 → 0.12.0

package/dist/{FormEditorPage-DhlICloH.js → FormEditorPage-BsJTI_wN.js}

@@ -1,9 +1,9 @@
-import { defineComponent as D, useModel as H, computed as g, openBlock as v, createBlock as V, unref as e, withCtx as t, createVNode as l, isRef as T, createTextVNode as k, toDisplayString as y, createCommentVNode as W, mergeModels as oe, createElementBlock as A, createElementVNode as B, ref as I, onMounted as be, Fragment as te, renderList as ue, reactive as xe, watch as ye } from "vue";
+import { defineComponent as D, useModel as H, computed as g, openBlock as v, createBlock as V, unref as e, withCtx as t, createVNode as l, isRef as T, createTextVNode as k, toDisplayString as y, createCommentVNode as W, mergeModels as oe, createElementBlock as q, createElementVNode as A, ref as I, onMounted as be, Fragment as te, renderList as ue, reactive as xe, watch as ye } from "vue";
 import { useRouter as pe, useRoute as ge } from "vue-router";
-import { useTranslate as G, useAdmin as ie, emptyLink as de, WxLinkPicker as _e, WxRelationsField as he, useErrorText as ke, WxScreenHead as Ve } from "@webx-ui/module-admin";
-import { WxCard as q, WxFormItem as z, WxSwitch as me, WxInputNumber as re, WxSelect as ae, WxText as F, WxAlert as J, WxAction as K, WxTable as we, toast as P, WxInput as M, WxRadioGroup as $e, WxSpace as Ue, WxButton as ne, WxIcon as We, WxLink as ze, confirm as Fe, useLocales as Se, localizedValue as Ce, WxSkeleton as Te, WxBadge as Ae, WxTabs as Be, WxTab as R, WxActionBar as qe } from "@webx-ui/core";
-import { o as C, u as ce, _ as Q, a as Ie, c as fe, F as Ne } from "./index-BpBqmOqV.js";
-const Ee = /* @__PURE__ */ D({
+import { useTranslate as G, useAdmin as ie, emptyLink as de, WxCodeField as _e, WxLinkPicker as he, WxRelationsField as ke, useErrorText as Ve, WxScreenHead as we } from "@webx-ui/module-admin";
+import { WxCard as B, WxFormItem as z, WxSwitch as me, WxInputNumber as re, WxSelect as ae, WxText as F, WxAlert as J, WxAction as K, WxTable as $e, toast as R, WxInput as P, WxRadioGroup as Ue, WxSpace as We, WxButton as ne, WxIcon as ze, WxLink as Fe, confirm as Ce, useLocales as Se, localizedValue as Te, WxSkeleton as qe, WxBadge as Ae, WxTabs as Be, WxTab as O, WxActionBar as Ie } from "@webx-ui/core";
+import { o as S, u as ce, q as Ne, _ as Q, a as Ee, c as fe, F as Le } from "./index-CAa0K6Q6.js";
+const Me = /* @__PURE__ */ D({
   __name: "FormAntispam",
   props: /* @__PURE__ */ oe({
     site: {}
@@ -13,39 +13,39 @@ const Ee = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const m = H(c, "modelValue"), u = c, s = G("webx-inbox"), w = C(m, "antispam.honeypot", !0), o = C(m, "antispam.min_seconds", 3), $ = C(m, "antispam.throttle", 5), r = C(m, "antispam.captcha", "off"), U = g(() => [
-      { value: "off", label: s("panel.captcha-off") },
-      { value: "recaptcha", label: s("panel.captcha-recaptcha") },
-      { value: "turnstile", label: s("panel.captcha-turnstile") }
+    const m = H(c, "modelValue"), s = c, i = G("webx-inbox"), w = S(m, "antispam.honeypot", !0), o = S(m, "antispam.min_seconds", 3), $ = S(m, "antispam.throttle", 5), r = S(m, "antispam.captcha", "off"), U = g(() => [
+      { value: "off", label: i("panel.captcha-off") },
+      { value: "recaptcha", label: i("panel.captcha-recaptcha") },
+      { value: "turnstile", label: i("panel.captcha-turnstile") }
     ]), f = g(() => {
       const p = r.value;
-      return p !== "recaptcha" && p !== "turnstile" ? null : { provider: p, site: u.site?.[p] ?? null };
+      return p !== "recaptcha" && p !== "turnstile" ? null : { provider: p, site: s.site?.[p] ?? null };
     }), _ = g(() => {
       const p = f.value?.site;
-      return p ? s(`panel.captcha-${f.value.provider}-${p.type}`) : null;
+      return p ? i(`panel.captcha-${f.value.provider}-${p.type}`) : null;
     });
-    return (p, i) => (v(), V(e(q), null, {
+    return (p, u) => (v(), V(e(B), null, {
       default: t(() => [
         l(e(z), {
-          help: e(s)("panel.honeypot-help")
+          help: e(i)("panel.honeypot-help")
         }, {
           default: t(() => [
             l(e(me), {
               modelValue: e(w),
-              "onUpdate:modelValue": i[0] || (i[0] = (h) => T(w) ? w.value = h : null),
-              label: e(s)("panel.honeypot")
+              "onUpdate:modelValue": u[0] || (u[0] = (h) => T(w) ? w.value = h : null),
+              label: e(i)("panel.honeypot")
             }, null, 8, ["modelValue", "label"])
           ]),
           _: 1
         }, 8, ["help"]),
         l(e(z), {
-          label: e(s)("panel.min-seconds"),
-          help: e(s)("panel.min-seconds-help")
+          label: e(i)("panel.min-seconds"),
+          help: e(i)("panel.min-seconds-help")
         }, {
           default: t(() => [
             l(e(re), {
               modelValue: e(o),
-              "onUpdate:modelValue": i[1] || (i[1] = (h) => T(o) ? o.value = h : null),
+              "onUpdate:modelValue": u[1] || (u[1] = (h) => T(o) ? o.value = h : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -53,13 +53,13 @@ const Ee = /* @__PURE__ */ D({
           _: 1
         }, 8, ["label", "help"]),
         l(e(z), {
-          label: e(s)("panel.throttle"),
-          help: e(s)("panel.throttle-help")
+          label: e(i)("panel.throttle"),
+          help: e(i)("panel.throttle-help")
         }, {
           default: t(() => [
             l(e(re), {
               modelValue: e($),
-              "onUpdate:modelValue": i[2] || (i[2] = (h) => T($) ? $.value = h : null),
+              "onUpdate:modelValue": u[2] || (u[2] = (h) => T($) ? $.value = h : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -67,13 +67,13 @@ const Ee = /* @__PURE__ */ D({
           _: 1
         }, 8, ["label", "help"]),
         l(e(z), {
-          label: e(s)("panel.captcha"),
-          help: e(s)("panel.captcha-keys")
+          label: e(i)("panel.captcha"),
+          help: e(i)("panel.captcha-keys")
         }, {
           default: t(() => [
             l(e(ae), {
               modelValue: e(r),
-              "onUpdate:modelValue": i[3] || (i[3] = (h) => T(r) ? r.value = h : null),
+              "onUpdate:modelValue": u[3] || (u[3] = (h) => T(r) ? r.value = h : null),
               options: U.value
             }, null, 8, ["modelValue", "options"])
           ]),
@@ -94,13 +94,13 @@ const Ee = /* @__PURE__ */ D({
           type: "warning",
           variant: "soft",
           closable: !1,
-          description: e(s)("panel.captcha-unconfigured")
+          description: e(i)("panel.captcha-unconfigured")
         }, null, 8, ["description"])) : W("", !0)
       ]),
       _: 1
     }));
   }
-}), Le = { class: "wx-inbox-embed" }, Me = { class: "wx-inbox-embed__snippet" }, Oe = { class: "wx-inbox-embed__snippet" }, Re = { class: "wx-inbox-embed__snippet" }, Pe = /* @__PURE__ */ D({
+}), Oe = { class: "wx-inbox-embed" }, Re = { class: "wx-inbox-embed__snippet" }, Pe = { class: "wx-inbox-embed__snippet" }, De = { class: "wx-inbox-embed__snippet" }, Ge = /* @__PURE__ */ D({
   __name: "FormEmbed",
   props: {
     form: {},
@@ -110,30 +110,30 @@ const Ee = /* @__PURE__ */ D({
   setup(c) {
     const m = c;
     ce();
-    const u = G("webx-inbox"), s = ie(), w = g(
-      () => s.state.manifest?.modules.some((i) => i.id === "blocks") ?? !1
+    const s = G("webx-inbox"), i = ie(), w = g(
+      () => i.state.manifest?.modules.some((u) => u.id === "blocks") ?? !1
     ), o = g(() => `<x-webx-inbox::form slug="${m.slug}" />`), $ = g(
       () => w.value ? o.value : `{{-- resources/views/blocks/contact.blade.php --}}
 <x-webx-inbox::form slug="${m.slug}" />`
     ), r = g(
-      () => m.fields.find((i) => i.type === "hidden" && i.is_enabled)?.key ?? "page"
+      () => m.fields.find((u) => u.type === "hidden" && u.is_enabled)?.key ?? "page"
     ), U = g(
       () => `<x-webx-inbox::form slug="${m.slug}" :values="['${r.value}' => url()->current()]" />
 <x-webx-inbox::form slug="${m.slug}" placement="footer" />`
     ), f = g(() => [
-      { key: "key", label: u("fields.name") },
-      { key: "title", label: u("fields.title") },
-      { key: "type", label: u("fields.type"), hideBelow: 520 }
-    ]), _ = g(() => m.fields.filter((i) => i.is_enabled));
-    async function p(i) {
+      { key: "key", label: s("fields.name") },
+      { key: "title", label: s("fields.title") },
+      { key: "type", label: s("fields.type"), hideBelow: 520 }
+    ]), _ = g(() => Ne(m.fields));
+    async function p(u) {
       try {
-        await navigator.clipboard.writeText(i), P.success(u("panel.copied"));
+        await navigator.clipboard.writeText(u), R.success(s("panel.copied"));
       } catch {
       }
     }
-    return (i, h) => (v(), A("div", Le, [
-      l(e(q), {
-        title: e(u)("panel.embed-blade")
+    return (u, h) => (v(), q("div", Oe, [
+      l(e(B), {
+        title: e(s)("panel.embed-blade")
       }, {
         default: t(() => [
           l(e(F), {
@@ -141,23 +141,23 @@ const Ee = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(y(e(u)("panel.embed-blade-help")), 1)
+              k(y(e(s)("panel.embed-blade-help")), 1)
             ]),
             _: 1
           }),
-          B("div", Me, [
-            B("code", null, y(o.value), 1),
+          A("div", Re, [
+            A("code", null, y(o.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(u)("panel.copy"),
+              title: e(s)("panel.copy"),
               onClick: h[0] || (h[0] = (b) => p(o.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
-      l(e(q), {
-        title: e(u)("panel.embed-block")
+      l(e(B), {
+        title: e(s)("panel.embed-block")
       }, {
         default: t(() => [
           l(e(F), {
@@ -165,23 +165,23 @@ const Ee = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(y(e(u)(w.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
+              k(y(e(s)(w.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
             ]),
             _: 1
           }),
-          B("div", Oe, [
-            B("code", null, y($.value), 1),
+          A("div", Pe, [
+            A("code", null, y($.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(u)("panel.copy"),
+              title: e(s)("panel.copy"),
               onClick: h[1] || (h[1] = (b) => p($.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
-      l(e(q), {
-        title: e(u)("panel.embed-extras")
+      l(e(B), {
+        title: e(s)("panel.embed-extras")
       }, {
         default: t(() => [
           l(e(F), {
@@ -189,23 +189,23 @@ const Ee = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(y(e(u)("panel.embed-extras-help")), 1)
+              k(y(e(s)("panel.embed-extras-help")), 1)
             ]),
             _: 1
           }),
-          B("div", Re, [
-            B("code", null, y(U.value), 1),
+          A("div", De, [
+            A("code", null, y(U.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(u)("panel.copy"),
+              title: e(s)("panel.copy"),
               onClick: h[2] || (h[2] = (b) => p(U.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
-      l(e(q), {
-        title: e(u)("panel.embed-names")
+      l(e(B), {
+        title: e(s)("panel.embed-names")
       }, {
         default: t(() => [
           l(e(F), {
@@ -213,16 +213,16 @@ const Ee = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(y(e(u)("panel.embed-names-help")), 1)
+              k(y(e(s)("panel.embed-names-help")), 1)
             ]),
             _: 1
           }),
-          l(e(we), {
+          l(e($e), {
             data: _.value,
             columns: f.value,
             "row-key": "id",
             flush: "",
-            "empty-text": e(u)("fields.no-fields")
+            "empty-text": e(s)("fields.no-fields")
           }, {
             "cell-key": t(({ row: b }) => [
               l(e(F), {
@@ -239,7 +239,7 @@ const Ee = /* @__PURE__ */ D({
               k(y(Object.values(b.title)[0] ?? b.key), 1)
             ]),
             "cell-type": t(({ row: b }) => [
-              k(y(e(u)(`fields.type-${b.type}`)), 1)
+              k(y(e(s)(`fields.type-${b.type}`)), 1)
             ]),
             _: 1
           }, 8, ["data", "columns", "empty-text"])
@@ -248,7 +248,7 @@ const Ee = /* @__PURE__ */ D({
       }, 8, ["title"])
     ]));
   }
-}), De = /* @__PURE__ */ Q(Pe, [["__scopeId", "data-v-7f9788ed"]]), Ge = { class: "wx-inbox-general" }, Ke = /* @__PURE__ */ D({
+}), Ke = /* @__PURE__ */ Q(Ge, [["__scopeId", "data-v-83b5e98b"]]), je = { class: "wx-inbox-general" }, He = /* @__PURE__ */ D({
   __name: "FormGeneral",
   props: /* @__PURE__ */ oe({
     errors: {}
@@ -263,7 +263,7 @@ const Ee = /* @__PURE__ */ D({
     const m = H(
       c,
       "settings"
-    ), u = H(c, "options"), s = G("webx-inbox"), w = C(u, "description", {}), o = C(u, "thank-you.heading", {}), $ = C(u, "thank-you.text", {}), r = C(u, "design.submit-text", {}), U = C(u, "redirect", null), f = g({
+    ), s = H(c, "options"), i = G("webx-inbox"), w = S(s, "description", {}), o = S(s, "thank-you.heading", {}), $ = S(s, "thank-you.text", {}), r = S(s, "design.submit-text", {}), U = S(s, "redirect", null), f = g({
       get: () => {
         const _ = U.value;
         return typeof _ == "string" ? { ...de(), target: "url", url: _ } : _ ?? { ...de(), target: "none" };
@@ -272,59 +272,60 @@ const Ee = /* @__PURE__ */ D({
         U.value = _ === null || _.target === "none" ? null : _;
       }
     });
-    return (_, p) => (v(), A("div", Ge, [
-      l(e(q), null, {
+    return (_, p) => (v(), q("div", je, [
+      l(e(B), null, {
         default: t(() => [
           l(e(z), {
-            label: e(s)("panel.title"),
+            label: e(i)("panel.title"),
             error: c.errors.title?.[0],
             required: ""
           }, {
             default: t(() => [
-              l(e(M), {
+              l(e(P), {
                 modelValue: m.value.title,
-                "onUpdate:modelValue": p[0] || (p[0] = (i) => m.value.title = i),
+                "onUpdate:modelValue": p[0] || (p[0] = (u) => m.value.title = u),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
           l(e(z), {
-            label: e(s)("panel.description"),
-            help: e(s)("panel.description-help")
+            label: e(i)("panel.description"),
+            help: e(i)("panel.description-help")
           }, {
             default: t(() => [
-              l(e(M), {
+              l(e(P), {
                 modelValue: e(w),
-                "onUpdate:modelValue": p[1] || (p[1] = (i) => T(w) ? w.value = i : null),
+                "onUpdate:modelValue": p[1] || (p[1] = (u) => T(w) ? w.value = u : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help"]),
           l(e(z), {
-            label: e(s)("panel.slug"),
-            help: e(s)("panel.slug-help"),
+            label: e(i)("panel.slug"),
+            help: e(i)("panel.slug-help"),
             error: c.errors.slug?.[0],
             required: ""
           }, {
             default: t(() => [
-              l(e(M), {
+              l(e(_e), {
                 modelValue: m.value.slug,
-                "onUpdate:modelValue": p[2] || (p[2] = (i) => m.value.slug = i),
+                "onUpdate:modelValue": p[2] || (p[2] = (u) => m.value.slug = u),
+                maxlength: 96,
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
           l(e(z), {
-            help: e(s)("panel.is-enabled-help")
+            help: e(i)("panel.is-enabled-help")
           }, {
             default: t(() => [
               l(e(me), {
                 modelValue: m.value.is_enabled,
-                "onUpdate:modelValue": p[3] || (p[3] = (i) => m.value.is_enabled = i),
-                label: e(s)("panel.is-enabled")
+                "onUpdate:modelValue": p[3] || (p[3] = (u) => m.value.is_enabled = u),
+                label: e(i)("panel.is-enabled")
               }, null, 8, ["modelValue", "label"])
             ]),
             _: 1
@@ -332,54 +333,54 @@ const Ee = /* @__PURE__ */ D({
         ]),
         _: 1
       }),
-      l(e(q), {
-        title: e(s)("panel.after-sending")
+      l(e(B), {
+        title: e(i)("panel.after-sending")
       }, {
         default: t(() => [
           l(e(z), {
-            label: e(s)("panel.submit-text")
+            label: e(i)("panel.submit-text")
           }, {
             default: t(() => [
-              l(e(M), {
+              l(e(P), {
                 modelValue: e(r),
-                "onUpdate:modelValue": p[4] || (p[4] = (i) => T(r) ? r.value = i : null),
+                "onUpdate:modelValue": p[4] || (p[4] = (u) => T(r) ? r.value = u : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(z), {
-            label: e(s)("panel.thank-you-heading")
+            label: e(i)("panel.thank-you-heading")
           }, {
             default: t(() => [
-              l(e(M), {
+              l(e(P), {
                 modelValue: e(o),
-                "onUpdate:modelValue": p[5] || (p[5] = (i) => T(o) ? o.value = i : null),
+                "onUpdate:modelValue": p[5] || (p[5] = (u) => T(o) ? o.value = u : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(z), {
-            label: e(s)("panel.thank-you-text")
+            label: e(i)("panel.thank-you-text")
           }, {
             default: t(() => [
-              l(Ie, {
+              l(Ee, {
                 modelValue: e($),
-                "onUpdate:modelValue": p[6] || (p[6] = (i) => T($) ? $.value = i : null)
+                "onUpdate:modelValue": p[6] || (p[6] = (u) => T($) ? $.value = u : null)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(z), {
-            label: e(s)("panel.redirect"),
-            help: e(s)("panel.redirect-help"),
+            label: e(i)("panel.redirect"),
+            help: e(i)("panel.redirect-help"),
             error: c.errors["options.redirect"]?.[0]
           }, {
             default: t(() => [
-              l(e(_e), {
+              l(e(he), {
                 modelValue: f.value,
-                "onUpdate:modelValue": p[7] || (p[7] = (i) => f.value = i),
+                "onUpdate:modelValue": p[7] || (p[7] = (u) => f.value = u),
                 attributes: !1
               }, null, 8, ["modelValue"])
             ]),
@@ -390,30 +391,30 @@ const Ee = /* @__PURE__ */ D({
       }, 8, ["title"])
     ]));
   }
-}), je = /* @__PURE__ */ Q(Ke, [["__scopeId", "data-v-1065e341"]]), He = /^[^\s@]+@[^\s@]+$/;
+}), Je = /* @__PURE__ */ Q(He, [["__scopeId", "data-v-02798a1a"]]), Qe = /^[^\s@]+@[^\s@]+$/;
 function j(c) {
   return "admin_id" in c;
 }
 function ve(c, m = []) {
   return j(c) ? m.find(
-    (s) => s.type === "admin" && s.admin_id === c.admin_id
-  )?.problem ?? null : He.test((c.email ?? "").trim()) ? null : "invalid_email";
+    (i) => i.type === "admin" && i.admin_id === c.admin_id
+  )?.problem ?? null : Qe.test((c.email ?? "").trim()) ? null : "invalid_email";
 }
-function Je(c, m = []) {
-  return (c ?? []).some((u) => ve(u, m) === null);
+function Xe(c, m = []) {
+  return (c ?? []).some((s) => ve(s, m) === null);
 }
-const Qe = {
+const Ye = {
   key: 1,
   class: "wx-inbox-notifications__way",
   "data-way": "email"
-}, Xe = {
+}, Ze = {
   key: 1,
   class: "wx-inbox-notifications__route"
-}, Ye = { class: "wx-inbox-recipients" }, Ze = { class: "wx-inbox-recipients__row" }, el = {
+}, el = { class: "wx-inbox-recipients" }, ll = { class: "wx-inbox-recipients__row" }, tl = {
   key: 2,
   class: "wx-inbox-notifications__way",
   "data-way": "channels"
-}, ll = { class: "wx-inbox-channels" }, tl = /* @__PURE__ */ D({
+}, al = { class: "wx-inbox-channels" }, nl = /* @__PURE__ */ D({
   __name: "FormNotifications",
   props: /* @__PURE__ */ oe({
     fields: {},
@@ -428,15 +429,15 @@ const Qe = {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const m = c, u = H(c, "modelValue"), s = ie(), w = fe(s), o = G("webx-inbox"), $ = I([]), r = C(u, "recipients", []), U = C(u, "email_field", ""), f = C(u, "notify_channels", []), _ = g({
-      get: () => u.value.notify_via ?? m.via ?? "email",
+    const m = c, s = H(c, "modelValue"), i = ie(), w = fe(i), o = G("webx-inbox"), $ = I([]), r = S(s, "recipients", []), U = S(s, "email_field", ""), f = S(s, "notify_channels", []), _ = g({
+      get: () => s.value.notify_via ?? m.via ?? "email",
       set: (d) => {
-        u.value = { ...u.value, notify_via: d };
+        s.value = { ...s.value, notify_via: d };
       }
     }), p = g(() => [
       { value: "email", label: o("panel.via-email") },
       { value: "channels", label: o("panel.via-channels") }
-    ]), i = g(() => !m.notifications || _.value === "email"), h = pe(), b = g(() => s.can("notifications.manage")), S = g(() => `${s.basePath}/notifications`.replace(/\/{2,}/g, "/"));
+    ]), u = g(() => !m.notifications || _.value === "email"), h = pe(), b = g(() => i.can("notifications.manage")), C = g(() => `${i.basePath}/notifications`.replace(/\/{2,}/g, "/"));
     function se(d) {
       d.metaKey || d.ctrlKey || d.shiftKey || d.button !== 0 || (d.preventDefault(), h.push("/notifications"));
     }
@@ -458,7 +459,7 @@ const Qe = {
       );
       return a === void 0 ? d.name ?? d.key : d.name ? `${a} · ${d.name}` : a;
     }
-    function O(d) {
+    function M(d) {
       if (!j(d)) return null;
       const a = ve(d, m.reported);
       return a === null ? null : o(`panel.recipient-${a}`);
@@ -468,7 +469,7 @@ const Qe = {
     }
     async function Z(d) {
       const a = r.value[d];
-      a !== void 0 && (j(a) || (a.email ?? "").trim() !== "") && !await Fe({
+      a !== void 0 && (j(a) || (a.email ?? "").trim() !== "") && !await Ce({
         title: o("panel.remove-recipient-title"),
         message: o("panel.remove-recipient-text"),
         confirmText: o("panel.remove"),
@@ -482,7 +483,7 @@ const Qe = {
     function le(d, a) {
       r.value = r.value.map((n, x) => x === d ? { email: a } : n);
     }
-    return (d, a) => (v(), V(e(q), {
+    return (d, a) => (v(), V(e(B), {
       class: "wx-inbox-notifications",
       title: m.notifications ? void 0 : e(o)("panel.recipients")
     }, {
@@ -506,7 +507,7 @@ const Qe = {
           label: e(o)("panel.notify-via")
         }, {
           default: t(() => [
-            l(e($e), {
+            l(e(Ue), {
               modelValue: _.value,
               "onUpdate:modelValue": a[1] || (a[1] = (n) => _.value = n),
               options: p.value,
@@ -515,7 +516,7 @@ const Qe = {
           ]),
           _: 1
         }, 8, ["label"])) : W("", !0),
-        i.value ? (v(), A("section", Qe, [
+        u.value ? (v(), q("section", Ye, [
           m.notifications ? (v(), V(e(F), {
             key: 0,
             weight: "medium"
@@ -534,14 +535,14 @@ const Qe = {
             ]),
             _: 1
           }),
-          c.mail ? (v(), A("div", Xe, [
+          c.mail ? (v(), q("div", Ze, [
             l(e(F), {
               size: "sm",
               tone: "muted"
             }, {
               default: t(() => [
                 k(y(e(o)("panel.mail-route")) + " ", 1),
-                B("code", null, y(c.mail.route.label), 1)
+                A("code", null, y(c.mail.route.label), 1)
               ]),
               _: 1
             }),
@@ -555,7 +556,7 @@ const Qe = {
               ]),
               _: 1
             })) : W("", !0),
-            (v(!0), A(te, null, ue(c.mail.warnings, (n) => (v(), V(e(J), {
+            (v(!0), q(te, null, ue(c.mail.warnings, (n) => (v(), V(e(J), {
               key: n.code,
               type: "warning",
               variant: "soft",
@@ -568,7 +569,7 @@ const Qe = {
             variant: "soft",
             description: c.errors["options.recipients"]?.[0]
           }, null, 8, ["description"])) : W("", !0),
-          B("div", Ye, [
+          A("div", el, [
             e(r).length === 0 ? (v(), V(e(F), {
               key: 0,
               size: "sm",
@@ -579,17 +580,17 @@ const Qe = {
               ]),
               _: 1
             })) : W("", !0),
-            (v(!0), A(te, null, ue(e(r), (n, x) => (v(), A("div", {
+            (v(!0), q(te, null, ue(e(r), (n, x) => (v(), q("div", {
               key: x,
               class: "wx-inbox-recipients__item"
             }, [
-              B("div", Ze, [
+              A("div", ll, [
                 e(j)(n) ? (v(), V(e(ae), {
                   key: 0,
                   "model-value": n.admin_id,
                   options: E.value,
                   "onUpdate:modelValue": (L) => ee(x, Number(L))
-                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (v(), V(e(M), {
+                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (v(), V(e(P), {
                   key: 1,
                   "model-value": n.email,
                   type: "email",
@@ -603,19 +604,19 @@ const Qe = {
                   onClick: (L) => Z(x)
                 }, null, 8, ["title", "onClick"])
               ]),
-              O(n) ? (v(), V(e(F), {
+              M(n) ? (v(), V(e(F), {
                 key: 0,
                 size: "sm",
                 tone: "danger"
               }, {
                 default: t(() => [
-                  k(y(O(n)), 1)
+                  k(y(M(n)), 1)
                 ]),
                 _: 2
               }, 1024)) : W("", !0)
             ]))), 128))
           ]),
-          l(e(Ue), { size: "sm" }, {
+          l(e(We), { size: "sm" }, {
             default: t(() => [
               l(e(ne), {
                 variant: "outline",
@@ -633,7 +634,7 @@ const Qe = {
                 onClick: a[3] || (a[3] = (n) => N({ email: "" }))
               }, {
                 icon: t(() => [
-                  l(e(We), { name: "mail" })
+                  l(e(ze), { name: "mail" })
                 ]),
                 default: t(() => [
                   k(" " + y(e(o)("panel.add-email")), 1)
@@ -643,7 +644,7 @@ const Qe = {
             ]),
             _: 1
           })
-        ])) : (v(), A("section", el, [
+        ])) : (v(), q("section", tl, [
           l(e(F), { weight: "medium" }, {
             default: t(() => [
               k(y(e(o)("panel.notify-through")), 1)
@@ -659,8 +660,8 @@ const Qe = {
             ]),
             _: 1
           }),
-          B("div", ll, [
-            l(e(he), {
+          A("div", al, [
+            l(e(ke), {
               modelValue: e(f),
               "onUpdate:modelValue": a[4] || (a[4] = (n) => T(f) ? f.value = n : null),
               target: "notify-inbox-submission",
@@ -669,9 +670,9 @@ const Qe = {
               "empty-text": e(o)("panel.no-channels"),
               "none-text": e(o)("panel.no-channels-yet")
             }, null, 8, ["modelValue", "add-text", "empty-text", "none-text"]),
-            b.value ? (v(), V(e(ze), {
+            b.value ? (v(), V(e(Fe), {
               key: 0,
-              href: S.value,
+              href: C.value,
               size: "sm",
               onClick: se
             }, {
@@ -686,38 +687,38 @@ const Qe = {
       _: 1
     }, 8, ["title"]));
   }
-}), al = /* @__PURE__ */ Q(tl, [["__scopeId", "data-v-5fc21abd"]]), nl = { class: "wx-inbox-editor" }, ol = /* @__PURE__ */ D({
+}), ol = /* @__PURE__ */ Q(nl, [["__scopeId", "data-v-5fc21abd"]]), il = { class: "wx-inbox-editor" }, sl = /* @__PURE__ */ D({
   __name: "FormEditorPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(c) {
-    const m = c, u = ie(), s = fe(u), w = ge(), o = pe(), $ = Se();
+    const m = c, s = ie(), i = fe(s), w = ge(), o = pe(), $ = Se();
     ce();
-    const r = G("webx-inbox"), U = ke(), f = I(null), _ = I([]), p = I(!0), i = I(!1), h = I({});
+    const r = G("webx-inbox"), U = Ve(), f = I(null), _ = I([]), p = I(!0), u = I(!1), h = I({});
     let b = xe({
       slug: "",
       title: {},
       is_enabled: !0
     });
-    const S = I({}), E = I(["general", "fields", "notifications", "antispam", "embed"].includes(String(w.query.tab)) ? String(w.query.tab) : "general"), X = g(
-      () => b.is_enabled && !Je(S.value.recipients, f.value?.recipients) && !Y.value
+    const C = I({}), E = I(["general", "fields", "notifications", "antispam", "embed"].includes(String(w.query.tab)) ? String(w.query.tab) : "general"), X = g(
+      () => b.is_enabled && !Xe(C.value.recipients, f.value?.recipients) && !Y.value
     ), Y = g(() => {
       if (f.value?.notifications !== !0) return !1;
       const a = f.value.channels ?? [];
-      return (S.value.notify_channels ?? []).some(
+      return (C.value.notify_channels ?? []).some(
         (n) => a.find((x) => x.id === n)?.sends ?? !0
       );
-    }), O = g(() => u.can("inbox.manage")), N = g(() => Number(w.params.id)), Z = g(
-      () => f.value === null ? "" : Ce(b.title, $.active.value, b.slug)
+    }), M = g(() => s.can("inbox.manage")), N = g(() => Number(w.params.id)), Z = g(
+      () => f.value === null ? "" : Te(b.title, $.active.value, b.slug)
     ), ee = g(() => `${m.base}?form=${N.value}`);
     async function le() {
       p.value = !0;
       try {
-        const a = await s.form(N.value);
-        f.value = a, _.value = a.fields ?? [], b.slug = a.slug, b.title = { ...a.title }, b.is_enabled = a.is_enabled, S.value = { ...a.options };
+        const a = await i.form(N.value);
+        f.value = a, _.value = a.fields ?? [], b.slug = a.slug, b.title = { ...a.title }, b.is_enabled = a.is_enabled, C.value = { ...a.options };
       } catch (a) {
-        P.danger(U(a)), o.replace(m.base);
+        R.danger(U(a)), o.replace(m.base);
       } finally {
         p.value = !1;
       }
@@ -726,33 +727,33 @@ const Qe = {
       le();
     }, { immediate: !0 });
     async function d() {
-      i.value = !0, h.value = {};
+      u.value = !0, h.value = {};
       try {
-        const a = await s.saveForm(N.value, {
+        const a = await i.saveForm(N.value, {
           slug: b.slug.trim(),
           title: b.title,
           is_enabled: b.is_enabled,
-          options: S.value
+          options: C.value
         });
-        f.value = a, P.success(r("panel.saved"));
+        f.value = a, R.success(r("panel.saved"));
       } catch (a) {
         const n = a.body;
-        n?.errors ? (h.value = n.errors, P.danger(r("panel.failed"))) : P.danger(U(a));
+        n?.errors ? (h.value = n.errors, R.danger(r("panel.failed"))) : R.danger(U(a));
       } finally {
-        i.value = !1;
+        u.value = !1;
       }
     }
-    return (a, n) => (v(), A("div", nl, [
-      p.value ? (v(), V(e(q), { key: 0 }, {
+    return (a, n) => (v(), q("div", il, [
+      p.value ? (v(), V(e(B), { key: 0 }, {
         default: t(() => [
-          l(e(Te), {
+          l(e(qe), {
             title: "",
             rows: 8
           })
         ]),
         _: 1
-      })) : f.value ? (v(), A(te, { key: 1 }, [
-        l(e(Ve), {
+      })) : f.value ? (v(), q(te, { key: 1 }, [
+        l(e(we), {
           class: "wx-inbox-editor__head",
           title: Z.value,
           subtitle: f.value.slug,
@@ -788,43 +789,43 @@ const Qe = {
           "keep-alive": ""
         }, {
           default: t(() => [
-            l(e(R), {
+            l(e(O), {
               value: "general",
               label: e(r)("panel.tab-general")
             }, {
               default: t(() => [
-                l(je, {
+                l(Je, {
                   settings: e(b),
                   "onUpdate:settings": n[0] || (n[0] = (x) => T(b) ? b.value = x : b = x),
-                  options: S.value,
-                  "onUpdate:options": n[1] || (n[1] = (x) => S.value = x),
+                  options: C.value,
+                  "onUpdate:options": n[1] || (n[1] = (x) => C.value = x),
                   errors: h.value
                 }, null, 8, ["settings", "options", "errors"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(R), {
+            l(e(O), {
               value: "fields",
               label: e(r)("panel.tab-fields")
             }, {
               default: t(() => [
-                l(Ne, {
+                l(Le, {
                   modelValue: _.value,
                   "onUpdate:modelValue": n[2] || (n[2] = (x) => _.value = x),
                   form: f.value,
-                  "can-manage": O.value
+                  "can-manage": M.value
                 }, null, 8, ["modelValue", "form", "can-manage"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(R), {
+            l(e(O), {
               value: "notifications",
               label: e(r)("panel.tab-notifications")
             }, {
               default: t(() => [
-                l(al, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": n[3] || (n[3] = (x) => S.value = x),
+                l(ol, {
+                  modelValue: C.value,
+                  "onUpdate:modelValue": n[3] || (n[3] = (x) => C.value = x),
                   fields: _.value,
                   errors: h.value,
                   reported: f.value.recipients,
@@ -835,25 +836,25 @@ const Qe = {
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(R), {
+            l(e(O), {
               value: "antispam",
               label: e(r)("panel.tab-antispam")
             }, {
               default: t(() => [
-                l(Ee, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (x) => S.value = x),
+                l(Me, {
+                  modelValue: C.value,
+                  "onUpdate:modelValue": n[4] || (n[4] = (x) => C.value = x),
                   site: f.value.captcha
                 }, null, 8, ["modelValue", "site"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(R), {
+            l(e(O), {
               value: "embed",
               label: e(r)("panel.tab-embed")
             }, {
               default: t(() => [
-                l(De, {
+                l(Ke, {
                   form: f.value,
                   slug: e(b).slug,
                   fields: _.value
@@ -864,11 +865,11 @@ const Qe = {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        O.value ? (v(), V(e(qe), { key: 1 }, {
+        M.value ? (v(), V(e(Ie), { key: 1 }, {
           default: t(() => [
             l(e(ne), {
               type: "primary",
-              loading: i.value,
+              loading: u.value,
               onClick: d
             }, {
               default: t(() => [
@@ -882,8 +883,8 @@ const Qe = {
       ], 64)) : W("", !0)
     ]));
   }
-}), pl = /* @__PURE__ */ Q(ol, [["__scopeId", "data-v-1d18ccd2"]]);
+}), cl = /* @__PURE__ */ Q(sl, [["__scopeId", "data-v-1d18ccd2"]]);
 export {
-  pl as default
+  cl as default
 };
-//# sourceMappingURL=FormEditorPage-DhlICloH.js.map
+//# sourceMappingURL=FormEditorPage-BsJTI_wN.js.map