@webx-ui/module-inbox 0.8.1 → 0.9.0

package/dist/FormEditorPage-HsbIZcG_.js

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