@webx-ui/module-inbox 0.9.1 → 0.11.0

package/dist/FormEditorPage-B2Q0gTp3.js

@@ -0,0 +1,889 @@
+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 { 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-gLN73Ici.js";
+const Ee = /* @__PURE__ */ D({
+  __name: "FormAntispam",
+  props: /* @__PURE__ */ oe({
+    site: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  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") }
+    ]), f = g(() => {
+      const p = r.value;
+      return p !== "recaptcha" && p !== "turnstile" ? null : { provider: p, site: u.site?.[p] ?? null };
+    }), _ = g(() => {
+      const p = f.value?.site;
+      return p ? s(`panel.captcha-${f.value.provider}-${p.type}`) : null;
+    });
+    return (p, i) => (v(), V(e(q), null, {
+      default: t(() => [
+        l(e(z), {
+          help: e(s)("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")
+            }, null, 8, ["modelValue", "label"])
+          ]),
+          _: 1
+        }, 8, ["help"]),
+        l(e(z), {
+          label: e(s)("panel.min-seconds"),
+          help: e(s)("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),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        l(e(z), {
+          label: e(s)("panel.throttle"),
+          help: e(s)("panel.throttle-help")
+        }, {
+          default: t(() => [
+            l(e(re), {
+              modelValue: e($),
+              "onUpdate:modelValue": i[2] || (i[2] = (h) => T($) ? $.value = h : null),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        l(e(z), {
+          label: e(s)("panel.captcha"),
+          help: e(s)("panel.captcha-keys")
+        }, {
+          default: t(() => [
+            l(e(ae), {
+              modelValue: e(r),
+              "onUpdate:modelValue": i[3] || (i[3] = (h) => T(r) ? r.value = h : null),
+              options: U.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        _.value ? (v(), V(e(F), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: t(() => [
+            k(y(_.value), 1)
+          ]),
+          _: 1
+        })) : W("", !0),
+        f.value?.site && !f.value.site.configured ? (v(), V(e(J), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          closable: !1,
+          description: e(s)("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({
+  __name: "FormEmbed",
+  props: {
+    form: {},
+    slug: {},
+    fields: {}
+  },
+  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
+    ), 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"
+    ), 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) {
+      try {
+        await navigator.clipboard.writeText(i), P.success(u("panel.copied"));
+      } catch {
+      }
+    }
+    return (i, h) => (v(), A("div", Le, [
+      l(e(q), {
+        title: e(u)("panel.embed-blade")
+      }, {
+        default: t(() => [
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(u)("panel.embed-blade-help")), 1)
+            ]),
+            _: 1
+          }),
+          B("div", Me, [
+            B("code", null, y(o.value), 1),
+            l(e(K), {
+              icon: "copy",
+              title: e(u)("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")
+      }, {
+        default: t(() => [
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(u)(w.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
+            ]),
+            _: 1
+          }),
+          B("div", Oe, [
+            B("code", null, y($.value), 1),
+            l(e(K), {
+              icon: "copy",
+              title: e(u)("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")
+      }, {
+        default: t(() => [
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(u)("panel.embed-extras-help")), 1)
+            ]),
+            _: 1
+          }),
+          B("div", Re, [
+            B("code", null, y(U.value), 1),
+            l(e(K), {
+              icon: "copy",
+              title: e(u)("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")
+      }, {
+        default: t(() => [
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(u)("panel.embed-names-help")), 1)
+            ]),
+            _: 1
+          }),
+          l(e(we), {
+            data: _.value,
+            columns: f.value,
+            "row-key": "id",
+            flush: "",
+            "empty-text": e(u)("fields.no-fields")
+          }, {
+            "cell-key": t(({ row: b }) => [
+              l(e(F), {
+                mono: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  k("fields[" + y(b.key) + "]", 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-title": t(({ row: b }) => [
+              k(y(Object.values(b.title)[0] ?? b.key), 1)
+            ]),
+            "cell-type": t(({ row: b }) => [
+              k(y(e(u)(`fields.type-${b.type}`)), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "empty-text"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), De = /* @__PURE__ */ Q(Pe, [["__scopeId", "data-v-7f9788ed"]]), Ge = { class: "wx-inbox-general" }, Ke = /* @__PURE__ */ D({
+  __name: "FormGeneral",
+  props: /* @__PURE__ */ oe({
+    errors: {}
+  }, {
+    settings: { required: !0 },
+    settingsModifiers: {},
+    options: { required: !0 },
+    optionsModifiers: {}
+  }),
+  emits: ["update:settings", "update:options"],
+  setup(c) {
+    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({
+      get: () => {
+        const _ = U.value;
+        return typeof _ == "string" ? { ...de(), target: "url", url: _ } : _ ?? { ...de(), target: "none" };
+      },
+      set: (_) => {
+        U.value = _ === null || _.target === "none" ? null : _;
+      }
+    });
+    return (_, p) => (v(), A("div", Ge, [
+      l(e(q), null, {
+        default: t(() => [
+          l(e(z), {
+            label: e(s)("panel.title"),
+            error: c.errors.title?.[0],
+            required: ""
+          }, {
+            default: t(() => [
+              l(e(M), {
+                modelValue: m.value.title,
+                "onUpdate:modelValue": p[0] || (p[0] = (i) => m.value.title = i),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          l(e(z), {
+            label: e(s)("panel.description"),
+            help: e(s)("panel.description-help")
+          }, {
+            default: t(() => [
+              l(e(M), {
+                modelValue: e(w),
+                "onUpdate:modelValue": p[1] || (p[1] = (i) => T(w) ? w.value = i : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"]),
+          l(e(z), {
+            label: e(s)("panel.slug"),
+            help: e(s)("panel.slug-help"),
+            error: c.errors.slug?.[0],
+            required: ""
+          }, {
+            default: t(() => [
+              l(e(M), {
+                modelValue: m.value.slug,
+                "onUpdate:modelValue": p[2] || (p[2] = (i) => m.value.slug = i),
+                placeholder: "contact"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          l(e(z), {
+            help: e(s)("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")
+              }, null, 8, ["modelValue", "label"])
+            ]),
+            _: 1
+          }, 8, ["help"])
+        ]),
+        _: 1
+      }),
+      l(e(q), {
+        title: e(s)("panel.after-sending")
+      }, {
+        default: t(() => [
+          l(e(z), {
+            label: e(s)("panel.submit-text")
+          }, {
+            default: t(() => [
+              l(e(M), {
+                modelValue: e(r),
+                "onUpdate:modelValue": p[4] || (p[4] = (i) => T(r) ? r.value = i : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(z), {
+            label: e(s)("panel.thank-you-heading")
+          }, {
+            default: t(() => [
+              l(e(M), {
+                modelValue: e(o),
+                "onUpdate:modelValue": p[5] || (p[5] = (i) => T(o) ? o.value = i : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(z), {
+            label: e(s)("panel.thank-you-text")
+          }, {
+            default: t(() => [
+              l(Ie, {
+                modelValue: e($),
+                "onUpdate:modelValue": p[6] || (p[6] = (i) => T($) ? $.value = i : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(z), {
+            label: e(s)("panel.redirect"),
+            help: e(s)("panel.redirect-help"),
+            error: c.errors["options.redirect"]?.[0]
+          }, {
+            default: t(() => [
+              l(e(_e), {
+                modelValue: f.value,
+                "onUpdate:modelValue": p[7] || (p[7] = (i) => f.value = i),
+                attributes: !1
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), je = /* @__PURE__ */ Q(Ke, [["__scopeId", "data-v-1065e341"]]), He = /^[^\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";
+}
+function Je(c, m = []) {
+  return (c ?? []).some((u) => ve(u, m) === null);
+}
+const Qe = {
+  key: 1,
+  class: "wx-inbox-notifications__way",
+  "data-way": "email"
+}, Xe = {
+  key: 1,
+  class: "wx-inbox-notifications__route"
+}, Ye = { class: "wx-inbox-recipients" }, Ze = { class: "wx-inbox-recipients__row" }, el = {
+  key: 2,
+  class: "wx-inbox-notifications__way",
+  "data-way": "channels"
+}, ll = { class: "wx-inbox-channels" }, tl = /* @__PURE__ */ D({
+  __name: "FormNotifications",
+  props: /* @__PURE__ */ oe({
+    fields: {},
+    errors: {},
+    reported: {},
+    notifications: { type: Boolean },
+    via: {},
+    mail: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  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",
+      set: (d) => {
+        u.value = { ...u.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, "/"));
+    function se(d) {
+      d.metaKey || d.ctrlKey || d.shiftKey || d.button !== 0 || (d.preventDefault(), h.push("/notifications"));
+    }
+    be(async () => {
+      try {
+        $.value = await w.recipients();
+      } catch {
+      }
+    });
+    const E = g(
+      () => $.value.map((d) => ({ value: d.id, label: `${d.name} · ${d.email}` }))
+    ), X = g(() => [
+      { value: "", label: o("panel.no-email-field") },
+      ...m.fields.filter((d) => d.type === "email").map((d) => ({ value: d.key, label: Y(d) }))
+    ]);
+    function Y(d) {
+      const a = Object.values(d.title ?? {}).find(
+        (n) => typeof n == "string" && n.trim() !== ""
+      );
+      return a === void 0 ? d.name ?? d.key : d.name ? `${a} · ${d.name}` : a;
+    }
+    function O(d) {
+      if (!j(d)) return null;
+      const a = ve(d, m.reported);
+      return a === null ? null : o(`panel.recipient-${a}`);
+    }
+    function N(d) {
+      r.value = [...r.value, d];
+    }
+    async function Z(d) {
+      const a = r.value[d];
+      a !== void 0 && (j(a) || (a.email ?? "").trim() !== "") && !await Fe({
+        title: o("panel.remove-recipient-title"),
+        message: o("panel.remove-recipient-text"),
+        confirmText: o("panel.remove"),
+        cancelText: o("panel.cancel"),
+        tone: "danger"
+      }) || (r.value = r.value.filter((x, L) => L !== d));
+    }
+    function ee(d, a) {
+      r.value = r.value.map((n, x) => x === d ? { admin_id: a } : n);
+    }
+    function le(d, a) {
+      r.value = r.value.map((n, x) => x === d ? { email: a } : n);
+    }
+    return (d, a) => (v(), V(e(q), {
+      class: "wx-inbox-notifications",
+      title: m.notifications ? void 0 : e(o)("panel.recipients")
+    }, {
+      default: t(() => [
+        l(e(z), {
+          label: e(o)("panel.email-field"),
+          help: m.notifications ? e(o)("panel.email-field-help-channels") : e(o)("panel.email-field-help"),
+          error: c.errors["options.email_field"]?.[0]
+        }, {
+          default: t(() => [
+            l(e(ae), {
+              modelValue: e(U),
+              "onUpdate:modelValue": a[0] || (a[0] = (n) => T(U) ? U.value = n : null),
+              options: X.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"]),
+        m.notifications ? (v(), V(e(z), {
+          key: 0,
+          label: e(o)("panel.notify-via")
+        }, {
+          default: t(() => [
+            l(e($e), {
+              modelValue: _.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => _.value = n),
+              options: p.value,
+              inline: ""
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : W("", !0),
+        i.value ? (v(), A("section", Qe, [
+          m.notifications ? (v(), V(e(F), {
+            key: 0,
+            weight: "medium"
+          }, {
+            default: t(() => [
+              k(y(e(o)("panel.recipients")), 1)
+            ]),
+            _: 1
+          })) : W("", !0),
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(o)("panel.recipients-help")), 1)
+            ]),
+            _: 1
+          }),
+          c.mail ? (v(), A("div", Xe, [
+            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)
+              ]),
+              _: 1
+            }),
+            c.mail.queue.hint ? (v(), V(e(F), {
+              key: 0,
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: t(() => [
+                k(y(c.mail.queue.hint), 1)
+              ]),
+              _: 1
+            })) : W("", !0),
+            (v(!0), A(te, null, ue(c.mail.warnings, (n) => (v(), V(e(J), {
+              key: n.code,
+              type: "warning",
+              variant: "soft",
+              description: n.message
+            }, null, 8, ["description"]))), 128))
+          ])) : W("", !0),
+          c.errors["options.recipients"] ? (v(), V(e(J), {
+            key: 2,
+            type: "danger",
+            variant: "soft",
+            description: c.errors["options.recipients"]?.[0]
+          }, null, 8, ["description"])) : W("", !0),
+          B("div", Ye, [
+            e(r).length === 0 ? (v(), V(e(F), {
+              key: 0,
+              size: "sm",
+              tone: "placeholder"
+            }, {
+              default: t(() => [
+                k(y(e(o)("panel.no-recipients")), 1)
+              ]),
+              _: 1
+            })) : W("", !0),
+            (v(!0), A(te, null, ue(e(r), (n, x) => (v(), A("div", {
+              key: x,
+              class: "wx-inbox-recipients__item"
+            }, [
+              B("div", Ze, [
+                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), {
+                  key: 1,
+                  "model-value": n.email,
+                  type: "email",
+                  placeholder: "sales@example.com",
+                  "onUpdate:modelValue": (L) => le(x, String(L))
+                }, null, 8, ["model-value", "onUpdate:modelValue"])),
+                l(e(K), {
+                  icon: "trash",
+                  tone: "danger",
+                  title: e(o)("panel.remove"),
+                  onClick: (L) => Z(x)
+                }, null, 8, ["title", "onClick"])
+              ]),
+              O(n) ? (v(), V(e(F), {
+                key: 0,
+                size: "sm",
+                tone: "danger"
+              }, {
+                default: t(() => [
+                  k(y(O(n)), 1)
+                ]),
+                _: 2
+              }, 1024)) : W("", !0)
+            ]))), 128))
+          ]),
+          l(e(Ue), { size: "sm" }, {
+            default: t(() => [
+              l(e(ne), {
+                variant: "outline",
+                icon: "user",
+                disabled: E.value.length === 0,
+                onClick: a[2] || (a[2] = (n) => N({ admin_id: Number(E.value[0]?.value) }))
+              }, {
+                default: t(() => [
+                  k(y(e(o)("panel.add-admin")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              l(e(ne), {
+                variant: "outline",
+                onClick: a[3] || (a[3] = (n) => N({ email: "" }))
+              }, {
+                icon: t(() => [
+                  l(e(We), { name: "mail" })
+                ]),
+                default: t(() => [
+                  k(" " + y(e(o)("panel.add-email")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : (v(), A("section", el, [
+          l(e(F), { weight: "medium" }, {
+            default: t(() => [
+              k(y(e(o)("panel.notify-through")), 1)
+            ]),
+            _: 1
+          }),
+          l(e(F), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              k(y(e(o)("panel.notify-through-help")), 1)
+            ]),
+            _: 1
+          }),
+          B("div", ll, [
+            l(e(he), {
+              modelValue: e(f),
+              "onUpdate:modelValue": a[4] || (a[4] = (n) => T(f) ? f.value = n : null),
+              target: "notify-inbox-submission",
+              sortable: !1,
+              "add-text": e(o)("panel.pick-channels"),
+              "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), {
+              key: 0,
+              href: S.value,
+              size: "sm",
+              onClick: se
+            }, {
+              default: t(() => [
+                k(y(e(o)("panel.set-up-channels")), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])) : W("", !0)
+          ])
+        ]))
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), al = /* @__PURE__ */ Q(tl, [["__scopeId", "data-v-5fc21abd"]]), nl = { class: "wx-inbox-editor" }, ol = /* @__PURE__ */ D({
+  __name: "FormEditorPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(c) {
+    const m = c, u = ie(), s = fe(u), 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({});
+    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
+    ), Y = g(() => {
+      if (f.value?.notifications !== !0) return !1;
+      const a = f.value.channels ?? [];
+      return (S.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)
+    ), 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 };
+      } catch (a) {
+        P.danger(U(a)), o.replace(m.base);
+      } finally {
+        p.value = !1;
+      }
+    }
+    ye(N, () => {
+      le();
+    }, { immediate: !0 });
+    async function d() {
+      i.value = !0, h.value = {};
+      try {
+        const a = await s.saveForm(N.value, {
+          slug: b.slug.trim(),
+          title: b.title,
+          is_enabled: b.is_enabled,
+          options: S.value
+        });
+        f.value = a, P.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));
+      } finally {
+        i.value = !1;
+      }
+    }
+    return (a, n) => (v(), A("div", nl, [
+      p.value ? (v(), V(e(q), { key: 0 }, {
+        default: t(() => [
+          l(e(Te), {
+            title: "",
+            rows: 8
+          })
+        ]),
+        _: 1
+      })) : f.value ? (v(), A(te, { key: 1 }, [
+        l(e(Ve), {
+          class: "wx-inbox-editor__head",
+          title: Z.value,
+          subtitle: f.value.slug,
+          back: ee.value,
+          "back-label": e(r)("panel.forms")
+        }, {
+          "title-after": t(() => [
+            e(b).is_enabled ? W("", !0) : (v(), V(e(Ae), {
+              key: 0,
+              type: "default"
+            }, {
+              default: t(() => [
+                k(y(e(r)("panel.off")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["title", "subtitle", "back", "back-label"]),
+        X.value ? (v(), V(e(J), {
+          key: 0,
+          class: "wx-inbox-editor__silent",
+          type: "warning",
+          variant: "soft",
+          closable: !1,
+          title: e(r)("panel.notifies-nobody"),
+          description: e(r)("panel.notifies-nobody-text")
+        }, null, 8, ["title", "description"])) : W("", !0),
+        l(e(Be), {
+          modelValue: E.value,
+          "onUpdate:modelValue": n[5] || (n[5] = (x) => E.value = x),
+          class: "wx-inbox-editor__tabs",
+          "keep-alive": ""
+        }, {
+          default: t(() => [
+            l(e(R), {
+              value: "general",
+              label: e(r)("panel.tab-general")
+            }, {
+              default: t(() => [
+                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),
+                  errors: h.value
+                }, null, 8, ["settings", "options", "errors"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(R), {
+              value: "fields",
+              label: e(r)("panel.tab-fields")
+            }, {
+              default: t(() => [
+                l(Ne, {
+                  modelValue: _.value,
+                  "onUpdate:modelValue": n[2] || (n[2] = (x) => _.value = x),
+                  form: f.value,
+                  "can-manage": O.value
+                }, null, 8, ["modelValue", "form", "can-manage"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(R), {
+              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),
+                  fields: _.value,
+                  errors: h.value,
+                  reported: f.value.recipients,
+                  notifications: f.value.notifications,
+                  via: f.value.notify_via,
+                  mail: f.value.mail
+                }, null, 8, ["modelValue", "fields", "errors", "reported", "notifications", "via", "mail"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(R), {
+              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),
+                  site: f.value.captcha
+                }, null, 8, ["modelValue", "site"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(R), {
+              value: "embed",
+              label: e(r)("panel.tab-embed")
+            }, {
+              default: t(() => [
+                l(De, {
+                  form: f.value,
+                  slug: e(b).slug,
+                  fields: _.value
+                }, null, 8, ["form", "slug", "fields"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        O.value ? (v(), V(e(qe), { key: 1 }, {
+          default: t(() => [
+            l(e(ne), {
+              type: "primary",
+              loading: i.value,
+              onClick: d
+            }, {
+              default: t(() => [
+                k(y(e(r)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })) : W("", !0)
+      ], 64)) : W("", !0)
+    ]));
+  }
+}), pl = /* @__PURE__ */ Q(ol, [["__scopeId", "data-v-1d18ccd2"]]);
+export {
+  pl as default
+};
+//# sourceMappingURL=FormEditorPage-B2Q0gTp3.js.map