@webx-ui/module-inbox 0.7.0 → 0.8.1

package/dist/FormEditorPage-BoHzlFfz.js

@@ -0,0 +1,786 @@
+import { defineComponent as K, useModel as Q, computed as y, openBlock as v, createBlock as W, unref as e, withCtx as t, createVNode as l, isRef as A, createTextVNode as V, toDisplayString as x, createCommentVNode as T, mergeModels as ae, createElementBlock as L, createElementVNode as E, ref as q, onMounted as ce, Fragment as se, renderList as fe, reactive as be, watch as ve } from "vue";
+import { useRouter as ue, useRoute as xe } from "vue-router";
+import { useTranslate as G, useAdmin as ne, WxRelationsField as ye, useErrorText as _e, WxScreenHead as ge } from "@webx-ui/module-admin";
+import { WxCard as N, WxFormItem as C, WxSwitch as de, WxInputNumber as ie, WxSelect as le, WxText as I, WxAlert as oe, WxAction as H, WxTable as he, toast as P, WxInput as R, WxSpace as Ve, WxButton as te, WxIcon as ke, WxLink as we, confirm as $e, useLocales as Ue, localizedValue as We, WxSkeleton as ze, WxBadge as Fe, WxTabs as Se, WxTab as O, WxActionBar as Ce } from "@webx-ui/core";
+import { o as B, u as re, _ as X, a as Te, c as pe, F as Ae } from "./index-BQj2UlUS.js";
+const Be = /* @__PURE__ */ K({
+  __name: "FormAntispam",
+  props: /* @__PURE__ */ ae({
+    site: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const d = Q(m, "modelValue"), i = m, n = G("webx-inbox"), k = B(d, "antispam.honeypot", !0), s = B(d, "antispam.min_seconds", 3), $ = B(d, "antispam.throttle", 5), o = B(d, "antispam.captcha", "off"), z = y(() => [
+      { value: "off", label: n("panel.captcha-off") },
+      { value: "recaptcha", label: n("panel.captcha-recaptcha") },
+      { value: "turnstile", label: n("panel.captcha-turnstile") }
+    ]), a = y(() => {
+      const _ = o.value;
+      return _ !== "recaptcha" && _ !== "turnstile" ? null : { provider: _, site: i.site?.[_] ?? null };
+    }), p = y(() => {
+      const _ = a.value?.site;
+      return _ ? n(`panel.captcha-${a.value.provider}-${_.type}`) : null;
+    });
+    return (_, c) => (v(), W(e(N), null, {
+      default: t(() => [
+        l(e(C), {
+          help: e(n)("panel.honeypot-help")
+        }, {
+          default: t(() => [
+            l(e(de), {
+              modelValue: e(k),
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => A(k) ? k.value = f : null),
+              label: e(n)("panel.honeypot")
+            }, null, 8, ["modelValue", "label"])
+          ]),
+          _: 1
+        }, 8, ["help"]),
+        l(e(C), {
+          label: e(n)("panel.min-seconds"),
+          help: e(n)("panel.min-seconds-help")
+        }, {
+          default: t(() => [
+            l(e(ie), {
+              modelValue: e(s),
+              "onUpdate:modelValue": c[1] || (c[1] = (f) => A(s) ? s.value = f : null),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        l(e(C), {
+          label: e(n)("panel.throttle"),
+          help: e(n)("panel.throttle-help")
+        }, {
+          default: t(() => [
+            l(e(ie), {
+              modelValue: e($),
+              "onUpdate:modelValue": c[2] || (c[2] = (f) => A($) ? $.value = f : null),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        l(e(C), {
+          label: e(n)("panel.captcha"),
+          help: e(n)("panel.captcha-keys")
+        }, {
+          default: t(() => [
+            l(e(le), {
+              modelValue: e(o),
+              "onUpdate:modelValue": c[3] || (c[3] = (f) => A(o) ? o.value = f : null),
+              options: z.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        p.value ? (v(), W(e(I), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: t(() => [
+            V(x(p.value), 1)
+          ]),
+          _: 1
+        })) : T("", !0),
+        a.value?.site && !a.value.site.configured ? (v(), W(e(oe), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          closable: !1,
+          description: e(n)("panel.captcha-unconfigured")
+        }, null, 8, ["description"])) : T("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), Ie = { class: "wx-inbox-embed" }, Ne = { class: "wx-inbox-embed__snippet" }, Ee = { class: "wx-inbox-embed__snippet" }, Me = { class: "wx-inbox-embed__snippet" }, qe = /* @__PURE__ */ K({
+  __name: "FormEmbed",
+  props: {
+    form: {},
+    slug: {},
+    fields: {}
+  },
+  setup(m) {
+    const d = m;
+    re();
+    const i = G("webx-inbox"), n = ne(), k = y(
+      () => n.state.manifest?.modules.some((c) => c.id === "blocks") ?? !1
+    ), s = y(() => `<x-webx-inbox::form slug="${d.slug}" />`), $ = y(
+      () => k.value ? s.value : `{{-- resources/views/blocks/contact.blade.php --}}
+<x-webx-inbox::form slug="${d.slug}" />`
+    ), o = y(
+      () => d.fields.find((c) => c.type === "hidden" && c.is_enabled)?.key ?? "page"
+    ), z = y(
+      () => `<x-webx-inbox::form slug="${d.slug}" :values="['${o.value}' => url()->current()]" />
+<x-webx-inbox::form slug="${d.slug}" placement="footer" />`
+    ), a = y(() => [
+      { key: "key", label: i("fields.name") },
+      { key: "title", label: i("fields.title") },
+      { key: "type", label: i("fields.type"), hideBelow: 520 }
+    ]), p = y(() => d.fields.filter((c) => c.is_enabled));
+    async function _(c) {
+      try {
+        await navigator.clipboard.writeText(c), P.success(i("panel.copied"));
+      } catch {
+      }
+    }
+    return (c, f) => (v(), L("div", Ie, [
+      l(e(N), {
+        title: e(i)("panel.embed-blade")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(i)("panel.embed-blade-help")), 1)
+            ]),
+            _: 1
+          }),
+          E("div", Ne, [
+            E("code", null, x(s.value), 1),
+            l(e(H), {
+              icon: "copy",
+              title: e(i)("panel.copy"),
+              onClick: f[0] || (f[0] = (r) => _(s.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      l(e(N), {
+        title: e(i)("panel.embed-block")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(i)(k.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
+            ]),
+            _: 1
+          }),
+          E("div", Ee, [
+            E("code", null, x($.value), 1),
+            l(e(H), {
+              icon: "copy",
+              title: e(i)("panel.copy"),
+              onClick: f[1] || (f[1] = (r) => _($.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      l(e(N), {
+        title: e(i)("panel.embed-extras")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(i)("panel.embed-extras-help")), 1)
+            ]),
+            _: 1
+          }),
+          E("div", Me, [
+            E("code", null, x(z.value), 1),
+            l(e(H), {
+              icon: "copy",
+              title: e(i)("panel.copy"),
+              onClick: f[2] || (f[2] = (r) => _(z.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      l(e(N), {
+        title: e(i)("panel.embed-names")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(i)("panel.embed-names-help")), 1)
+            ]),
+            _: 1
+          }),
+          l(e(he), {
+            data: p.value,
+            columns: a.value,
+            "row-key": "id",
+            flush: "",
+            "empty-text": e(i)("fields.no-fields")
+          }, {
+            "cell-key": t(({ row: r }) => [
+              l(e(I), {
+                mono: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  V("fields[" + x(r.key) + "]", 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-title": t(({ row: r }) => [
+              V(x(Object.values(r.title)[0] ?? r.key), 1)
+            ]),
+            "cell-type": t(({ row: r }) => [
+              V(x(e(i)(`fields.type-${r.type}`)), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "empty-text"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), Le = /* @__PURE__ */ X(qe, [["__scopeId", "data-v-7f9788ed"]]), Re = { class: "wx-inbox-general" }, De = /* @__PURE__ */ K({
+  __name: "FormGeneral",
+  props: /* @__PURE__ */ ae({
+    errors: {}
+  }, {
+    settings: { required: !0 },
+    settingsModifiers: {},
+    options: { required: !0 },
+    optionsModifiers: {}
+  }),
+  emits: ["update:settings", "update:options"],
+  setup(m) {
+    const d = Q(
+      m,
+      "settings"
+    ), i = Q(m, "options"), n = G("webx-inbox"), k = B(i, "thank-you.heading", {}), s = B(i, "thank-you.text", {}), $ = B(i, "design.submit-text", {}), o = B(i, "redirect", "");
+    return (z, a) => (v(), L("div", Re, [
+      l(e(N), null, {
+        default: t(() => [
+          l(e(C), {
+            label: e(n)("panel.title"),
+            error: m.errors.title?.[0],
+            required: ""
+          }, {
+            default: t(() => [
+              l(e(R), {
+                modelValue: d.value.title,
+                "onUpdate:modelValue": a[0] || (a[0] = (p) => d.value.title = p),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          l(e(C), {
+            label: e(n)("panel.slug"),
+            help: e(n)("panel.slug-help"),
+            error: m.errors.slug?.[0],
+            required: ""
+          }, {
+            default: t(() => [
+              l(e(R), {
+                modelValue: d.value.slug,
+                "onUpdate:modelValue": a[1] || (a[1] = (p) => d.value.slug = p),
+                placeholder: "contact"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          l(e(C), {
+            help: e(n)("panel.is-enabled-help")
+          }, {
+            default: t(() => [
+              l(e(de), {
+                modelValue: d.value.is_enabled,
+                "onUpdate:modelValue": a[2] || (a[2] = (p) => d.value.is_enabled = p),
+                label: e(n)("panel.is-enabled")
+              }, null, 8, ["modelValue", "label"])
+            ]),
+            _: 1
+          }, 8, ["help"])
+        ]),
+        _: 1
+      }),
+      l(e(N), {
+        title: e(n)("panel.after-sending")
+      }, {
+        default: t(() => [
+          l(e(C), {
+            label: e(n)("panel.submit-text")
+          }, {
+            default: t(() => [
+              l(e(R), {
+                modelValue: e($),
+                "onUpdate:modelValue": a[3] || (a[3] = (p) => A($) ? $.value = p : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(C), {
+            label: e(n)("panel.thank-you-heading")
+          }, {
+            default: t(() => [
+              l(e(R), {
+                modelValue: e(k),
+                "onUpdate:modelValue": a[4] || (a[4] = (p) => A(k) ? k.value = p : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(C), {
+            label: e(n)("panel.thank-you-text")
+          }, {
+            default: t(() => [
+              l(Te, {
+                modelValue: e(s),
+                "onUpdate:modelValue": a[5] || (a[5] = (p) => A(s) ? s.value = p : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          l(e(C), {
+            label: e(n)("panel.redirect"),
+            help: e(n)("panel.redirect-help")
+          }, {
+            default: t(() => [
+              l(e(R), {
+                modelValue: e(o),
+                "onUpdate:modelValue": a[6] || (a[6] = (p) => A(o) ? o.value = p : null),
+                placeholder: "/thank-you"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), Oe = /* @__PURE__ */ X(De, [["__scopeId", "data-v-1932aefe"]]), Pe = /^[^\s@]+@[^\s@]+$/;
+function J(m) {
+  return "admin_id" in m;
+}
+function me(m, d = []) {
+  return J(m) ? d.find(
+    (n) => n.type === "admin" && n.admin_id === m.admin_id
+  )?.problem ?? null : Pe.test((m.email ?? "").trim()) ? null : "invalid_email";
+}
+function Ke(m, d = []) {
+  return (m ?? []).some((i) => me(i, d) === null);
+}
+const Ge = { class: "wx-inbox-notifications" }, je = { class: "wx-inbox-recipients" }, He = { class: "wx-inbox-recipients__row" }, Je = { class: "wx-inbox-channels" }, Qe = /* @__PURE__ */ K({
+  __name: "FormNotifications",
+  props: /* @__PURE__ */ ae({
+    fields: {},
+    errors: {},
+    reported: {},
+    notifications: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const d = m, i = Q(m, "modelValue"), n = ne(), k = pe(n), s = G("webx-inbox"), $ = q([]), o = B(i, "recipients", []), z = B(i, "email_field", ""), a = B(i, "notify_channels", []), p = ue(), _ = y(() => n.can("notifications.manage")), c = y(() => `${n.basePath}/notifications`.replace(/\/{2,}/g, "/"));
+    function f(u) {
+      u.metaKey || u.ctrlKey || u.shiftKey || u.button !== 0 || (u.preventDefault(), p.push("/notifications"));
+    }
+    ce(async () => {
+      try {
+        $.value = await k.recipients();
+      } catch {
+      }
+    });
+    const r = y(
+      () => $.value.map((u) => ({ value: u.id, label: `${u.name} · ${u.email}` }))
+    ), F = y(() => [
+      { value: "", label: s("panel.no-email-field") },
+      ...d.fields.filter((u) => u.type === "email").map((u) => ({ value: u.key, label: u.key }))
+    ]);
+    function Y(u) {
+      if (!J(u)) return null;
+      const b = me(u, d.reported);
+      return b === null ? null : s(`panel.recipient-${b}`);
+    }
+    function D(u) {
+      o.value = [...o.value, u];
+    }
+    async function Z(u) {
+      const b = o.value[u];
+      b !== void 0 && (J(b) || (b.email ?? "").trim() !== "") && !await $e({
+        title: s("panel.remove-recipient-title"),
+        message: s("panel.remove-recipient-text"),
+        confirmText: s("panel.remove"),
+        cancelText: s("panel.cancel"),
+        tone: "danger"
+      }) || (o.value = o.value.filter((S, M) => M !== u));
+    }
+    function ee(u, b) {
+      o.value = o.value.map((g, S) => S === u ? { admin_id: b } : g);
+    }
+    function j(u, b) {
+      o.value = o.value.map((g, S) => S === u ? { email: b } : g);
+    }
+    return (u, b) => (v(), L("div", Ge, [
+      l(e(N), {
+        title: e(s)("panel.recipients")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(s)("panel.recipients-help")), 1)
+            ]),
+            _: 1
+          }),
+          m.errors["options.recipients"] ? (v(), W(e(oe), {
+            key: 0,
+            type: "danger",
+            variant: "soft",
+            description: m.errors["options.recipients"]?.[0]
+          }, null, 8, ["description"])) : T("", !0),
+          E("div", je, [
+            e(o).length === 0 ? (v(), W(e(I), {
+              key: 0,
+              size: "sm",
+              tone: "placeholder"
+            }, {
+              default: t(() => [
+                V(x(e(s)("panel.no-recipients")), 1)
+              ]),
+              _: 1
+            })) : T("", !0),
+            (v(!0), L(se, null, fe(e(o), (g, S) => (v(), L("div", {
+              key: S,
+              class: "wx-inbox-recipients__item"
+            }, [
+              E("div", He, [
+                e(J)(g) ? (v(), W(e(le), {
+                  key: 0,
+                  "model-value": g.admin_id,
+                  options: r.value,
+                  "onUpdate:modelValue": (M) => ee(S, Number(M))
+                }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (v(), W(e(R), {
+                  key: 1,
+                  "model-value": g.email,
+                  type: "email",
+                  placeholder: "sales@example.com",
+                  "onUpdate:modelValue": (M) => j(S, String(M))
+                }, null, 8, ["model-value", "onUpdate:modelValue"])),
+                l(e(H), {
+                  icon: "trash",
+                  tone: "danger",
+                  title: e(s)("panel.remove"),
+                  onClick: (M) => Z(S)
+                }, null, 8, ["title", "onClick"])
+              ]),
+              Y(g) ? (v(), W(e(I), {
+                key: 0,
+                size: "sm",
+                tone: "danger"
+              }, {
+                default: t(() => [
+                  V(x(Y(g)), 1)
+                ]),
+                _: 2
+              }, 1024)) : T("", !0)
+            ]))), 128))
+          ]),
+          l(e(Ve), { size: "sm" }, {
+            default: t(() => [
+              l(e(te), {
+                variant: "outline",
+                icon: "user",
+                disabled: r.value.length === 0,
+                onClick: b[0] || (b[0] = (g) => D({ admin_id: Number(r.value[0]?.value) }))
+              }, {
+                default: t(() => [
+                  V(x(e(s)("panel.add-admin")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              l(e(te), {
+                variant: "outline",
+                onClick: b[1] || (b[1] = (g) => D({ email: "" }))
+              }, {
+                icon: t(() => [
+                  l(e(ke), { name: "mail" })
+                ]),
+                default: t(() => [
+                  V(" " + x(e(s)("panel.add-email")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          l(e(C), {
+            label: e(s)("panel.email-field"),
+            help: e(s)("panel.email-field-help"),
+            error: m.errors["options.email_field"]?.[0]
+          }, {
+            default: t(() => [
+              l(e(le), {
+                modelValue: e(z),
+                "onUpdate:modelValue": b[2] || (b[2] = (g) => A(z) ? z.value = g : null),
+                options: F.value
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      d.notifications ? (v(), W(e(N), {
+        key: 0,
+        title: e(s)("panel.notify-through")
+      }, {
+        default: t(() => [
+          l(e(I), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: t(() => [
+              V(x(e(s)("panel.notify-through-help")), 1)
+            ]),
+            _: 1
+          }),
+          E("div", Je, [
+            l(e(ye), {
+              modelValue: e(a),
+              "onUpdate:modelValue": b[3] || (b[3] = (g) => A(a) ? a.value = g : null),
+              target: "notify-inbox-submission",
+              sortable: !1,
+              "add-text": e(s)("panel.pick-channels"),
+              "empty-text": e(s)("panel.no-channels")
+            }, null, 8, ["modelValue", "add-text", "empty-text"]),
+            _.value ? (v(), W(e(we), {
+              key: 0,
+              href: c.value,
+              size: "sm",
+              onClick: f
+            }, {
+              default: t(() => [
+                V(x(e(s)("panel.set-up-channels")), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])) : T("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"])) : T("", !0)
+    ]));
+  }
+}), Xe = /* @__PURE__ */ X(Qe, [["__scopeId", "data-v-ee478a8e"]]), Ye = { class: "wx-inbox-editor" }, Ze = /* @__PURE__ */ K({
+  __name: "FormEditorPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(m) {
+    const d = m, i = ne(), n = pe(i), k = xe(), s = ue(), $ = Ue();
+    re();
+    const o = G("webx-inbox"), z = _e(), a = q(null), p = q([]), _ = q(!0), c = q(!1), f = q({});
+    let r = be({
+      slug: "",
+      title: {},
+      is_enabled: !0
+    });
+    const F = q({}), D = q(["general", "fields", "notifications", "antispam", "embed"].includes(String(k.query.tab)) ? String(k.query.tab) : "general"), Z = y(
+      () => r.is_enabled && !Ke(F.value.recipients, a.value?.recipients) && !ee.value
+    ), ee = y(() => {
+      if (a.value?.notifications !== !0) return !1;
+      const w = a.value.channels ?? [];
+      return (F.value.notify_channels ?? []).some(
+        (h) => w.find((U) => U.id === h)?.sends ?? !0
+      );
+    }), j = y(() => i.can("inbox.manage")), u = y(() => Number(k.params.id)), b = y(
+      () => a.value === null ? "" : We(r.title, $.active.value, r.slug)
+    ), g = y(() => `${d.base}?form=${u.value}`);
+    async function S() {
+      _.value = !0;
+      try {
+        const w = await n.form(u.value);
+        a.value = w, p.value = w.fields ?? [], r.slug = w.slug, r.title = { ...w.title }, r.is_enabled = w.is_enabled, F.value = { ...w.options };
+      } catch (w) {
+        P.danger(z(w)), s.replace(d.base);
+      } finally {
+        _.value = !1;
+      }
+    }
+    ve(u, () => {
+      S();
+    }, { immediate: !0 });
+    async function M() {
+      c.value = !0, f.value = {};
+      try {
+        const w = await n.saveForm(u.value, {
+          slug: r.slug.trim(),
+          title: r.title,
+          is_enabled: r.is_enabled,
+          options: F.value
+        });
+        a.value = w, P.success(o("panel.saved"));
+      } catch (w) {
+        const h = w.body;
+        h?.errors ? (f.value = h.errors, P.danger(o("panel.failed"))) : P.danger(z(w));
+      } finally {
+        c.value = !1;
+      }
+    }
+    return (w, h) => (v(), L("div", Ye, [
+      _.value ? (v(), W(e(N), { key: 0 }, {
+        default: t(() => [
+          l(e(ze), {
+            title: "",
+            rows: 8
+          })
+        ]),
+        _: 1
+      })) : a.value ? (v(), L(se, { key: 1 }, [
+        l(e(ge), {
+          class: "wx-inbox-editor__head",
+          title: b.value,
+          subtitle: a.value.slug,
+          back: g.value,
+          "back-label": e(o)("panel.forms")
+        }, {
+          "title-after": t(() => [
+            e(r).is_enabled ? T("", !0) : (v(), W(e(Fe), {
+              key: 0,
+              type: "default"
+            }, {
+              default: t(() => [
+                V(x(e(o)("panel.off")), 1)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["title", "subtitle", "back", "back-label"]),
+        Z.value ? (v(), W(e(oe), {
+          key: 0,
+          class: "wx-inbox-editor__silent",
+          type: "warning",
+          variant: "soft",
+          closable: !1,
+          title: e(o)("panel.notifies-nobody"),
+          description: e(o)("panel.notifies-nobody-text")
+        }, null, 8, ["title", "description"])) : T("", !0),
+        l(e(Se), {
+          modelValue: D.value,
+          "onUpdate:modelValue": h[5] || (h[5] = (U) => D.value = U),
+          class: "wx-inbox-editor__tabs",
+          "keep-alive": ""
+        }, {
+          default: t(() => [
+            l(e(O), {
+              value: "general",
+              label: e(o)("panel.tab-general")
+            }, {
+              default: t(() => [
+                l(Oe, {
+                  settings: e(r),
+                  "onUpdate:settings": h[0] || (h[0] = (U) => A(r) ? r.value = U : r = U),
+                  options: F.value,
+                  "onUpdate:options": h[1] || (h[1] = (U) => F.value = U),
+                  errors: f.value
+                }, null, 8, ["settings", "options", "errors"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(O), {
+              value: "fields",
+              label: e(o)("panel.tab-fields")
+            }, {
+              default: t(() => [
+                l(Ae, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": h[2] || (h[2] = (U) => p.value = U),
+                  form: a.value,
+                  "can-manage": j.value
+                }, null, 8, ["modelValue", "form", "can-manage"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(O), {
+              value: "notifications",
+              label: e(o)("panel.tab-notifications")
+            }, {
+              default: t(() => [
+                l(Xe, {
+                  modelValue: F.value,
+                  "onUpdate:modelValue": h[3] || (h[3] = (U) => F.value = U),
+                  fields: p.value,
+                  errors: f.value,
+                  reported: a.value.recipients,
+                  notifications: a.value.notifications
+                }, null, 8, ["modelValue", "fields", "errors", "reported", "notifications"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(O), {
+              value: "antispam",
+              label: e(o)("panel.tab-antispam")
+            }, {
+              default: t(() => [
+                l(Be, {
+                  modelValue: F.value,
+                  "onUpdate:modelValue": h[4] || (h[4] = (U) => F.value = U),
+                  site: a.value.captcha
+                }, null, 8, ["modelValue", "site"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(O), {
+              value: "embed",
+              label: e(o)("panel.tab-embed")
+            }, {
+              default: t(() => [
+                l(Le, {
+                  form: a.value,
+                  slug: e(r).slug,
+                  fields: p.value
+                }, null, 8, ["form", "slug", "fields"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        j.value ? (v(), W(e(Ce), { key: 1 }, {
+          default: t(() => [
+            l(e(te), {
+              type: "primary",
+              loading: c.value,
+              onClick: M
+            }, {
+              default: t(() => [
+                V(x(e(o)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })) : T("", !0)
+      ], 64)) : T("", !0)
+    ]));
+  }
+}), ol = /* @__PURE__ */ X(Ze, [["__scopeId", "data-v-4e3d1a4c"]]);
+export {
+  ol as default
+};
+//# sourceMappingURL=FormEditorPage-BoHzlFfz.js.map