@webx-ui/module-inbox 0.9.0 → 0.10.0

package/dist/{FormEditorPage-HsbIZcG_.js → FormEditorPage-CXYnpKAh.js}

@@ -1,8 +1,8 @@
-import { defineComponent as D, useModel as H, computed as g, openBlock as y, createBlock as w, unref as e, withCtx as t, createVNode as l, isRef as T, createTextVNode as k, toDisplayString as _, createCommentVNode as F, mergeModels as ae, createElementBlock as N, createElementVNode as A, ref as I, onMounted as ve, Fragment as de, renderList as be, reactive as xe, watch as ye } from "vue";
+import { defineComponent as D, useModel as H, computed as y, openBlock as x, createBlock as w, unref as e, withCtx as t, createVNode as l, isRef as T, createTextVNode as V, toDisplayString as _, createCommentVNode as F, mergeModels as ae, createElementBlock as N, createElementVNode as A, ref as I, onMounted as ve, Fragment as de, renderList as be, reactive as xe, watch as ye } from "vue";
 import { useRouter as re, useRoute as ge } from "vue-router";
-import { useTranslate as G, useAdmin as ne, emptyLink as se, WxLinkPicker as _e, WxRelationsField as he, useErrorText as ke, WxScreenHead as Ve } from "@webx-ui/module-admin";
-import { WxCard as B, WxFormItem as W, WxSwitch as pe, WxInputNumber as ue, WxSelect as le, WxText as S, WxAlert as oe, WxAction as K, WxTable as we, toast as R, WxInput as P, WxRadioGroup as $e, WxSpace as Ue, WxButton as te, 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 O, WxActionBar as Ie } from "@webx-ui/core";
-import { o as C, u as me, _ as J, a as Ne, c as ce, F as Ee } from "./index-Dxbb2lUM.js";
+import { useTranslate as G, useAdmin as ne, emptyLink as se, WxLinkPicker as _e, WxRelationsField as he, useErrorText as Ve, WxScreenHead as ke } from "@webx-ui/module-admin";
+import { WxCard as B, WxFormItem as W, WxSwitch as pe, WxInputNumber as ue, WxSelect as le, WxText as S, WxAlert as oe, WxAction as K, WxTable as we, toast as P, WxInput as q, WxRadioGroup as $e, WxSpace as Ue, WxButton as te, 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 Ie } from "@webx-ui/core";
+import { o as C, u as me, _ as J, a as Ne, c as ce, F as Ee } from "./index-BJ-mLCee.js";
 const Le = /* @__PURE__ */ D({
   __name: "FormAntispam",
   props: /* @__PURE__ */ ae({
@@ -13,39 +13,39 @@ const Le = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const d = H(v, "modelValue"), i = v, s = G("webx-inbox"), V = C(d, "antispam.honeypot", !0), n = C(d, "antispam.min_seconds", 3), $ = C(d, "antispam.throttle", 5), r = C(d, "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") }
-    ]), p = g(() => {
-      const m = r.value;
-      return m !== "recaptcha" && m !== "turnstile" ? null : { provider: m, site: i.site?.[m] ?? null };
-    }), c = g(() => {
-      const m = p.value?.site;
-      return m ? s(`panel.captcha-${p.value.provider}-${m.type}`) : null;
+    const m = H(v, "modelValue"), u = v, o = G("webx-inbox"), k = C(m, "antispam.honeypot", !0), i = C(m, "antispam.min_seconds", 3), $ = C(m, "antispam.throttle", 5), r = C(m, "antispam.captcha", "off"), U = y(() => [
+      { value: "off", label: o("panel.captcha-off") },
+      { value: "recaptcha", label: o("panel.captcha-recaptcha") },
+      { value: "turnstile", label: o("panel.captcha-turnstile") }
+    ]), c = y(() => {
+      const p = r.value;
+      return p !== "recaptcha" && p !== "turnstile" ? null : { provider: p, site: u.site?.[p] ?? null };
+    }), g = y(() => {
+      const p = c.value?.site;
+      return p ? o(`panel.captcha-${c.value.provider}-${p.type}`) : null;
     });
-    return (m, x) => (y(), w(e(B), null, {
+    return (p, n) => (x(), w(e(B), null, {
       default: t(() => [
         l(e(W), {
-          help: e(s)("panel.honeypot-help")
+          help: e(o)("panel.honeypot-help")
         }, {
           default: t(() => [
             l(e(pe), {
-              modelValue: e(V),
-              "onUpdate:modelValue": x[0] || (x[0] = (h) => T(V) ? V.value = h : null),
-              label: e(s)("panel.honeypot")
+              modelValue: e(k),
+              "onUpdate:modelValue": n[0] || (n[0] = (h) => T(k) ? k.value = h : null),
+              label: e(o)("panel.honeypot")
             }, null, 8, ["modelValue", "label"])
           ]),
           _: 1
         }, 8, ["help"]),
         l(e(W), {
-          label: e(s)("panel.min-seconds"),
-          help: e(s)("panel.min-seconds-help")
+          label: e(o)("panel.min-seconds"),
+          help: e(o)("panel.min-seconds-help")
         }, {
           default: t(() => [
             l(e(ue), {
-              modelValue: e(n),
-              "onUpdate:modelValue": x[1] || (x[1] = (h) => T(n) ? n.value = h : null),
+              modelValue: e(i),
+              "onUpdate:modelValue": n[1] || (n[1] = (h) => T(i) ? i.value = h : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -53,13 +53,13 @@ const Le = /* @__PURE__ */ D({
           _: 1
         }, 8, ["label", "help"]),
         l(e(W), {
-          label: e(s)("panel.throttle"),
-          help: e(s)("panel.throttle-help")
+          label: e(o)("panel.throttle"),
+          help: e(o)("panel.throttle-help")
         }, {
           default: t(() => [
             l(e(ue), {
               modelValue: e($),
-              "onUpdate:modelValue": x[2] || (x[2] = (h) => T($) ? $.value = h : null),
+              "onUpdate:modelValue": n[2] || (n[2] = (h) => T($) ? $.value = h : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -67,34 +67,34 @@ const Le = /* @__PURE__ */ D({
           _: 1
         }, 8, ["label", "help"]),
         l(e(W), {
-          label: e(s)("panel.captcha"),
-          help: e(s)("panel.captcha-keys")
+          label: e(o)("panel.captcha"),
+          help: e(o)("panel.captcha-keys")
         }, {
           default: t(() => [
             l(e(le), {
               modelValue: e(r),
-              "onUpdate:modelValue": x[3] || (x[3] = (h) => T(r) ? r.value = h : null),
+              "onUpdate:modelValue": n[3] || (n[3] = (h) => T(r) ? r.value = h : null),
               options: U.value
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        c.value ? (y(), w(e(S), {
+        g.value ? (x(), w(e(S), {
           key: 0,
           size: "sm",
           tone: "muted"
         }, {
           default: t(() => [
-            k(_(c.value), 1)
+            V(_(g.value), 1)
           ]),
           _: 1
         })) : F("", !0),
-        p.value?.site && !p.value.site.configured ? (y(), w(e(oe), {
+        c.value?.site && !c.value.site.configured ? (x(), w(e(oe), {
           key: 1,
           type: "warning",
           variant: "soft",
           closable: !1,
-          description: e(s)("panel.captcha-unconfigured")
+          description: e(o)("panel.captcha-unconfigured")
         }, null, 8, ["description"])) : F("", !0)
       ]),
       _: 1
@@ -108,32 +108,32 @@ const Le = /* @__PURE__ */ D({
     fields: {}
   },
   setup(v) {
-    const d = v;
+    const m = v;
     me();
-    const i = G("webx-inbox"), s = ne(), V = g(
-      () => s.state.manifest?.modules.some((x) => x.id === "blocks") ?? !1
-    ), n = g(() => `<x-webx-inbox::form slug="${d.slug}" />`), $ = g(
-      () => V.value ? n.value : `{{-- resources/views/blocks/contact.blade.php --}}
-<x-webx-inbox::form slug="${d.slug}" />`
-    ), r = g(
-      () => d.fields.find((x) => x.type === "hidden" && x.is_enabled)?.key ?? "page"
-    ), U = g(
-      () => `<x-webx-inbox::form slug="${d.slug}" :values="['${r.value}' => url()->current()]" />
-<x-webx-inbox::form slug="${d.slug}" placement="footer" />`
-    ), p = g(() => [
-      { key: "key", label: i("fields.name") },
-      { key: "title", label: i("fields.title") },
-      { key: "type", label: i("fields.type"), hideBelow: 520 }
-    ]), c = g(() => d.fields.filter((x) => x.is_enabled));
-    async function m(x) {
+    const u = G("webx-inbox"), o = ne(), k = y(
+      () => o.state.manifest?.modules.some((n) => n.id === "blocks") ?? !1
+    ), i = y(() => `<x-webx-inbox::form slug="${m.slug}" />`), $ = y(
+      () => k.value ? i.value : `{{-- resources/views/blocks/contact.blade.php --}}
+<x-webx-inbox::form slug="${m.slug}" />`
+    ), r = y(
+      () => m.fields.find((n) => n.type === "hidden" && n.is_enabled)?.key ?? "page"
+    ), U = y(
+      () => `<x-webx-inbox::form slug="${m.slug}" :values="['${r.value}' => url()->current()]" />
+<x-webx-inbox::form slug="${m.slug}" placement="footer" />`
+    ), c = y(() => [
+      { key: "key", label: u("fields.name") },
+      { key: "title", label: u("fields.title") },
+      { key: "type", label: u("fields.type"), hideBelow: 520 }
+    ]), g = y(() => m.fields.filter((n) => n.is_enabled));
+    async function p(n) {
       try {
-        await navigator.clipboard.writeText(x), R.success(i("panel.copied"));
+        await navigator.clipboard.writeText(n), P.success(u("panel.copied"));
       } catch {
       }
     }
-    return (x, h) => (y(), N("div", Me, [
+    return (n, h) => (x(), N("div", Me, [
       l(e(B), {
-        title: e(i)("panel.embed-blade")
+        title: e(u)("panel.embed-blade")
       }, {
         default: t(() => [
           l(e(S), {
@@ -141,23 +141,23 @@ const Le = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(i)("panel.embed-blade-help")), 1)
+              V(_(e(u)("panel.embed-blade-help")), 1)
             ]),
             _: 1
           }),
           A("div", qe, [
-            A("code", null, _(n.value), 1),
+            A("code", null, _(i.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(i)("panel.copy"),
-              onClick: h[0] || (h[0] = (f) => m(n.value))
+              title: e(u)("panel.copy"),
+              onClick: h[0] || (h[0] = (f) => p(i.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
       l(e(B), {
-        title: e(i)("panel.embed-block")
+        title: e(u)("panel.embed-block")
       }, {
         default: t(() => [
           l(e(S), {
@@ -165,7 +165,7 @@ const Le = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(i)(V.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
+              V(_(e(u)(k.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
             ]),
             _: 1
           }),
@@ -173,15 +173,15 @@ const Le = /* @__PURE__ */ D({
             A("code", null, _($.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(i)("panel.copy"),
-              onClick: h[1] || (h[1] = (f) => m($.value))
+              title: e(u)("panel.copy"),
+              onClick: h[1] || (h[1] = (f) => p($.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
       l(e(B), {
-        title: e(i)("panel.embed-extras")
+        title: e(u)("panel.embed-extras")
       }, {
         default: t(() => [
           l(e(S), {
@@ -189,7 +189,7 @@ const Le = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(i)("panel.embed-extras-help")), 1)
+              V(_(e(u)("panel.embed-extras-help")), 1)
             ]),
             _: 1
           }),
@@ -197,15 +197,15 @@ const Le = /* @__PURE__ */ D({
             A("code", null, _(U.value), 1),
             l(e(K), {
               icon: "copy",
-              title: e(i)("panel.copy"),
-              onClick: h[2] || (h[2] = (f) => m(U.value))
+              title: e(u)("panel.copy"),
+              onClick: h[2] || (h[2] = (f) => p(U.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
       l(e(B), {
-        title: e(i)("panel.embed-names")
+        title: e(u)("panel.embed-names")
       }, {
         default: t(() => [
           l(e(S), {
@@ -213,16 +213,16 @@ const Le = /* @__PURE__ */ D({
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(i)("panel.embed-names-help")), 1)
+              V(_(e(u)("panel.embed-names-help")), 1)
             ]),
             _: 1
           }),
           l(e(we), {
-            data: c.value,
-            columns: p.value,
+            data: g.value,
+            columns: c.value,
             "row-key": "id",
             flush: "",
-            "empty-text": e(i)("fields.no-fields")
+            "empty-text": e(u)("fields.no-fields")
           }, {
             "cell-key": t(({ row: f }) => [
               l(e(S), {
@@ -230,16 +230,16 @@ const Le = /* @__PURE__ */ D({
                 size: "sm"
               }, {
                 default: t(() => [
-                  k("fields[" + _(f.key) + "]", 1)
+                  V("fields[" + _(f.key) + "]", 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             "cell-title": t(({ row: f }) => [
-              k(_(Object.values(f.title)[0] ?? f.key), 1)
+              V(_(Object.values(f.title)[0] ?? f.key), 1)
             ]),
             "cell-type": t(({ row: f }) => [
-              k(_(e(i)(`fields.type-${f.type}`)), 1)
+              V(_(e(u)(`fields.type-${f.type}`)), 1)
             ]),
             _: 1
           }, 8, ["data", "columns", "empty-text"])
@@ -260,58 +260,71 @@ const Le = /* @__PURE__ */ D({
   }),
   emits: ["update:settings", "update:options"],
   setup(v) {
-    const d = H(
+    const m = H(
       v,
       "settings"
-    ), i = H(v, "options"), s = G("webx-inbox"), V = C(i, "thank-you.heading", {}), n = C(i, "thank-you.text", {}), $ = C(i, "design.submit-text", {}), r = C(i, "redirect", null), U = g({
+    ), u = H(v, "options"), o = G("webx-inbox"), k = C(u, "description", {}), i = C(u, "thank-you.heading", {}), $ = C(u, "thank-you.text", {}), r = C(u, "design.submit-text", {}), U = C(u, "redirect", null), c = y({
       get: () => {
-        const p = r.value;
-        return typeof p == "string" ? { ...se(), target: "url", url: p } : p ?? { ...se(), target: "none" };
+        const g = U.value;
+        return typeof g == "string" ? { ...se(), target: "url", url: g } : g ?? { ...se(), target: "none" };
       },
-      set: (p) => {
-        r.value = p === null || p.target === "none" ? null : p;
+      set: (g) => {
+        U.value = g === null || g.target === "none" ? null : g;
       }
     });
-    return (p, c) => (y(), N("div", Ge, [
+    return (g, p) => (x(), N("div", Ge, [
       l(e(B), null, {
         default: t(() => [
           l(e(W), {
-            label: e(s)("panel.title"),
+            label: e(o)("panel.title"),
             error: v.errors.title?.[0],
             required: ""
           }, {
             default: t(() => [
-              l(e(P), {
-                modelValue: d.value.title,
-                "onUpdate:modelValue": c[0] || (c[0] = (m) => d.value.title = m),
+              l(e(q), {
+                modelValue: m.value.title,
+                "onUpdate:modelValue": p[0] || (p[0] = (n) => m.value.title = n),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
           l(e(W), {
-            label: e(s)("panel.slug"),
-            help: e(s)("panel.slug-help"),
+            label: e(o)("panel.description"),
+            help: e(o)("panel.description-help")
+          }, {
+            default: t(() => [
+              l(e(q), {
+                modelValue: e(k),
+                "onUpdate:modelValue": p[1] || (p[1] = (n) => T(k) ? k.value = n : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          l(e(W), {
+            label: e(o)("panel.slug"),
+            help: e(o)("panel.slug-help"),
             error: v.errors.slug?.[0],
             required: ""
           }, {
             default: t(() => [
-              l(e(P), {
-                modelValue: d.value.slug,
-                "onUpdate:modelValue": c[1] || (c[1] = (m) => d.value.slug = m),
+              l(e(q), {
+                modelValue: m.value.slug,
+                "onUpdate:modelValue": p[2] || (p[2] = (n) => m.value.slug = n),
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
           l(e(W), {
-            help: e(s)("panel.is-enabled-help")
+            help: e(o)("panel.is-enabled-help")
           }, {
             default: t(() => [
               l(e(pe), {
-                modelValue: d.value.is_enabled,
-                "onUpdate:modelValue": c[2] || (c[2] = (m) => d.value.is_enabled = m),
-                label: e(s)("panel.is-enabled")
+                modelValue: m.value.is_enabled,
+                "onUpdate:modelValue": p[3] || (p[3] = (n) => m.value.is_enabled = n),
+                label: e(o)("panel.is-enabled")
               }, null, 8, ["modelValue", "label"])
             ]),
             _: 1
@@ -320,53 +333,53 @@ const Le = /* @__PURE__ */ D({
         _: 1
       }),
       l(e(B), {
-        title: e(s)("panel.after-sending")
+        title: e(o)("panel.after-sending")
       }, {
         default: t(() => [
           l(e(W), {
-            label: e(s)("panel.submit-text")
+            label: e(o)("panel.submit-text")
           }, {
             default: t(() => [
-              l(e(P), {
-                modelValue: e($),
-                "onUpdate:modelValue": c[3] || (c[3] = (m) => T($) ? $.value = m : null),
+              l(e(q), {
+                modelValue: e(r),
+                "onUpdate:modelValue": p[4] || (p[4] = (n) => T(r) ? r.value = n : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(W), {
-            label: e(s)("panel.thank-you-heading")
+            label: e(o)("panel.thank-you-heading")
           }, {
             default: t(() => [
-              l(e(P), {
-                modelValue: e(V),
-                "onUpdate:modelValue": c[4] || (c[4] = (m) => T(V) ? V.value = m : null),
+              l(e(q), {
+                modelValue: e(i),
+                "onUpdate:modelValue": p[5] || (p[5] = (n) => T(i) ? i.value = n : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(W), {
-            label: e(s)("panel.thank-you-text")
+            label: e(o)("panel.thank-you-text")
           }, {
             default: t(() => [
               l(Ne, {
-                modelValue: e(n),
-                "onUpdate:modelValue": c[5] || (c[5] = (m) => T(n) ? n.value = m : null)
+                modelValue: e($),
+                "onUpdate:modelValue": p[6] || (p[6] = (n) => T($) ? $.value = n : null)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
           l(e(W), {
-            label: e(s)("panel.redirect"),
-            help: e(s)("panel.redirect-help"),
+            label: e(o)("panel.redirect"),
+            help: e(o)("panel.redirect-help"),
             error: v.errors["options.redirect"]?.[0]
           }, {
             default: t(() => [
               l(e(_e), {
-                modelValue: U.value,
-                "onUpdate:modelValue": c[6] || (c[6] = (m) => U.value = m),
+                modelValue: c.value,
+                "onUpdate:modelValue": p[7] || (p[7] = (n) => c.value = n),
                 attributes: !1
               }, null, 8, ["modelValue"])
             ]),
@@ -377,17 +390,17 @@ const Le = /* @__PURE__ */ D({
       }, 8, ["title"])
     ]));
   }
-}), je = /* @__PURE__ */ J(Ke, [["__scopeId", "data-v-27d224bf"]]), He = /^[^\s@]+@[^\s@]+$/;
+}), je = /* @__PURE__ */ J(Ke, [["__scopeId", "data-v-1065e341"]]), He = /^[^\s@]+@[^\s@]+$/;
 function j(v) {
   return "admin_id" in v;
 }
-function fe(v, d = []) {
-  return j(v) ? d.find(
-    (s) => s.type === "admin" && s.admin_id === v.admin_id
+function fe(v, m = []) {
+  return j(v) ? m.find(
+    (o) => o.type === "admin" && o.admin_id === v.admin_id
   )?.problem ?? null : He.test((v.email ?? "").trim()) ? null : "invalid_email";
 }
-function Je(v, d = []) {
-  return (v ?? []).some((i) => fe(i, d) === null);
+function Je(v, m = []) {
+  return (v ?? []).some((u) => fe(u, m) === null);
 }
 const Qe = {
   key: 1,
@@ -411,100 +424,100 @@ const Qe = {
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const d = v, i = H(v, "modelValue"), s = ne(), V = ce(s), n = G("webx-inbox"), $ = I([]), r = C(i, "recipients", []), U = C(i, "email_field", ""), p = C(i, "notify_channels", []), c = g({
-      get: () => i.value.notify_via ?? d.via ?? "email",
-      set: (u) => {
-        i.value = { ...i.value, notify_via: u };
+    const m = v, u = H(v, "modelValue"), o = ne(), k = ce(o), i = G("webx-inbox"), $ = I([]), r = C(u, "recipients", []), U = C(u, "email_field", ""), c = C(u, "notify_channels", []), g = y({
+      get: () => u.value.notify_via ?? m.via ?? "email",
+      set: (d) => {
+        u.value = { ...u.value, notify_via: d };
       }
-    }), m = g(() => [
-      { value: "email", label: n("panel.via-email") },
-      { value: "channels", label: n("panel.via-channels") }
-    ]), x = g(() => !d.notifications || c.value === "email"), h = re(), f = g(() => s.can("notifications.manage")), z = g(() => `${s.basePath}/notifications`.replace(/\/{2,}/g, "/"));
-    function ie(u) {
-      u.metaKey || u.ctrlKey || u.shiftKey || u.button !== 0 || (u.preventDefault(), h.push("/notifications"));
+    }), p = y(() => [
+      { value: "email", label: i("panel.via-email") },
+      { value: "channels", label: i("panel.via-channels") }
+    ]), n = y(() => !m.notifications || g.value === "email"), h = re(), f = y(() => o.can("notifications.manage")), z = y(() => `${o.basePath}/notifications`.replace(/\/{2,}/g, "/"));
+    function ie(d) {
+      d.metaKey || d.ctrlKey || d.shiftKey || d.button !== 0 || (d.preventDefault(), h.push("/notifications"));
     }
     ve(async () => {
       try {
-        $.value = await V.recipients();
+        $.value = await k.recipients();
       } catch {
       }
     });
-    const L = g(
-      () => $.value.map((u) => ({ value: u.id, label: `${u.name} · ${u.email}` }))
-    ), Q = g(() => [
-      { value: "", label: n("panel.no-email-field") },
-      ...d.fields.filter((u) => u.type === "email").map((u) => ({ value: u.key, label: X(u) }))
+    const L = y(
+      () => $.value.map((d) => ({ value: d.id, label: `${d.name} · ${d.email}` }))
+    ), Q = y(() => [
+      { value: "", label: i("panel.no-email-field") },
+      ...m.fields.filter((d) => d.type === "email").map((d) => ({ value: d.key, label: X(d) }))
     ]);
-    function X(u) {
-      const a = Object.values(u.title ?? {}).find(
-        (o) => typeof o == "string" && o.trim() !== ""
+    function X(d) {
+      const a = Object.values(d.title ?? {}).find(
+        (s) => typeof s == "string" && s.trim() !== ""
       );
-      return a === void 0 ? u.name ?? u.key : u.name ? `${a} · ${u.name}` : a;
+      return a === void 0 ? d.name ?? d.key : d.name ? `${a} · ${d.name}` : a;
     }
-    function q(u) {
-      if (!j(u)) return null;
-      const a = fe(u, d.reported);
-      return a === null ? null : n(`panel.recipient-${a}`);
+    function O(d) {
+      if (!j(d)) return null;
+      const a = fe(d, m.reported);
+      return a === null ? null : i(`panel.recipient-${a}`);
     }
-    function E(u) {
-      r.value = [...r.value, u];
+    function E(d) {
+      r.value = [...r.value, d];
     }
-    async function Y(u) {
-      const a = r.value[u];
+    async function Y(d) {
+      const a = r.value[d];
       a !== void 0 && (j(a) || (a.email ?? "").trim() !== "") && !await Fe({
-        title: n("panel.remove-recipient-title"),
-        message: n("panel.remove-recipient-text"),
-        confirmText: n("panel.remove"),
-        cancelText: n("panel.cancel"),
+        title: i("panel.remove-recipient-title"),
+        message: i("panel.remove-recipient-text"),
+        confirmText: i("panel.remove"),
+        cancelText: i("panel.cancel"),
         tone: "danger"
-      }) || (r.value = r.value.filter((b, M) => M !== u));
+      }) || (r.value = r.value.filter((b, M) => M !== d));
     }
-    function Z(u, a) {
-      r.value = r.value.map((o, b) => b === u ? { admin_id: a } : o);
+    function Z(d, a) {
+      r.value = r.value.map((s, b) => b === d ? { admin_id: a } : s);
     }
-    function ee(u, a) {
-      r.value = r.value.map((o, b) => b === u ? { email: a } : o);
+    function ee(d, a) {
+      r.value = r.value.map((s, b) => b === d ? { email: a } : s);
     }
-    return (u, a) => (y(), w(e(B), {
+    return (d, a) => (x(), w(e(B), {
       class: "wx-inbox-notifications",
-      title: d.notifications ? void 0 : e(n)("panel.recipients")
+      title: m.notifications ? void 0 : e(i)("panel.recipients")
     }, {
       default: t(() => [
         l(e(W), {
-          label: e(n)("panel.email-field"),
-          help: d.notifications ? e(n)("panel.email-field-help-channels") : e(n)("panel.email-field-help"),
+          label: e(i)("panel.email-field"),
+          help: m.notifications ? e(i)("panel.email-field-help-channels") : e(i)("panel.email-field-help"),
           error: v.errors["options.email_field"]?.[0]
         }, {
           default: t(() => [
             l(e(le), {
               modelValue: e(U),
-              "onUpdate:modelValue": a[0] || (a[0] = (o) => T(U) ? U.value = o : null),
+              "onUpdate:modelValue": a[0] || (a[0] = (s) => T(U) ? U.value = s : null),
               options: Q.value
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
         }, 8, ["label", "help", "error"]),
-        d.notifications ? (y(), w(e(W), {
+        m.notifications ? (x(), w(e(W), {
           key: 0,
-          label: e(n)("panel.notify-via")
+          label: e(i)("panel.notify-via")
         }, {
           default: t(() => [
             l(e($e), {
-              modelValue: c.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (o) => c.value = o),
-              options: m.value,
+              modelValue: g.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (s) => g.value = s),
+              options: p.value,
               inline: ""
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
         }, 8, ["label"])) : F("", !0),
-        x.value ? (y(), N("section", Qe, [
-          d.notifications ? (y(), w(e(S), {
+        n.value ? (x(), N("section", Qe, [
+          m.notifications ? (x(), w(e(S), {
             key: 0,
             weight: "medium"
           }, {
             default: t(() => [
-              k(_(e(n)("panel.recipients")), 1)
+              V(_(e(i)("panel.recipients")), 1)
             ]),
             _: 1
           })) : F("", !0),
@@ -513,40 +526,40 @@ const Qe = {
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(n)("panel.recipients-help")), 1)
+              V(_(e(i)("panel.recipients-help")), 1)
             ]),
             _: 1
           }),
-          v.errors["options.recipients"] ? (y(), w(e(oe), {
+          v.errors["options.recipients"] ? (x(), w(e(oe), {
             key: 1,
             type: "danger",
             variant: "soft",
             description: v.errors["options.recipients"]?.[0]
           }, null, 8, ["description"])) : F("", !0),
           A("div", Xe, [
-            e(r).length === 0 ? (y(), w(e(S), {
+            e(r).length === 0 ? (x(), w(e(S), {
               key: 0,
               size: "sm",
               tone: "placeholder"
             }, {
               default: t(() => [
-                k(_(e(n)("panel.no-recipients")), 1)
+                V(_(e(i)("panel.no-recipients")), 1)
               ]),
               _: 1
             })) : F("", !0),
-            (y(!0), N(de, null, be(e(r), (o, b) => (y(), N("div", {
+            (x(!0), N(de, null, be(e(r), (s, b) => (x(), N("div", {
               key: b,
               class: "wx-inbox-recipients__item"
             }, [
               A("div", Ye, [
-                e(j)(o) ? (y(), w(e(le), {
+                e(j)(s) ? (x(), w(e(le), {
                   key: 0,
-                  "model-value": o.admin_id,
+                  "model-value": s.admin_id,
                   options: L.value,
                   "onUpdate:modelValue": (M) => Z(b, Number(M))
-                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (y(), w(e(P), {
+                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (x(), w(e(q), {
                   key: 1,
-                  "model-value": o.email,
+                  "model-value": s.email,
                   type: "email",
                   placeholder: "sales@example.com",
                   "onUpdate:modelValue": (M) => ee(b, String(M))
@@ -554,17 +567,17 @@ const Qe = {
                 l(e(K), {
                   icon: "trash",
                   tone: "danger",
-                  title: e(n)("panel.remove"),
+                  title: e(i)("panel.remove"),
                   onClick: (M) => Y(b)
                 }, null, 8, ["title", "onClick"])
               ]),
-              q(o) ? (y(), w(e(S), {
+              O(s) ? (x(), w(e(S), {
                 key: 0,
                 size: "sm",
                 tone: "danger"
               }, {
                 default: t(() => [
-                  k(_(q(o)), 1)
+                  V(_(O(s)), 1)
                 ]),
                 _: 2
               }, 1024)) : F("", !0)
@@ -576,32 +589,32 @@ const Qe = {
                 variant: "outline",
                 icon: "user",
                 disabled: L.value.length === 0,
-                onClick: a[2] || (a[2] = (o) => E({ admin_id: Number(L.value[0]?.value) }))
+                onClick: a[2] || (a[2] = (s) => E({ admin_id: Number(L.value[0]?.value) }))
               }, {
                 default: t(() => [
-                  k(_(e(n)("panel.add-admin")), 1)
+                  V(_(e(i)("panel.add-admin")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
               l(e(te), {
                 variant: "outline",
-                onClick: a[3] || (a[3] = (o) => E({ email: "" }))
+                onClick: a[3] || (a[3] = (s) => E({ email: "" }))
               }, {
                 icon: t(() => [
                   l(e(We), { name: "mail" })
                 ]),
                 default: t(() => [
-                  k(" " + _(e(n)("panel.add-email")), 1)
+                  V(" " + _(e(i)("panel.add-email")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           })
-        ])) : (y(), N("section", Ze, [
+        ])) : (x(), N("section", Ze, [
           l(e(S), { weight: "medium" }, {
             default: t(() => [
-              k(_(e(n)("panel.notify-through")), 1)
+              V(_(e(i)("panel.notify-through")), 1)
             ]),
             _: 1
           }),
@@ -610,28 +623,28 @@ const Qe = {
             tone: "muted"
           }, {
             default: t(() => [
-              k(_(e(n)("panel.notify-through-help")), 1)
+              V(_(e(i)("panel.notify-through-help")), 1)
             ]),
             _: 1
           }),
           A("div", el, [
             l(e(he), {
-              modelValue: e(p),
-              "onUpdate:modelValue": a[4] || (a[4] = (o) => T(p) ? p.value = o : null),
+              modelValue: e(c),
+              "onUpdate:modelValue": a[4] || (a[4] = (s) => T(c) ? c.value = s : null),
               target: "notify-inbox-submission",
               sortable: !1,
-              "add-text": e(n)("panel.pick-channels"),
-              "empty-text": e(n)("panel.no-channels"),
-              "none-text": e(n)("panel.no-channels-yet")
+              "add-text": e(i)("panel.pick-channels"),
+              "empty-text": e(i)("panel.no-channels"),
+              "none-text": e(i)("panel.no-channels-yet")
             }, null, 8, ["modelValue", "add-text", "empty-text", "none-text"]),
-            f.value ? (y(), w(e(ze), {
+            f.value ? (x(), w(e(ze), {
               key: 0,
               href: z.value,
               size: "sm",
               onClick: ie
             }, {
               default: t(() => [
-                k(_(e(n)("panel.set-up-channels")), 1)
+                V(_(e(i)("panel.set-up-channels")), 1)
               ]),
               _: 1
             }, 8, ["href"])) : F("", !0)
@@ -647,58 +660,58 @@ const Qe = {
     base: { default: "/inbox" }
   },
   setup(v) {
-    const d = v, i = ne(), s = ce(i), V = ge(), n = re(), $ = Se();
+    const m = v, u = ne(), o = ce(u), k = ge(), i = re(), $ = Se();
     me();
-    const r = G("webx-inbox"), U = ke(), p = I(null), c = I([]), m = I(!0), x = I(!1), h = I({});
+    const r = G("webx-inbox"), U = Ve(), c = I(null), g = I([]), p = I(!0), n = I(!1), h = I({});
     let f = xe({
       slug: "",
       title: {},
       is_enabled: !0
     });
-    const z = I({}), L = I(["general", "fields", "notifications", "antispam", "embed"].includes(String(V.query.tab)) ? String(V.query.tab) : "general"), Q = g(
-      () => f.is_enabled && !Je(z.value.recipients, p.value?.recipients) && !X.value
-    ), X = g(() => {
-      if (p.value?.notifications !== !0) return !1;
-      const a = p.value.channels ?? [];
+    const z = I({}), L = I(["general", "fields", "notifications", "antispam", "embed"].includes(String(k.query.tab)) ? String(k.query.tab) : "general"), Q = y(
+      () => f.is_enabled && !Je(z.value.recipients, c.value?.recipients) && !X.value
+    ), X = y(() => {
+      if (c.value?.notifications !== !0) return !1;
+      const a = c.value.channels ?? [];
       return (z.value.notify_channels ?? []).some(
-        (o) => a.find((b) => b.id === o)?.sends ?? !0
+        (s) => a.find((b) => b.id === s)?.sends ?? !0
       );
-    }), q = g(() => i.can("inbox.manage")), E = g(() => Number(V.params.id)), Y = g(
-      () => p.value === null ? "" : Ce(f.title, $.active.value, f.slug)
-    ), Z = g(() => `${d.base}?form=${E.value}`);
+    }), O = y(() => u.can("inbox.manage")), E = y(() => Number(k.params.id)), Y = y(
+      () => c.value === null ? "" : Ce(f.title, $.active.value, f.slug)
+    ), Z = y(() => `${m.base}?form=${E.value}`);
     async function ee() {
-      m.value = !0;
+      p.value = !0;
       try {
-        const a = await s.form(E.value);
-        p.value = a, c.value = a.fields ?? [], f.slug = a.slug, f.title = { ...a.title }, f.is_enabled = a.is_enabled, z.value = { ...a.options };
+        const a = await o.form(E.value);
+        c.value = a, g.value = a.fields ?? [], f.slug = a.slug, f.title = { ...a.title }, f.is_enabled = a.is_enabled, z.value = { ...a.options };
       } catch (a) {
-        R.danger(U(a)), n.replace(d.base);
+        P.danger(U(a)), i.replace(m.base);
       } finally {
-        m.value = !1;
+        p.value = !1;
       }
     }
     ye(E, () => {
       ee();
     }, { immediate: !0 });
-    async function u() {
-      x.value = !0, h.value = {};
+    async function d() {
+      n.value = !0, h.value = {};
       try {
-        const a = await s.saveForm(E.value, {
+        const a = await o.saveForm(E.value, {
           slug: f.slug.trim(),
           title: f.title,
           is_enabled: f.is_enabled,
           options: z.value
         });
-        p.value = a, R.success(r("panel.saved"));
+        c.value = a, P.success(r("panel.saved"));
       } catch (a) {
-        const o = a.body;
-        o?.errors ? (h.value = o.errors, R.danger(r("panel.failed"))) : R.danger(U(a));
+        const s = a.body;
+        s?.errors ? (h.value = s.errors, P.danger(r("panel.failed"))) : P.danger(U(a));
       } finally {
-        x.value = !1;
+        n.value = !1;
       }
     }
-    return (a, o) => (y(), N("div", al, [
-      m.value ? (y(), w(e(B), { key: 0 }, {
+    return (a, s) => (x(), N("div", al, [
+      p.value ? (x(), w(e(B), { key: 0 }, {
         default: t(() => [
           l(e(Te), {
             title: "",
@@ -706,28 +719,28 @@ const Qe = {
           })
         ]),
         _: 1
-      })) : p.value ? (y(), N(de, { key: 1 }, [
-        l(e(Ve), {
+      })) : c.value ? (x(), N(de, { key: 1 }, [
+        l(e(ke), {
           class: "wx-inbox-editor__head",
           title: Y.value,
-          subtitle: p.value.slug,
+          subtitle: c.value.slug,
           back: Z.value,
           "back-label": e(r)("panel.forms")
         }, {
           "title-after": t(() => [
-            e(f).is_enabled ? F("", !0) : (y(), w(e(Ae), {
+            e(f).is_enabled ? F("", !0) : (x(), w(e(Ae), {
               key: 0,
               type: "default"
             }, {
               default: t(() => [
-                k(_(e(r)("panel.off")), 1)
+                V(_(e(r)("panel.off")), 1)
               ]),
               _: 1
             }))
           ]),
           _: 1
         }, 8, ["title", "subtitle", "back", "back-label"]),
-        Q.value ? (y(), w(e(oe), {
+        Q.value ? (x(), w(e(oe), {
           key: 0,
           class: "wx-inbox-editor__silent",
           type: "warning",
@@ -738,79 +751,79 @@ const Qe = {
         }, null, 8, ["title", "description"])) : F("", !0),
         l(e(Be), {
           modelValue: L.value,
-          "onUpdate:modelValue": o[5] || (o[5] = (b) => L.value = b),
+          "onUpdate:modelValue": s[5] || (s[5] = (b) => L.value = b),
           class: "wx-inbox-editor__tabs",
           "keep-alive": ""
         }, {
           default: t(() => [
-            l(e(O), {
+            l(e(R), {
               value: "general",
               label: e(r)("panel.tab-general")
             }, {
               default: t(() => [
                 l(je, {
                   settings: e(f),
-                  "onUpdate:settings": o[0] || (o[0] = (b) => T(f) ? f.value = b : f = b),
+                  "onUpdate:settings": s[0] || (s[0] = (b) => T(f) ? f.value = b : f = b),
                   options: z.value,
-                  "onUpdate:options": o[1] || (o[1] = (b) => z.value = b),
+                  "onUpdate:options": s[1] || (s[1] = (b) => z.value = b),
                   errors: h.value
                 }, null, 8, ["settings", "options", "errors"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(O), {
+            l(e(R), {
               value: "fields",
               label: e(r)("panel.tab-fields")
             }, {
               default: t(() => [
                 l(Ee, {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": o[2] || (o[2] = (b) => c.value = b),
-                  form: p.value,
-                  "can-manage": q.value
+                  modelValue: g.value,
+                  "onUpdate:modelValue": s[2] || (s[2] = (b) => g.value = b),
+                  form: c.value,
+                  "can-manage": O.value
                 }, null, 8, ["modelValue", "form", "can-manage"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(O), {
+            l(e(R), {
               value: "notifications",
               label: e(r)("panel.tab-notifications")
             }, {
               default: t(() => [
                 l(tl, {
                   modelValue: z.value,
-                  "onUpdate:modelValue": o[3] || (o[3] = (b) => z.value = b),
-                  fields: c.value,
+                  "onUpdate:modelValue": s[3] || (s[3] = (b) => z.value = b),
+                  fields: g.value,
                   errors: h.value,
-                  reported: p.value.recipients,
-                  notifications: p.value.notifications,
-                  via: p.value.notify_via
+                  reported: c.value.recipients,
+                  notifications: c.value.notifications,
+                  via: c.value.notify_via
                 }, null, 8, ["modelValue", "fields", "errors", "reported", "notifications", "via"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(O), {
+            l(e(R), {
               value: "antispam",
               label: e(r)("panel.tab-antispam")
             }, {
               default: t(() => [
                 l(Le, {
                   modelValue: z.value,
-                  "onUpdate:modelValue": o[4] || (o[4] = (b) => z.value = b),
-                  site: p.value.captcha
+                  "onUpdate:modelValue": s[4] || (s[4] = (b) => z.value = b),
+                  site: c.value.captcha
                 }, null, 8, ["modelValue", "site"])
               ]),
               _: 1
             }, 8, ["label"]),
-            l(e(O), {
+            l(e(R), {
               value: "embed",
               label: e(r)("panel.tab-embed")
             }, {
               default: t(() => [
                 l(De, {
-                  form: p.value,
+                  form: c.value,
                   slug: e(f).slug,
-                  fields: c.value
+                  fields: g.value
                 }, null, 8, ["form", "slug", "fields"])
               ]),
               _: 1
@@ -818,15 +831,15 @@ const Qe = {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        q.value ? (y(), w(e(Ie), { key: 1 }, {
+        O.value ? (x(), w(e(Ie), { key: 1 }, {
           default: t(() => [
             l(e(te), {
               type: "primary",
-              loading: x.value,
-              onClick: u
+              loading: n.value,
+              onClick: d
             }, {
               default: t(() => [
-                k(_(e(r)("panel.save")), 1)
+                V(_(e(r)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -840,4 +853,4 @@ const Qe = {
 export {
   rl as default
 };
-//# sourceMappingURL=FormEditorPage-HsbIZcG_.js.map
+//# sourceMappingURL=FormEditorPage-CXYnpKAh.js.map