@webx-ui/module-inbox 0.9.0 → 0.10.0

package/dist/{index-Dxbb2lUM.js → index-BJ-mLCee.js}

@@ -1,8 +1,8 @@
-import { inject as Qe, defineComponent as ne, useModel as We, computed as T, ref as C, watch as ve, openBlock as m, createElementBlock as D, createElementVNode as G, toDisplayString as I, createCommentVNode as N, createBlock as w, unref as e, withCtx as d, createTextVNode as E, createVNode as i, mergeModels as Fe, nextTick as Je, isRef as Be, Fragment as Q, renderList as Pe, useTemplateRef as et, createSlots as Oe, defineAsyncComponent as xe } from "vue";
-import { useLocales as se, localizedValue as de, WxBadge as be, WxAction as Me, WxAutocomplete as tt, useModal as De, WxDialog as Le, WxAlert as Ce, WxSkeleton as lt, WxFormItem as M, WxTextarea as at, WxSelect as ye, WxRadioGroup as nt, WxCheckboxGroup as st, WxCheckbox as le, WxDatePicker as Ne, WxInput as Z, WxSpace as He, WxButton as te, toast as Y, useElementWidth as ot, createModal as Xe, WxTabs as it, WxTable as ut, WxEntityCard as rt, WxAvatar as Ee, WxIcon as ge, WxTooltip as dt, WxText as ee, confirm as Ge, WxLocales as ct, WxRichText as qe, WxInputNumber as re, WxTagsInput as mt, WxCard as pt, WxEmpty as ft, WxSortableList as ht } from "@webx-ui/core";
-import { useAdmin as oe, i18nKey as vt, useTranslate as ae, createRelationsApi as bt, useErrorText as we, rowMenuWidth as yt, WxScreenHead as gt, WxRowMenu as Ue, WxDate as ze, WxFilterChips as xt, slugify as wt } from "@webx-ui/module-admin";
-import { useRoute as kt, useRouter as _t } from "vue-router";
-const Vt = {
+import { inject as Qe, defineComponent as oe, useModel as Fe, computed as A, ref as U, watch as ge, openBlock as m, createElementBlock as M, createElementVNode as G, toDisplayString as I, createCommentVNode as W, createBlock as _, unref as e, withCtx as d, createTextVNode as z, createVNode as u, mergeModels as Ie, nextTick as Je, isRef as Pe, Fragment as Z, renderList as Oe, useTemplateRef as et, createSlots as De, mergeProps as tt, defineAsyncComponent as _e } from "vue";
+import { useLocales as ie, localizedValue as pe, WxBadge as xe, WxAction as Le, WxAutocomplete as lt, useModal as Me, WxDialog as He, WxAlert as Ne, WxSkeleton as at, WxFormItem as D, WxTextarea as nt, WxSelect as we, WxRadioGroup as st, WxCheckboxGroup as ot, WxCheckbox as se, WxDatePicker as Ue, WxInput as K, WxSpace as Xe, WxButton as te, toast as j, useElementWidth as it, createModal as Ge, WxTabs as rt, WxTable as ut, WxEntityCard as dt, WxAvatar as qe, WxIcon as ke, WxTooltip as ct, WxText as ee, confirm as Ye, WxLocales as mt, WxRichText as ze, WxInputNumber as me, WxTagsInput as pt, WxCard as ht, WxEmpty as ft, WxSortableList as vt } from "@webx-ui/core";
+import { useAdmin as re, i18nKey as bt, useTranslate as le, createRelationsApi as yt, useErrorText as Ve, rowMenuWidth as gt, WxScreenHead as xt, WxRowMenu as We, WxDate as Re, WxFilterChips as wt, useRichTextLabels as kt, useShortcodesWhen as _t, useRemoveConfirm as Vt, slugify as Tt } from "@webx-ui/module-admin";
+import { useRoute as $t, useRouter as St } from "vue-router";
+const At = {
   module: {
     title: "Inbox"
   },
@@ -29,6 +29,8 @@ const Vt = {
     reorder: "Reorder",
     "new-form-title": "New form",
     title: "Title",
+    description: "Description",
+    "description-help": "A line under the title of the form on the site and in a dialog. Empty — nothing is shown.",
     slug: "Address",
     "slug-help": "What the form is called on the site and where it posts.",
     "is-enabled": "Active",
@@ -257,34 +259,34 @@ const Vt = {
     unknown: "The Inbox has no form “:slug”. It has: :forms.",
     "unknown-none": "The Inbox has no form “:slug” — it has no forms yet."
   }
-}, Re = /* @__PURE__ */ new WeakSet();
-function ce() {
+}, Be = /* @__PURE__ */ new WeakSet();
+function he() {
   try {
-    const { i18n: a } = oe();
-    Re.has(a) || (a.defaults("webx-inbox", Vt), Re.add(a));
+    const { i18n: a } = re();
+    Be.has(a) || (a.defaults("webx-inbox", At), Be.add(a));
   } catch {
   }
 }
-function Tt() {
-  const a = Qe(vt, null), n = se();
+function Ct() {
+  const a = Qe(bt, null), n = ie();
   return (c) => {
-    const y = a?.state.locale;
-    return (y === void 0 ? void 0 : c.title[y]) || de(c.title, n.active.value, c.key);
+    const b = a?.state.locale;
+    return (b === void 0 ? void 0 : c.title[b]) || pe(c.title, n.active.value, c.key);
   };
 }
-const $t = { class: "wx-inbox-form-field" }, St = {
+const Nt = { class: "wx-inbox-form-field" }, Ut = {
   key: 0,
   class: "wx-inbox-form-field__chosen"
-}, At = { class: "wx-inbox-form-field__text" }, Ct = { class: "wx-inbox-form-field__title" }, Nt = {
+}, Wt = { class: "wx-inbox-form-field__text" }, Ft = { class: "wx-inbox-form-field__title" }, It = {
   key: 0,
   class: "wx-inbox-form-field__slug"
-}, Ut = {
+}, Et = {
   key: 1,
   class: "wx-inbox-form-field__empty"
-}, Wt = { class: "wx-inbox-form-field__search" }, Ft = /* @__PURE__ */ ne({
+}, qt = { class: "wx-inbox-form-field__search" }, zt = /* @__PURE__ */ oe({
   name: "WxInboxFormField",
   __name: "FormField",
-  props: /* @__PURE__ */ Fe({
+  props: /* @__PURE__ */ Ie({
     disabled: { type: Boolean, default: !1 },
     placeholder: { default: void 0 },
     emptyText: { default: void 0 }
@@ -294,105 +296,105 @@ const $t = { class: "wx-inbox-form-field" }, St = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = a, c = We(a, "modelValue");
-    ce();
-    const y = oe(), b = ae("webx-inbox"), B = bt(y, "inbox-form"), t = T(() => typeof c.value == "string" ? c.value.trim() : ""), l = C(/* @__PURE__ */ new Map()), g = C(/* @__PURE__ */ new Set()), q = C([]), z = C(!1), $ = C("");
-    function S(k) {
-      const x = new Map(l.value);
-      for (const _ of k) _.slug && x.set(_.slug, _);
-      l.value = x;
+    const n = a, c = Fe(a, "modelValue");
+    he();
+    const b = re(), w = le("webx-inbox"), B = yt(b, "inbox-form"), t = A(() => typeof c.value == "string" ? c.value.trim() : ""), l = U(/* @__PURE__ */ new Map()), g = U(/* @__PURE__ */ new Set()), S = U([]), N = U(!1), C = U("");
+    function q(V) {
+      const v = new Map(l.value);
+      for (const T of V) T.slug && v.set(T.slug, T);
+      l.value = v;
     }
-    async function A(k) {
-      if (!(k === "" || l.value.has(k) || g.value.has(k)))
+    async function x(V) {
+      if (!(V === "" || l.value.has(V) || g.value.has(V)))
         try {
-          const x = await B.search(k);
-          S(x), x.some((_) => _.slug === k) || (g.value = /* @__PURE__ */ new Set([...g.value, k]));
+          const v = await B.search(V);
+          q(v), v.some((T) => T.slug === V) || (g.value = /* @__PURE__ */ new Set([...g.value, V]));
         } catch {
         }
     }
-    ve(t, (k) => {
-      A(k);
+    ge(t, (V) => {
+      x(V);
     }, { immediate: !0 });
-    const v = T(() => t.value === "" ? null : l.value.get(t.value) ?? null), L = T(() => t.value === "" ? null : v.value === null ? g.value.has(t.value) ? b("relations.field-missing") : null : v.value.visible ? null : b("relations.field-off")), p = T(
-      () => q.value.filter((k) => k.slug && k.slug !== t.value).map((k) => ({
-        value: k.title,
-        description: [k.slug, k.visible ? null : b("relations.field-off")].filter((x) => typeof x == "string" && x !== "").join(" · "),
-        id: k.slug
+    const p = A(() => t.value === "" ? null : l.value.get(t.value) ?? null), H = A(() => t.value === "" ? null : p.value === null ? g.value.has(t.value) ? w("relations.field-missing") : null : p.value.visible ? null : w("relations.field-off")), k = A(
+      () => S.value.filter((V) => V.slug && V.slug !== t.value).map((V) => ({
+        value: V.title,
+        description: [V.slug, V.visible ? null : w("relations.field-off")].filter((v) => typeof v == "string" && v !== "").join(" · "),
+        id: V.slug
       }))
     );
-    async function U(k) {
-      z.value = !0;
+    async function y(V) {
+      N.value = !0;
       try {
-        const x = await B.search(k);
-        q.value = x, S(x);
+        const v = await B.search(V);
+        S.value = v, q(v);
       } catch {
-        q.value = [];
+        S.value = [];
       } finally {
-        z.value = !1;
+        N.value = !1;
       }
     }
-    function V() {
-      q.value.length === 0 && !z.value && U($.value);
+    function $() {
+      S.value.length === 0 && !N.value && y(C.value);
     }
-    function W(k) {
-      typeof k.id != "string" || k.id === "" || (c.value = k.id, Je(() => {
-        $.value = "";
+    function E(V) {
+      typeof V.id != "string" || V.id === "" || (c.value = V.id, Je(() => {
+        C.value = "";
       }));
     }
     function P() {
       c.value = null;
     }
-    const X = T(() => n.placeholder ?? b("relations.field-search"));
-    return (k, x) => (m(), D("div", $t, [
-      t.value !== "" ? (m(), D("div", St, [
-        G("span", At, [
-          G("span", Ct, I(v.value?.title ?? t.value), 1),
-          v.value ? (m(), D("span", Nt, I(t.value), 1)) : N("", !0)
+    const X = A(() => n.placeholder ?? w("relations.field-search"));
+    return (V, v) => (m(), M("div", Nt, [
+      t.value !== "" ? (m(), M("div", Ut, [
+        G("span", Wt, [
+          G("span", Ft, I(p.value?.title ?? t.value), 1),
+          p.value ? (m(), M("span", It, I(t.value), 1)) : W("", !0)
         ]),
-        L.value ? (m(), w(e(be), {
+        H.value ? (m(), _(e(xe), {
           key: 0,
           type: "warning"
         }, {
           default: d(() => [
-            E(I(L.value), 1)
+            z(I(H.value), 1)
           ]),
           _: 1
-        })) : N("", !0),
-        n.disabled ? N("", !0) : (m(), w(e(Me), {
+        })) : W("", !0),
+        n.disabled ? W("", !0) : (m(), _(e(Le), {
           key: 1,
           type: "remove",
           size: "sm",
-          title: e(b)("relations.field-remove"),
+          title: e(w)("relations.field-remove"),
           onClick: P
         }, null, 8, ["title"]))
-      ])) : (m(), D("p", Ut, I(n.emptyText ?? e(b)("relations.field-empty")), 1)),
-      G("div", Wt, [
-        i(e(tt), {
-          modelValue: $.value,
-          "onUpdate:modelValue": x[0] || (x[0] = (_) => $.value = _),
-          options: p.value,
+      ])) : (m(), M("p", Et, I(n.emptyText ?? e(w)("relations.field-empty")), 1)),
+      G("div", qt, [
+        u(e(lt), {
+          modelValue: C.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (T) => C.value = T),
+          options: k.value,
           remote: "",
           teleport: "",
-          loading: z.value,
-          "loading-text": e(b)("relations.field-searching"),
-          "empty-text": e(b)("relations.field-nothing"),
+          loading: N.value,
+          "loading-text": e(w)("relations.field-searching"),
+          "empty-text": e(w)("relations.field-nothing"),
           placeholder: X.value,
           "aria-label": X.value,
           disabled: n.disabled,
-          onSearch: U,
-          onOpen: V,
-          onSelect: W
+          onSearch: y,
+          onOpen: $,
+          onSelect: E
         }, null, 8, ["modelValue", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
       ])
     ]));
   }
-}), me = (a, n) => {
+}), fe = (a, n) => {
   const c = a.__vccOpts || a;
-  for (const [y, b] of n)
-    c[y] = b;
+  for (const [b, w] of n)
+    c[b] = w;
   return c;
-}, It = /* @__PURE__ */ me(Ft, [["__scopeId", "data-v-91f60441"]]);
-function nl(a = {}) {
+}, Rt = /* @__PURE__ */ fe(zt, [["__scopeId", "data-v-91f60441"]]);
+function rl(a = {}) {
   const n = a.path ?? "/inbox";
   return {
     id: "inbox",
@@ -404,19 +406,19 @@ function nl(a = {}) {
       {
         path: n,
         name: "webx.inbox",
-        component: () => import("./InboxPage-Dd_8TGGg.js"),
+        component: () => import("./InboxPage-PAtQ48A2.js"),
         props: { base: n }
       },
       {
         path: `${n}/statuses`,
         name: "webx.inbox.statuses",
-        component: () => import("./StatusesPage-DKJmpZoG.js"),
+        component: () => import("./StatusesPage-xVeRPm4u.js"),
         props: { base: n }
       },
       {
         path: `${n}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
-        component: () => import("./FormEditorPage-HsbIZcG_.js"),
+        component: () => import("./FormEditorPage-CXYnpKAh.js"),
         props: { base: n }
       },
       // A submission has an address of its own, not a dialog over the list (§11): it goes in
@@ -424,48 +426,48 @@ function nl(a = {}) {
       {
         path: `${n}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: () => import("./SubmissionPage-BoE9jEhj.js"),
+        component: () => import("./SubmissionPage-DI8jAaud.js"),
         props: { base: n }
       }
     ],
     // A form of the Inbox as a field of any screen or block — the contact block's form — chosen
     // by name and kept by slug. Here and not in the panel: what it lists is this section's.
     types: {
-      "wx-inbox-form": { component: It, kind: "field" }
+      "wx-inbox-form": { component: Rt, kind: "field" }
     }
   };
 }
-const he = /* @__PURE__ */ new WeakMap();
-function ke(a) {
-  const n = `${a.apiPath}/inbox`, c = (t) => t.data, y = () => {
-  }, b = (t) => (he.delete(a.http), t);
+const ye = /* @__PURE__ */ new WeakMap();
+function Te(a) {
+  const n = `${a.apiPath}/inbox`, c = (t) => t.data, b = () => {
+  }, w = (t) => (ye.delete(a.http), t);
   function B() {
-    const t = he.get(a.http);
+    const t = ye.get(a.http);
     if (t !== void 0)
       return t.then((g) => [...g]);
     const l = a.http.get(`${n}/statuses`).then(c);
-    return he.set(a.http, l), l.catch(() => he.delete(a.http)), l.then((g) => [...g]);
+    return ye.set(a.http, l), l.catch(() => ye.delete(a.http)), l.then((g) => [...g]);
   }
   return {
     forms: () => a.http.get(`${n}/forms`).then(c),
     form: (t) => a.http.get(`${n}/forms/${t}`).then(c),
     createForm: (t) => a.http.post(`${n}/forms`, t).then(c),
     saveForm: (t, l) => a.http.put(`${n}/forms/${t}`, l).then(c),
-    removeForm: (t) => a.http.delete(`${n}/forms/${t}`).then(y),
+    removeForm: (t) => a.http.delete(`${n}/forms/${t}`).then(b),
     duplicateForm: (t) => a.http.post(`${n}/forms/${t}/duplicate`, {}).then(c),
-    sortForms: (t) => a.http.post(`${n}/forms/sorting`, { ids: t }).then(y),
+    sortForms: (t) => a.http.post(`${n}/forms/sorting`, { ids: t }).then(b),
     fields: (t) => a.http.get(`${n}/forms/${t}/fields`).then(c),
     createField: (t, l) => a.http.post(`${n}/forms/${t}/fields`, l).then(c),
     saveField: (t, l) => a.http.put(`${n}/fields/${t}`, l).then(c),
-    removeField: (t) => a.http.delete(`${n}/fields/${t}`).then(y),
-    sortFields: (t, l) => a.http.post(`${n}/forms/${t}/fields/sorting`, { ids: l }).then(y),
+    removeField: (t) => a.http.delete(`${n}/fields/${t}`).then(b),
+    sortFields: (t, l) => a.http.post(`${n}/forms/${t}/fields/sorting`, { ids: l }).then(b),
     statuses: B,
-    createStatus: (t) => a.http.post(`${n}/statuses`, t).then(c).then(b),
-    saveStatus: (t, l) => a.http.put(`${n}/statuses/${t}`, l).then(c).then(b),
-    removeStatus: (t) => a.http.delete(`${n}/statuses/${t}`).then(y).then(b),
-    sortStatuses: (t) => a.http.post(`${n}/statuses/sorting`, { ids: t }).then(y).then(b),
+    createStatus: (t) => a.http.post(`${n}/statuses`, t).then(c).then(w),
+    saveStatus: (t, l) => a.http.put(`${n}/statuses/${t}`, l).then(c).then(w),
+    removeStatus: (t) => a.http.delete(`${n}/statuses/${t}`).then(b).then(w),
+    sortStatuses: (t) => a.http.post(`${n}/statuses/sorting`, { ids: t }).then(b).then(w),
     recipients: () => a.http.get(`${n}/recipients`).then(c),
-    submissions: (t, l = {}) => a.http.get(`${n}/forms/${t}/submissions`, { query: Ae(l) }).then((g) => ({
+    submissions: (t, l = {}) => a.http.get(`${n}/forms/${t}/submissions`, { query: Ce(l) }).then((g) => ({
       ...g.meta,
       data: g.data,
       columns: g.columns,
@@ -473,22 +475,22 @@ function ke(a) {
       // Optional on the wire: a server from before placements answers without them.
       placements: g.placements ?? []
     })),
-    submission: (t, l = {}) => a.http.get(`${n}/submissions/${t}`, { query: Ae(l) }).then(c),
+    submission: (t, l = {}) => a.http.get(`${n}/submissions/${t}`, { query: Ce(l) }).then(c),
     createSubmission: (t, l) => a.http.post(`${n}/forms/${t}/submissions`, { fields: l }).then(c),
     saveSubmission: (t, l) => a.http.put(`${n}/submissions/${t}`, l).then(c),
-    removeSubmission: (t) => a.http.delete(`${n}/submissions/${t}`).then(y),
+    removeSubmission: (t) => a.http.delete(`${n}/submissions/${t}`).then(b),
     notifySubmission: (t) => a.http.post(`${n}/submissions/${t}/notify`).then(c),
     massSubmissions: (t) => a.http.post(`${n}/submissions/mass`, t).then(c),
     exportUrl: (t, l = {}) => {
       const g = new URLSearchParams();
-      for (const [z, $] of Object.entries(Ae(l)))
-        $ != null && $ !== "" && g.set(z, String($));
-      const q = g.toString();
-      return `${n}/forms/${t}/submissions/export${q === "" ? "" : `?${q}`}`;
+      for (const [N, C] of Object.entries(Ce(l)))
+        C != null && C !== "" && g.set(N, String(C));
+      const S = g.toString();
+      return `${n}/forms/${t}/submissions/export${S === "" ? "" : `?${S}`}`;
     }
   };
 }
-function Ae(a) {
+function Ce(a) {
   return {
     view: a.view === void 0 || a.view === "" ? void 0 : a.view,
     search: a.search === void 0 || a.search === "" ? void 0 : a.search,
@@ -499,93 +501,93 @@ function Ae(a) {
     per_page: a.per_page
   };
 }
-function sl(a, n, c) {
-  return T({
+function ul(a, n, c) {
+  return A({
     get: () => a.value[n] ?? c,
-    set: (y) => {
-      const b = { ...a.value };
-      y === "" || y === null || y === void 0 ? delete b[n] : b[n] = y, a.value = b;
+    set: (b) => {
+      const w = { ...a.value };
+      b === "" || b === null || b === void 0 ? delete w[n] : w[n] = b, a.value = w;
     }
   });
 }
-const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
+const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
   __name: "SubmissionCreateDialog",
   props: {
     form: {}
   },
   setup(a) {
-    const n = a, { resolve: c, dismiss: y, open: b } = De(), B = oe(), t = ke(B), l = se();
-    ce();
-    const g = ae("webx-inbox"), q = we(), z = C([]), $ = C(!0), S = C(!1), A = C({}), v = C({}), L = T(() => z.value.filter((x) => x.type !== "file")), p = T(() => z.value.some((x) => x.type === "file"));
-    function U(x) {
-      return v.value[`fields.${x.key}`]?.[0];
+    const n = a, { resolve: c, dismiss: b, open: w } = Me(), B = re(), t = Te(B), l = ie();
+    he();
+    const g = le("webx-inbox"), S = Ve(), N = U([]), C = U(!0), q = U(!1), x = U({}), p = U({}), H = A(() => N.value.filter((v) => v.type !== "file")), k = A(() => N.value.some((v) => v.type === "file"));
+    function y(v) {
+      return p.value[`fields.${v.key}`]?.[0];
     }
-    function V(x) {
-      return de(x.title, l.active.value, x.key);
+    function $(v) {
+      return pe(v.title, l.active.value, v.key);
     }
-    function W(x, _ = "") {
-      return de(
-        x,
+    function E(v, T = "") {
+      return pe(
+        v,
         l.active.value,
-        _
+        T
       );
     }
-    function P(x) {
-      return (x.options.choices ?? []).map((_) => ({
-        value: _.value,
-        label: W(_.label, _.value)
+    function P(v) {
+      return (v.options.choices ?? []).map((T) => ({
+        value: T.value,
+        label: E(T.label, T.value)
       }));
     }
     async function X() {
       try {
-        const x = await t.form(n.form.id);
-        z.value = (x.fields ?? []).filter((_) => _.is_enabled);
-        for (const _ of z.value)
-          A.value[_.key] = _.type === "checkbox" ? [] : _.type === "consent" ? !1 : "";
-      } catch (x) {
-        Y.danger(q(x));
+        const v = await t.form(n.form.id);
+        N.value = (v.fields ?? []).filter((T) => T.is_enabled);
+        for (const T of N.value)
+          x.value[T.key] = T.type === "checkbox" ? [] : T.type === "consent" ? !1 : "";
+      } catch (v) {
+        j.danger(S(v));
       } finally {
-        $.value = !1;
+        C.value = !1;
       }
     }
     X();
-    async function k() {
-      S.value = !0, v.value = {};
+    async function V() {
+      q.value = !0, p.value = {};
       try {
-        c(await t.createSubmission(n.form.id, A.value));
-      } catch (x) {
-        const _ = x.body;
-        _?.errors ? (v.value = _.errors, Y.danger(g("panel.failed"))) : Y.danger(q(x));
+        c(await t.createSubmission(n.form.id, x.value));
+      } catch (v) {
+        const T = v.body;
+        T?.errors ? (p.value = T.errors, j.danger(g("panel.failed"))) : j.danger(S(v));
       } finally {
-        S.value = !1;
+        q.value = !1;
       }
     }
-    return (x, _) => (m(), w(e(Le), {
-      open: e(b),
-      "onUpdate:open": _[1] || (_[1] = (u) => Be(b) ? b.value = u : null),
+    return (v, T) => (m(), _(e(He), {
+      open: e(w),
+      "onUpdate:open": T[1] || (T[1] = (i) => Pe(w) ? w.value = i : null),
       title: e(g)("panel.new-submission-title"),
       width: 560
     }, {
       footer: d(() => [
-        i(e(He), { size: "sm" }, {
+        u(e(Xe), { size: "sm" }, {
           default: d(() => [
-            i(e(te), {
+            u(e(te), {
               variant: "outline",
-              onClick: _[0] || (_[0] = (u) => e(y)())
+              onClick: T[0] || (T[0] = (i) => e(b)())
             }, {
               default: d(() => [
-                E(I(e(g)("panel.cancel")), 1)
+                z(I(e(g)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            i(e(te), {
+            u(e(te), {
               type: "primary",
-              loading: S.value,
-              disabled: $.value,
-              onClick: k
+              loading: q.value,
+              disabled: C.value,
+              onClick: V
             }, {
               default: d(() => [
-                E(I(e(g)("panel.save")), 1)
+                z(I(e(g)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -594,89 +596,89 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
         })
       ]),
       default: d(() => [
-        G("div", Et, [
-          i(e(Ce), {
+        G("div", Bt, [
+          u(e(Ne), {
             type: "info",
             closable: !1
           }, {
             default: d(() => [
-              E(I(e(g)("panel.new-submission-help")), 1)
+              z(I(e(g)("panel.new-submission-help")), 1)
             ]),
             _: 1
           }),
-          $.value ? (m(), w(e(lt), {
+          C.value ? (m(), _(e(at), {
             key: 0,
             rows: 4
-          })) : (m(), D(Q, { key: 1 }, [
-            (m(!0), D(Q, null, Pe(L.value, (u) => (m(), w(e(M), {
-              key: u.id,
-              label: V(u),
-              help: W(u.help),
-              error: U(u),
-              required: u.is_required
+          })) : (m(), M(Z, { key: 1 }, [
+            (m(!0), M(Z, null, Oe(H.value, (i) => (m(), _(e(D), {
+              key: i.id,
+              label: $(i),
+              help: E(i.help),
+              error: y(i),
+              required: i.is_required
             }, {
               default: d(() => [
-                u.type === "textarea" ? (m(), w(e(at), {
+                i.type === "textarea" ? (m(), _(e(nt), {
                   key: 0,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  rows: u.options.rows ?? 4,
-                  placeholder: W(u.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : u.type === "select" ? (m(), w(e(ye), {
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  rows: i.options.rows ?? 4,
+                  placeholder: E(i.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : i.type === "select" ? (m(), _(e(we), {
                   key: 1,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  options: P(u),
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  options: P(i),
                   clearable: "",
-                  placeholder: W(u.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : u.type === "radio" ? (m(), w(e(nt), {
+                  placeholder: E(i.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : i.type === "radio" ? (m(), _(e(st), {
                   key: 2,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  options: P(u)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : u.type === "checkbox" ? (m(), w(e(st), {
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  options: P(i)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : i.type === "checkbox" ? (m(), _(e(ot), {
                   key: 3,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  options: P(u)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : u.type === "consent" ? (m(), w(e(le), {
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  options: P(i)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : i.type === "consent" ? (m(), _(e(se), {
                   key: 4,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  label: W(u.options.text, V(u))
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : u.type === "date" ? (m(), w(e(Ne), {
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  label: E(i.options.text, $(i))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : i.type === "date" ? (m(), _(e(Ue), {
                   key: 5,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  placeholder: W(u.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (m(), w(e(Z), {
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  placeholder: E(i.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (m(), _(e(K), {
                   key: 6,
-                  modelValue: A.value[u.key],
-                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
-                  type: u.type === "email" ? "email" : u.type === "tel" ? "tel" : "text",
-                  placeholder: W(u.placeholder),
-                  maxlength: u.options.maxlength
+                  modelValue: x.value[i.key],
+                  "onUpdate:modelValue": (R) => x.value[i.key] = R,
+                  type: i.type === "email" ? "email" : i.type === "tel" ? "tel" : "text",
+                  placeholder: E(i.placeholder),
+                  maxlength: i.options.maxlength
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
               ]),
               _: 2
             }, 1032, ["label", "help", "error", "required"]))), 128)),
-            p.value ? (m(), w(e(Ce), {
+            k.value ? (m(), _(e(Ne), {
               key: 0,
               type: "warning",
               closable: !1
             }, {
               default: d(() => [
-                E(I(e(g)("panel.no-files-by-hand")), 1)
+                z(I(e(g)("panel.no-files-by-hand")), 1)
               ]),
               _: 1
-            })) : N("", !0)
+            })) : W("", !0)
           ], 64))
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), zt = /* @__PURE__ */ me(qt, [["__scopeId", "data-v-72006299"]]), Rt = { class: "wx-submissions__mass" }, Bt = { class: "wx-submissions__state" }, Pt = 640, Ot = /* @__PURE__ */ ne({
+}), Ot = /* @__PURE__ */ fe(Pt, [["__scopeId", "data-v-72006299"]]), Dt = { class: "wx-submissions__mass" }, Lt = { class: "wx-submissions__state" }, Mt = 640, Ht = /* @__PURE__ */ oe({
   __name: "SubmissionList",
   props: {
     form: {},
@@ -684,41 +686,41 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
   },
   emits: ["changed"],
   setup(a, { expose: n, emit: c }) {
-    const y = a, b = c, B = oe(), t = ke(B), l = kt(), g = _t(), q = se();
-    ce();
-    const z = et("root"), $ = ot(z), S = T(() => $.value > 0 && $.value < Pt), A = T(() => S.value ? Number.POSITIVE_INFINITY : 0), v = ae("webx-inbox"), L = ae("webx-admin"), p = we(), U = C(null), V = C([]), W = C(!1), P = C([]), X = C(!1), k = T(() => B.can("inbox.update")), x = Xe(zt), _ = T({
+    const b = a, w = c, B = re(), t = Te(B), l = $t(), g = St(), S = ie();
+    he();
+    const N = et("root"), C = it(N), q = A(() => C.value > 0 && C.value < Mt), x = A(() => q.value ? Number.POSITIVE_INFINITY : 0), p = le("webx-inbox"), H = le("webx-admin"), k = Ve(), y = U(null), $ = U([]), E = U(!1), P = U([]), X = U(!1), V = A(() => B.can("inbox.update")), v = Ge(Ot), T = A({
       get: () => typeof l.query.view == "string" && l.query.view !== "" ? l.query.view : "all",
       set: (o) => {
         g.replace({
           query: { ...l.query, view: o === "all" ? void 0 : o, page: void 0 }
         });
       }
-    }), u = T(() => ({
-      view: _.value,
+    }), i = A(() => ({
+      view: T.value,
       search: typeof l.query.search == "string" ? l.query.search : "",
       assignee: typeof l.query.assignee == "string" ? l.query.assignee : null,
       placement: typeof l.query.placement == "string" ? l.query.placement : null,
       sort: typeof l.query.sort == "string" ? l.query.sort : null,
       page: Number(l.query.page ?? 1) || 1
-    })), R = T(
-      () => (U.value?.placements ?? []).map(
-        (o) => o === null ? { value: "none", label: v("panel.placement-none") } : { value: o, label: o }
+    })), R = A(
+      () => (y.value?.placements ?? []).map(
+        (o) => o === null ? { value: "none", label: p("panel.placement-none") } : { value: o, label: o }
       )
-    ), _e = T(
-      () => R.value.length > 1 || u.value.placement !== null
-    ), ie = T(() => {
-      const o = u.value.placement;
+    ), ve = A(
+      () => R.value.length > 1 || i.value.placement !== null
+    ), ue = A(() => {
+      const o = i.value.placement;
       if (o === null) return [];
-      const F = R.value.find((h) => h.value === o)?.label ?? (o === "none" ? v("panel.placement-none") : o);
+      const F = R.value.find((h) => h.value === o)?.label ?? (o === "none" ? p("panel.placement-none") : o);
       return [
         {
           key: "placement",
-          label: `${v("panel.meta-placement")}: ${F}`,
-          clear: () => K(void 0)
+          label: `${p("panel.meta-placement")}: ${F}`,
+          clear: () => be(void 0)
         }
       ];
     });
-    function K(o) {
+    function be(o) {
       g.replace({
         query: {
           ...l.query,
@@ -727,26 +729,26 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
         }
       });
     }
-    const pe = T(() => {
-      const o = U.value?.counts, F = [
-        { value: "all", label: v("panel.view-all"), badge: o?.all || void 0 },
-        { value: "unread", label: v("panel.view-unread"), badge: o?.unread || void 0 }
+    const Q = A(() => {
+      const o = y.value?.counts, F = [
+        { value: "all", label: p("panel.view-all"), badge: o?.all || void 0 },
+        { value: "unread", label: p("panel.view-unread"), badge: o?.unread || void 0 }
       ];
-      for (const h of V.value)
+      for (const h of $.value)
         F.push({
           value: h.key,
-          label: j(h),
+          label: J(h),
           badge: o?.statuses[h.key] || void 0
         });
       return F;
     });
-    function O(o, F) {
-      const h = U.value?.columns?.[F];
+    function de(o, F) {
+      const h = y.value?.columns?.[F];
       return h ? o.values[h.key] ?? "" : "";
     }
-    const Ve = T(() => {
-      const o = U.value?.columns ?? [];
-      return S.value ? [{ key: "card", label: "" }] : [
+    const L = A(() => {
+      const o = y.value?.columns ?? [];
+      return q.value ? [{ key: "card", label: "" }] : [
         ...o.map((F, h) => ({
           key: `values.${F.key}`,
           label: F.label,
@@ -761,10 +763,10 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
         // A floor rather than a width: the cell holds a badge, sometimes an avatar and sometimes
         // a paperclip, and a fixed width that any of them overflows makes the whole table scroll
         // sideways by two pixels.
-        { key: "status", label: v("panel.status"), minWidth: 100 },
+        { key: "status", label: p("panel.status"), minWidth: 100 },
         {
           key: "created_at",
-          label: v("panel.received"),
+          label: p("panel.received"),
           sortable: !0,
           width: 120,
           // "today at 16:22" is three words the table will break over two lines given half a
@@ -774,230 +776,230 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
           // Kept on the card, unlike most dates: "when did this come in" is one of the two
           // questions a submission is looked at for, and the other one is who sent it.
         },
-        { key: "actions", label: "", width: yt, align: "right", hideOnCards: !0 }
+        { key: "actions", label: "", width: gt, align: "right", hideOnCards: !0 }
       ];
-    }), Te = T(
-      () => u.value.view === "all" && u.value.search === "" && u.value.assignee === null && u.value.placement === null ? v("panel.submissions-empty") : v("panel.submissions-none")
-    ), fe = T(
-      () => V.value.map((o) => ({ value: o.id, label: j(o) }))
-    ), j = Tt();
-    function $e() {
-      return de(y.form.title, q.active.value, y.form.slug);
+    }), $e = A(
+      () => i.value.view === "all" && i.value.search === "" && i.value.assignee === null && i.value.placement === null ? p("panel.submissions-empty") : p("panel.submissions-none")
+    ), Se = A(
+      () => $.value.map((o) => ({ value: o.id, label: J(o) }))
+    ), J = Ct();
+    function ae() {
+      return pe(b.form.title, S.active.value, b.form.slug);
     }
-    async function f(o) {
-      W.value = !0;
+    async function ne(o) {
+      E.value = !0;
       try {
-        U.value = await t.submissions(y.form.id, {
-          view: u.value.view,
-          search: o?.search ?? u.value.search,
-          assignee: u.value.assignee,
-          placement: u.value.placement,
+        y.value = await t.submissions(b.form.id, {
+          view: i.value.view,
+          search: o?.search ?? i.value.search,
+          assignee: i.value.assignee,
+          placement: i.value.placement,
           sort: o?.sort ? `${o.sort.order === "desc" ? "-" : ""}${o.sort.key}` : null,
-          page: o?.page ?? u.value.page,
+          page: o?.page ?? i.value.page,
           per_page: o?.perPage
         });
       } catch (F) {
-        Y.danger(p(F));
+        j.danger(k(F));
       } finally {
-        W.value = !1;
+        E.value = !1;
       }
     }
-    function s(o) {
+    function f(o) {
       const F = {
         ...l.query,
         search: o.search === "" ? void 0 : o.search,
         sort: o.sort === null ? void 0 : `${o.sort.order === "desc" ? "-" : ""}${o.sort.key}`,
         page: o.page === 1 ? void 0 : String(o.page)
       };
-      g.replace({ query: F }), f(o);
+      g.replace({ query: F }), ne(o);
     }
-    ve([() => y.form.id, _, () => u.value.assignee, () => u.value.placement], () => {
-      P.value = [], f();
+    ge([() => b.form.id, T, () => i.value.assignee, () => i.value.placement], () => {
+      P.value = [], ne();
     }), r();
     async function r() {
       try {
-        V.value = await t.statuses();
+        $.value = await t.statuses();
       } catch (o) {
-        Y.danger(p(o));
+        j.danger(k(o));
       }
     }
-    function H(o) {
-      g.push({ path: `${y.base}/submissions/${o.id}`, query: { ...l.query } });
+    function s(o) {
+      g.push({ path: `${b.base}/submissions/${o.id}`, query: { ...l.query } });
     }
-    function J(o) {
-      return k.value ? [
+    function O(o) {
+      return V.value ? [
         {
           key: "read",
           icon: o.is_read ? "eye-off" : "eye",
-          label: o.is_read ? v("panel.mark-unread") : v("panel.mark-read"),
+          label: o.is_read ? p("panel.mark-unread") : p("panel.mark-read"),
           run: () => {
-            Se([o.id], o.is_read ? "unread" : "read");
+            Ae([o.id], o.is_read ? "unread" : "read");
           }
         },
         {
           key: "delete",
           icon: "trash",
-          label: v("panel.delete"),
+          label: p("panel.delete"),
           danger: !0,
           run: () => {
-            Ie([o.id]);
+            Ee([o.id]);
           }
         }
       ] : [];
     }
-    async function Ye(o) {
-      typeof o == "number" && (X.value = !0, await Se(
+    async function Y(o) {
+      typeof o == "number" && (X.value = !0, await Ae(
         P.value.map((F) => F.id),
         "status",
         o
       ), X.value = !1);
     }
-    async function Ie(o) {
-      await Ge({
-        title: o.length === 1 ? v("panel.delete-submission-title") : v("panel.delete-selected-title", { count: o.length }),
-        message: v("panel.delete-submission-text"),
-        confirmText: v("panel.delete"),
-        cancelText: v("panel.cancel"),
+    async function Ee(o) {
+      await Ye({
+        title: o.length === 1 ? p("panel.delete-submission-title") : p("panel.delete-selected-title", { count: o.length }),
+        message: p("panel.delete-submission-text"),
+        confirmText: p("panel.delete"),
+        cancelText: p("panel.cancel"),
         tone: "danger"
-      }) && await Se(o, "delete");
+      }) && await Ae(o, "delete");
     }
-    async function Se(o, F, h) {
+    async function Ae(o, F, h) {
       if (o.length !== 0)
         try {
-          await t.massSubmissions({ ids: o, action: F, status_id: h }), P.value = [], await f(), b("changed");
-        } catch (ue) {
-          Y.danger(p(ue));
+          await t.massSubmissions({ ids: o, action: F, status_id: h }), P.value = [], await ne(), w("changed");
+        } catch (ce) {
+          j.danger(k(ce));
         }
     }
     async function je() {
-      const o = await x({ form: y.form });
-      o && (Y.success(v("panel.created")), await f(), b("changed"), g.push({ path: `${y.base}/submissions/${o.id}`, query: { ...l.query } }));
+      const o = await v({ form: b.form });
+      o && (j.success(p("panel.created")), await ne(), w("changed"), g.push({ path: `${b.base}/submissions/${o.id}`, query: { ...l.query } }));
     }
-    const Ke = T(
-      () => t.exportUrl(y.form.id, {
-        view: u.value.view,
-        search: u.value.search,
-        assignee: u.value.assignee,
-        placement: u.value.placement,
-        sort: u.value.sort
+    const Ke = A(
+      () => t.exportUrl(b.form.id, {
+        view: i.value.view,
+        search: i.value.search,
+        assignee: i.value.assignee,
+        placement: i.value.placement,
+        sort: i.value.sort
       })
-    ), Ze = T(() => [
-      { key: "export", label: v("panel.export"), icon: "download", href: Ke.value }
+    ), Ze = A(() => [
+      { key: "export", label: p("panel.export"), icon: "download", href: Ke.value }
     ]);
-    return n({ create: je }), (o, F) => (m(), D("div", {
+    return n({ create: je }), (o, F) => (m(), M("div", {
       ref_key: "root",
-      ref: z,
+      ref: N,
       class: "wx-submissions"
     }, [
-      i(e(gt), {
+      u(e(xt), {
         class: "wx-submissions__head",
         level: 3,
-        title: $e(),
+        title: ae(),
         subtitle: a.form.slug,
         actions: Ze.value
       }, null, 8, ["title", "subtitle", "actions"]),
-      i(e(it), {
-        modelValue: _.value,
-        "onUpdate:modelValue": F[2] || (F[2] = (h) => _.value = h),
+      u(e(rt), {
+        modelValue: T.value,
+        "onUpdate:modelValue": F[2] || (F[2] = (h) => T.value = h),
         class: "wx-submissions__views",
-        items: pe.value,
+        items: Q.value,
         "collapse-below": 560,
-        "aria-label": e(v)("panel.status")
+        "aria-label": e(p)("panel.status")
       }, {
         default: d(() => [
-          i(e(ut), {
-            data: U.value,
-            columns: Ve.value,
+          u(e(ut), {
+            data: y.value,
+            columns: L.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
             hover: "",
             flush: "",
-            loading: W.value,
-            "loading-text": e(v)("panel.loading"),
-            selectable: k.value,
-            "select-row-label": e(L)("filters.select-row"),
-            "select-all-label": e(L)("filters.select-all"),
+            loading: E.value,
+            "loading-text": e(p)("panel.loading"),
+            selectable: V.value,
+            "select-row-label": e(H)("filters.select-row"),
+            "select-all-label": e(H)("filters.select-all"),
             "row-class": (h) => h.is_read ? void 0 : "is-unread",
-            "search-placeholder": e(v)("panel.search-submissions"),
-            "empty-text": Te.value,
-            "cards-below": A.value,
-            "filters-count": ie.value.length,
-            onRowClick: H,
-            onStateChange: s,
-            onSelectionChange: F[1] || (F[1] = (h, ue) => P.value = ue)
-          }, Oe({
+            "search-placeholder": e(p)("panel.search-submissions"),
+            "empty-text": $e.value,
+            "cards-below": x.value,
+            "filters-count": ue.value.length,
+            onRowClick: s,
+            onStateChange: f,
+            onSelectionChange: F[1] || (F[1] = (h, ce) => P.value = ce)
+          }, De({
             "cell-status": d(({ row: h }) => [
-              G("div", Bt, [
-                h.status ? (m(), w(e(be), {
+              G("div", Lt, [
+                h.status ? (m(), _(e(xe), {
                   key: 0,
                   type: h.status.color
                 }, {
                   default: d(() => [
-                    E(I(e(j)(h.status)), 1)
+                    z(I(e(J)(h.status)), 1)
                   ]),
                   _: 2
-                }, 1032, ["type"])) : N("", !0),
-                h.assignee ? (m(), w(e(Ee), {
+                }, 1032, ["type"])) : W("", !0),
+                h.assignee ? (m(), _(e(qe), {
                   key: 1,
                   name: h.assignee.name,
                   title: h.assignee.name,
                   size: "xs",
                   tone: "auto"
-                }, null, 8, ["name", "title"])) : N("", !0),
-                h.files_count > 0 ? (m(), w(e(dt), {
+                }, null, 8, ["name", "title"])) : W("", !0),
+                h.files_count > 0 ? (m(), _(e(ct), {
                   key: 2,
-                  content: e(v)("panel.attachments")
+                  content: e(p)("panel.attachments")
                 }, {
                   default: d(() => [
-                    i(e(ge), {
+                    u(e(ke), {
                       name: "file",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : N("", !0)
+                }, 8, ["content"])) : W("", !0)
               ])
             ]),
             "cell-created_at": d(({ row: h }) => [
-              i(e(ze), {
+              u(e(Re), {
                 value: h.created_at,
                 compact: ""
               }, null, 8, ["value"])
             ]),
             "cell-card": d(({ row: h }) => [
-              i(e(rt), {
+              u(e(dt), {
                 variant: "plain",
                 shape: "circle",
-                title: O(h, 0)
+                title: de(h, 0)
               }, {
                 subtitle: d(() => [
-                  E(I(O(h, 1)), 1)
+                  z(I(de(h, 1)), 1)
                 ]),
                 meta: d(() => [
-                  h.status ? (m(), w(e(be), {
+                  h.status ? (m(), _(e(xe), {
                     key: 0,
                     type: h.status.color,
                     size: "sm"
                   }, {
                     default: d(() => [
-                      E(I(e(j)(h.status)), 1)
+                      z(I(e(J)(h.status)), 1)
                     ]),
                     _: 2
-                  }, 1032, ["type"])) : N("", !0),
-                  h.assignee ? (m(), w(e(Ee), {
+                  }, 1032, ["type"])) : W("", !0),
+                  h.assignee ? (m(), _(e(qe), {
                     key: 1,
                     name: h.assignee.name,
                     title: h.assignee.name,
                     size: "xs",
                     tone: "auto"
-                  }, null, 8, ["name", "title"])) : N("", !0),
-                  h.files_count > 0 ? (m(), w(e(ge), {
+                  }, null, 8, ["name", "title"])) : W("", !0),
+                  h.files_count > 0 ? (m(), _(e(ke), {
                     key: 2,
                     name: "file",
                     size: "sm"
-                  })) : N("", !0),
-                  i(e(ze), {
+                  })) : W("", !0),
+                  u(e(Re), {
                     value: h.created_at
                   }, null, 8, ["value"])
                 ]),
@@ -1005,14 +1007,14 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
               }, 1032, ["title"])
             ]),
             "card-actions": d(({ row: h }) => [
-              i(e(Ue), {
-                actions: J(h),
+              u(e(We), {
+                actions: O(h),
                 label: String(h.id)
               }, null, 8, ["actions", "label"])
             ]),
             "cell-actions": d(({ row: h }) => [
-              i(e(Ue), {
-                actions: J(h),
+              u(e(We), {
+                actions: O(h),
                 label: String(h.id)
               }, null, 8, ["actions", "label"])
             ]),
@@ -1021,33 +1023,33 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
             P.value.length > 0 ? {
               name: "actions",
               fn: d(() => [
-                G("div", Rt, [
-                  i(e(ee), {
+                G("div", Dt, [
+                  u(e(ee), {
                     size: "sm",
                     weight: "medium"
                   }, {
                     default: d(() => [
-                      E(I(e(v)("panel.selected", { count: P.value.length })), 1)
+                      z(I(e(p)("panel.selected", { count: P.value.length })), 1)
                     ]),
                     _: 1
                   }),
-                  i(e(ye), {
+                  u(e(we), {
                     "model-value": null,
-                    options: fe.value,
-                    placeholder: e(v)("panel.move-to"),
+                    options: Se.value,
+                    placeholder: e(p)("panel.move-to"),
                     disabled: X.value,
                     size: "sm",
                     style: { width: "180px" },
-                    "onUpdate:modelValue": Ye
+                    "onUpdate:modelValue": Y
                   }, null, 8, ["options", "placeholder", "disabled"]),
-                  i(e(te), {
+                  u(e(te), {
                     size: "sm",
                     variant: "outline",
                     type: "danger",
-                    onClick: F[0] || (F[0] = (h) => Ie(P.value.map((ue) => ue.id)))
+                    onClick: F[0] || (F[0] = (h) => Ee(P.value.map((ce) => ce.id)))
                   }, {
                     default: d(() => [
-                      E(I(e(v)("panel.delete")), 1)
+                      z(I(e(p)("panel.delete")), 1)
                     ]),
                     _: 1
                   })
@@ -1055,20 +1057,20 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
               ]),
               key: "0"
             } : void 0,
-            _e.value ? {
+            ve.value ? {
               name: "filters",
               fn: d(() => [
-                i(e(M), {
-                  label: e(v)("panel.meta-placement")
+                u(e(D), {
+                  label: e(p)("panel.meta-placement")
                 }, {
                   default: d(() => [
-                    i(e(ye), {
-                      "model-value": u.value.placement,
+                    u(e(we), {
+                      "model-value": i.value.placement,
                       options: R.value,
-                      placeholder: e(v)("panel.any-placement"),
+                      placeholder: e(p)("panel.any-placement"),
                       clearable: "",
                       size: "sm",
-                      "onUpdate:modelValue": K
+                      "onUpdate:modelValue": be
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ]),
                   _: 1
@@ -1076,10 +1078,10 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
               ]),
               key: "1"
             } : void 0,
-            ie.value.length > 0 ? {
+            ue.value.length > 0 ? {
               name: "applied",
               fn: d(() => [
-                i(e(xt), { filters: ie.value }, null, 8, ["filters"])
+                u(e(wt), { filters: ue.value }, null, 8, ["filters"])
               ]),
               key: "2"
             } : void 0
@@ -1089,9 +1091,9 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
       }, 8, ["modelValue", "items", "aria-label"])
     ], 512));
   }
-}), ol = /* @__PURE__ */ me(Ot, [["__scopeId", "data-v-f6cb49f1"]]), Mt = /* @__PURE__ */ ne({
+}), dl = /* @__PURE__ */ fe(Ht, [["__scopeId", "data-v-f6cb49f1"]]), Xt = /* @__PURE__ */ oe({
   __name: "LocalizedRichText",
-  props: /* @__PURE__ */ Fe({
+  props: /* @__PURE__ */ Ie({
     placeholder: { default: void 0 },
     minHeight: { default: "160px" }
   }, {
@@ -1100,42 +1102,50 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = We(a, "modelValue"), c = a, y = se(), b = T(() => {
-      const t = y.active.value;
-      return y.list.value.some((g) => g.code === t) ? t : y.list.value[0]?.code ?? "";
-    }), B = T({
+    const n = Fe(a, "modelValue"), c = a, b = ie(), w = kt(), B = _t(() => !0), t = le("webx-admin"), l = A(() => {
+      const S = b.active.value;
+      return b.list.value.some((C) => C.code === S) ? S : b.list.value[0]?.code ?? "";
+    }), g = A({
       get: () => {
-        const t = n.value;
-        return typeof t == "string" ? b.value === "" || b.value === y.list.value[0]?.code ? t : "" : t[b.value] ?? "";
+        const S = n.value;
+        return typeof S == "string" ? l.value === "" || l.value === b.list.value[0]?.code ? S : "" : S[l.value] ?? "";
       },
-      set: (t) => {
-        if (b.value === "") {
-          n.value = t;
+      set: (S) => {
+        if (l.value === "") {
+          n.value = S;
           return;
         }
-        const l = typeof n.value == "string" ? { [b.value]: n.value } : n.value;
-        n.value = { ...l, [b.value]: t };
+        const N = typeof n.value == "string" ? { [l.value]: n.value } : n.value;
+        n.value = { ...N, [l.value]: S };
       }
     });
-    return (t, l) => e(y).list.value.length > 0 ? (m(), w(e(ct), { key: 0 }, {
+    return (S, N) => e(b).list.value.length > 0 ? (m(), _(e(mt), { key: 0 }, {
       default: d(() => [
-        i(e(qe), {
-          modelValue: B.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (g) => B.value = g),
+        u(e(ze), {
+          modelValue: g.value,
+          "onUpdate:modelValue": N[0] || (N[0] = (C) => g.value = C),
           placeholder: c.placeholder,
-          "min-height": c.minHeight
-        }, null, 8, ["modelValue", "placeholder", "min-height"])
+          "min-height": c.minHeight,
+          labels: e(w),
+          tokens: e(B).length > 0 ? e(B) : void 0,
+          "tokens-title": e(t)("shortcodes.title"),
+          "tokens-label": e(t)("shortcodes.insert")
+        }, null, 8, ["modelValue", "placeholder", "min-height", "labels", "tokens", "tokens-title", "tokens-label"])
       ]),
       _: 1
-    })) : (m(), w(e(qe), {
+    })) : (m(), _(e(ze), {
       key: 1,
-      modelValue: B.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (g) => B.value = g),
+      modelValue: g.value,
+      "onUpdate:modelValue": N[1] || (N[1] = (C) => g.value = C),
       placeholder: c.placeholder,
-      "min-height": c.minHeight
-    }, null, 8, ["modelValue", "placeholder", "min-height"]));
+      "min-height": c.minHeight,
+      labels: e(w),
+      tokens: e(B).length > 0 ? e(B) : void 0,
+      "tokens-title": e(t)("shortcodes.title"),
+      "tokens-label": e(t)("shortcodes.insert")
+    }, null, 8, ["modelValue", "placeholder", "min-height", "labels", "tokens", "tokens-title", "tokens-label"]));
   }
-}), Dt = [
+}), Gt = [
   "text",
   "email",
   "tel",
@@ -1147,10 +1157,10 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
   "date",
   "file",
   "hidden"
-], il = ["default", "primary", "success", "warning", "info", "danger"], Lt = { class: "wx-inbox-field-form" }, Ht = {
+], cl = ["default", "primary", "success", "warning", "info", "danger"], Yt = { class: "wx-inbox-field-form" }, jt = {
   key: 2,
   class: "wx-inbox-choices"
-}, Xt = { class: "wx-inbox-field-form__row" }, Gt = { class: "wx-inbox-field-form__checks" }, Yt = { class: "wx-inbox-field-form__advanced" }, jt = /* @__PURE__ */ ne({
+}, Kt = { class: "wx-inbox-field-form__row" }, Zt = { class: "wx-inbox-field-form__checks" }, Qt = { class: "wx-inbox-field-form__advanced" }, Jt = /* @__PURE__ */ oe({
   __name: "FieldDialog",
   props: {
     field: {},
@@ -1158,122 +1168,126 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
     taken: { default: () => [] }
   },
   setup(a) {
-    const n = a, { resolve: c, dismiss: y, open: b } = De(), B = oe(), t = ke(B);
-    ce();
-    const l = ae("webx-inbox"), g = we(), q = C(!1), z = C({}), $ = C(""), S = C("text"), A = C({}), v = C({}), L = C({}), p = C({}), U = C(!1), V = se(), W = C(!0), P = C(!1), X = C(!0), k = C(!1);
-    ve(
+    const n = a, { resolve: c, dismiss: b, open: w } = Me(), B = re(), t = Te(B);
+    he();
+    const l = le("webx-inbox"), g = Vt(), S = Ve(), N = U(!1), C = U({}), q = U(""), x = U("text"), p = U({}), H = U({}), k = U({}), y = U({}), $ = U(!1), E = ie(), P = U(!0), X = U(!1), V = U(!0), v = U(!1);
+    ge(
       () => n.field,
       (f) => {
-        $.value = f?.name ?? "", S.value = f?.type ?? "text", A.value = { ...f?.title ?? {} }, v.value = { ...f?.placeholder ?? {} }, L.value = { ...f?.help ?? {} }, p.value = { ...f?.options ?? {} }, W.value = f?.is_enabled ?? !0, P.value = f?.is_required ?? !1, X.value = f?.is_fullsize ?? !0, k.value = f?.in_table ?? !1, U.value = f !== null, z.value = {};
+        q.value = f?.name ?? "", x.value = f?.type ?? "text", p.value = { ...f?.title ?? {} }, H.value = { ...f?.placeholder ?? {} }, k.value = { ...f?.help ?? {} }, y.value = { ...f?.options ?? {} }, P.value = f?.is_enabled ?? !0, X.value = f?.is_required ?? !1, V.value = f?.is_fullsize ?? !0, v.value = f?.in_table ?? !1, $.value = f !== null, C.value = {};
       },
       { immediate: !0 }
     );
-    function x(f) {
-      const s = f ?? {}, r = s[V.active.value];
-      return typeof r == "string" && r.trim() !== "" ? r : Object.values(s).find((H) => typeof H == "string" && H.trim() !== "") ?? "";
+    function T(f) {
+      const r = f ?? {}, s = r[E.active.value];
+      if (typeof s == "string" && s.trim() !== "") return [s, E.active.value];
+      const O = Object.entries(r).find(
+        ([, Y]) => typeof Y == "string" && Y.trim() !== ""
+      );
+      return O === void 0 ? ["", E.active.value] : [O[1], O[0]];
     }
-    function _(f) {
-      let s = wt(f, "_").slice(0, 60).replace(/_+$/, "");
+    function i([f, r]) {
+      let s = Tt(f, "_", r).slice(0, 60).replace(/_+$/, "");
       if (s === "") return "";
       /^[a-z]/.test(s) || (s = `field_${s}`);
-      let r = s;
-      for (let H = 2; n.taken.includes(r); H++) r = `${s}_${H}`;
-      return r;
+      let O = s;
+      for (let Y = 2; n.taken.includes(O); Y++) O = `${s}_${Y}`;
+      return O;
     }
-    ve(
-      () => x(A.value),
+    ge(
+      () => T(p.value),
       (f) => {
-        U.value || ($.value = _(f));
+        $.value || (q.value = i(f));
       }
     );
-    function u(f) {
-      $.value = f, U.value = f.trim() !== "", U.value || ($.value = _(x(A.value)));
+    function R(f) {
+      q.value = f, $.value = f.trim() !== "", $.value || (q.value = i(T(p.value)));
     }
-    const R = T(() => {
-      const f = n.field?.name ?? "", s = $.value.trim();
-      return f !== "" && s !== "" && s !== f ? f : null;
-    }), _e = T(
-      () => Dt.map((f) => ({ value: f, label: l(`fields.type-${f}`) }))
-    ), ie = T(() => ["select", "radio", "checkbox"].includes(S.value)), K = T(
-      () => Array.isArray(p.value.choices) ? p.value.choices : []
-    ), pe = T({
-      get: () => Array.isArray(p.value.extensions) ? p.value.extensions : [],
-      set: (f) => O(
+    const ve = A(() => {
+      const f = n.field?.name ?? "", r = q.value.trim();
+      return f !== "" && r !== "" && r !== f ? f : null;
+    }), ue = A(
+      () => Gt.map((f) => ({ value: f, label: l(`fields.type-${f}`) }))
+    ), be = A(() => ["select", "radio", "checkbox"].includes(x.value)), Q = A(
+      () => Array.isArray(y.value.choices) ? y.value.choices : []
+    ), de = A({
+      get: () => Array.isArray(y.value.extensions) ? y.value.extensions : [],
+      set: (f) => L(
         "extensions",
-        f.map((s) => s.replace(/^\./, ""))
+        f.map((r) => r.replace(/^\./, ""))
       )
     });
-    function O(f, s) {
-      p.value = { ...p.value, [f]: s };
+    function L(f, r) {
+      y.value = { ...y.value, [f]: r };
     }
-    function Ve() {
-      O("choices", [...K.value, { value: "", label: {} }]);
+    function $e() {
+      L("choices", [...Q.value, { value: "", label: {} }]);
     }
-    function Te(f) {
-      O(
+    function Se(f) {
+      L(
         "choices",
-        K.value.filter((s, r) => r !== f)
+        Q.value.filter((r, s) => s !== f)
       );
     }
-    function fe(f, s) {
-      O(
+    function J(f, r) {
+      L(
         "choices",
-        K.value.map((r, H) => H === f ? { ...r, ...s } : r)
+        Q.value.map((s, O) => O === f ? { ...s, ...r } : s)
       );
     }
-    function j(f) {
-      return z.value[f]?.[0];
+    function ae(f) {
+      return C.value[f]?.[0];
     }
-    async function $e() {
-      q.value = !0, z.value = {};
+    async function ne() {
+      N.value = !0, C.value = {};
       const f = {
-        name: $.value.trim() === "" ? null : $.value.trim(),
-        type: S.value,
-        title: A.value,
-        placeholder: v.value,
-        help: L.value,
-        options: p.value,
-        is_enabled: W.value,
-        is_required: P.value,
-        is_fullsize: X.value,
-        in_table: k.value
+        name: q.value.trim() === "" ? null : q.value.trim(),
+        type: x.value,
+        title: p.value,
+        placeholder: H.value,
+        help: k.value,
+        options: y.value,
+        is_enabled: P.value,
+        is_required: X.value,
+        is_fullsize: V.value,
+        in_table: v.value
       };
       try {
         c(
           n.field === null ? await t.createField(n.form.id, f) : await t.saveField(n.field.id, f)
         );
-      } catch (s) {
-        const r = s.body;
-        r?.errors ? (z.value = r.errors, Y.danger(l("panel.failed"))) : Y.danger(g(s));
+      } catch (r) {
+        const s = r.body;
+        s?.errors ? (C.value = s.errors, j.danger(l("panel.failed"))) : j.danger(S(r));
       } finally {
-        q.value = !1;
+        N.value = !1;
       }
     }
-    return (f, s) => (m(), w(e(Le), {
-      open: e(b),
-      "onUpdate:open": s[21] || (s[21] = (r) => Be(b) ? b.value = r : null),
+    return (f, r) => (m(), _(e(He), {
+      open: e(w),
+      "onUpdate:open": r[21] || (r[21] = (s) => Pe(w) ? w.value = s : null),
       title: a.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
       width: 720
     }, {
       footer: d(() => [
-        i(e(He), { size: "sm" }, {
+        u(e(Xe), { size: "sm" }, {
           default: d(() => [
-            i(e(te), {
+            u(e(te), {
               variant: "outline",
-              onClick: s[20] || (s[20] = (r) => e(y)())
+              onClick: r[20] || (r[20] = (s) => e(b)())
             }, {
               default: d(() => [
-                E(I(e(l)("fields.cancel")), 1)
+                z(I(e(l)("fields.cancel")), 1)
               ]),
               _: 1
             }),
-            i(e(te), {
+            u(e(te), {
               type: "primary",
-              loading: q.value,
-              onClick: $e
+              loading: N.value,
+              onClick: ne
             }, {
               default: d(() => [
-                E(I(e(l)("fields.save")), 1)
+                z(I(e(l)("fields.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1282,329 +1296,331 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
         })
       ]),
       default: d(() => [
-        G("div", Lt, [
-          i(e(M), {
+        G("div", Yt, [
+          u(e(D), {
             label: e(l)("fields.type")
           }, {
             default: d(() => [
-              i(e(ye), {
-                modelValue: S.value,
-                "onUpdate:modelValue": s[0] || (s[0] = (r) => S.value = r),
-                options: _e.value
+              u(e(we), {
+                modelValue: x.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (s) => x.value = s),
+                options: ue.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label"]),
-          i(e(M), {
+          u(e(D), {
             label: e(l)("fields.title"),
-            error: j("title"),
+            error: ae("title"),
             required: ""
           }, {
             default: d(() => [
-              i(e(Z), {
-                modelValue: A.value,
-                "onUpdate:modelValue": s[1] || (s[1] = (r) => A.value = r),
+              u(e(K), {
+                modelValue: p.value,
+                "onUpdate:modelValue": r[1] || (r[1] = (s) => p.value = s),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          S.value !== "hidden" ? (m(), D(Q, { key: 0 }, [
-            S.value !== "consent" ? (m(), w(e(M), {
+          x.value !== "hidden" ? (m(), M(Z, { key: 0 }, [
+            x.value !== "consent" ? (m(), _(e(D), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
               default: d(() => [
-                i(e(Z), {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": s[2] || (s[2] = (r) => v.value = r),
+                u(e(K), {
+                  modelValue: H.value,
+                  "onUpdate:modelValue": r[2] || (r[2] = (s) => H.value = s),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["label"])) : N("", !0),
-            i(e(M), {
+            }, 8, ["label"])) : W("", !0),
+            u(e(D), {
               label: e(l)("fields.help")
             }, {
               default: d(() => [
-                i(e(Z), {
-                  modelValue: L.value,
-                  "onUpdate:modelValue": s[3] || (s[3] = (r) => L.value = r),
+                u(e(K), {
+                  modelValue: k.value,
+                  "onUpdate:modelValue": r[3] || (r[3] = (s) => k.value = s),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label"])
-          ], 64)) : N("", !0),
-          S.value === "consent" ? (m(), w(e(M), {
+          ], 64)) : W("", !0),
+          x.value === "consent" ? (m(), _(e(D), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
           }, {
             default: d(() => [
-              i(Mt, {
-                "model-value": p.value.text ?? {},
+              u(Xt, {
+                "model-value": y.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": s[4] || (s[4] = (r) => O("text", r))
+                "onUpdate:modelValue": r[4] || (r[4] = (s) => L("text", s))
               }, null, 8, ["model-value"])
             ]),
             _: 1
-          }, 8, ["label", "help"])) : N("", !0),
-          ie.value ? (m(), D("div", Ht, [
-            i(e(ee), {
+          }, 8, ["label", "help"])) : W("", !0),
+          be.value ? (m(), M("div", jt, [
+            u(e(ee), {
               size: "sm",
               weight: "medium"
             }, {
               default: d(() => [
-                E(I(e(l)("fields.choices")), 1)
+                z(I(e(l)("fields.choices")), 1)
               ]),
               _: 1
             }),
-            K.value.length === 0 ? (m(), w(e(ee), {
+            Q.value.length === 0 ? (m(), _(e(ee), {
               key: 0,
               size: "sm",
               tone: "placeholder"
             }, {
               default: d(() => [
-                E(I(e(l)("fields.no-choices")), 1)
+                z(I(e(l)("fields.no-choices")), 1)
               ]),
               _: 1
-            })) : N("", !0),
-            (m(!0), D(Q, null, Pe(K.value, (r, H) => (m(), D("div", {
-              key: H,
+            })) : W("", !0),
+            (m(!0), M(Z, null, Oe(Q.value, (s, O) => (m(), M("div", {
+              key: O,
               class: "wx-inbox-choices__row"
             }, [
-              i(e(Z), {
-                "model-value": r.value,
+              u(e(K), {
+                "model-value": s.value,
                 placeholder: e(l)("fields.choice-value"),
-                "onUpdate:modelValue": (J) => fe(H, { value: String(J) })
+                "onUpdate:modelValue": (Y) => J(O, { value: String(Y) })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              i(e(Z), {
-                "model-value": r.label,
+              u(e(K), {
+                "model-value": s.label,
                 localized: "",
                 placeholder: e(l)("fields.choice-label"),
-                "onUpdate:modelValue": (J) => fe(H, { label: J })
+                "onUpdate:modelValue": (Y) => J(O, { label: Y })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              i(e(Me), {
+              u(e(Le), tt({
                 icon: "trash",
-                title: e(l)("fields.delete"),
-                onClick: (J) => Te(H)
-              }, null, 8, ["title", "onClick"])
+                tone: "danger",
+                title: e(l)("fields.delete")
+              }, { ref_for: !0 }, e(g), {
+                onClick: (Y) => Se(O)
+              }), null, 16, ["title", "onClick"])
             ]))), 128)),
-            i(e(te), {
+            u(e(te), {
               variant: "outline",
               size: "sm",
-              onClick: Ve
+              onClick: $e
             }, {
               icon: d(() => [
-                i(e(ge), { name: "plus" })
+                u(e(ke), { name: "plus" })
               ]),
               default: d(() => [
-                E(" " + I(e(l)("fields.add-choice")), 1)
+                z(" " + I(e(l)("fields.add-choice")), 1)
               ]),
               _: 1
             }),
-            j("options.choices") ? (m(), w(e(ee), {
+            ae("options.choices") ? (m(), _(e(ee), {
               key: 1,
               size: "sm",
               tone: "danger"
             }, {
               default: d(() => [
-                E(I(j("options.choices")), 1)
+                z(I(ae("options.choices")), 1)
               ]),
               _: 1
-            })) : N("", !0)
-          ])) : N("", !0),
-          G("div", Xt, [
-            S.value === "textarea" ? (m(), w(e(M), {
+            })) : W("", !0)
+          ])) : W("", !0),
+          G("div", Kt, [
+            x.value === "textarea" ? (m(), _(e(D), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
               default: d(() => [
-                i(e(re), {
-                  "model-value": p.value.rows ?? 5,
+                u(e(me), {
+                  "model-value": y.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": s[5] || (s[5] = (r) => O("rows", r))
+                  "onUpdate:modelValue": r[5] || (r[5] = (s) => L("rows", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : N("", !0),
-            ["text", "email", "textarea"].includes(S.value) ? (m(), w(e(M), {
+            }, 8, ["label"])) : W("", !0),
+            ["text", "email", "textarea"].includes(x.value) ? (m(), _(e(D), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
               default: d(() => [
-                i(e(re), {
-                  "model-value": p.value.maxlength ?? null,
+                u(e(me), {
+                  "model-value": y.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": s[6] || (s[6] = (r) => O("maxlength", r))
+                  "onUpdate:modelValue": r[6] || (r[6] = (s) => L("maxlength", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : N("", !0),
-            S.value === "tel" ? (m(), w(e(M), {
+            }, 8, ["label"])) : W("", !0),
+            x.value === "tel" ? (m(), _(e(D), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
             }, {
               default: d(() => [
-                i(e(Z), {
-                  "model-value": p.value.pattern ?? "",
-                  "onUpdate:modelValue": s[7] || (s[7] = (r) => O("pattern", r))
+                u(e(K), {
+                  "model-value": y.value.pattern ?? "",
+                  "onUpdate:modelValue": r[7] || (r[7] = (s) => L("pattern", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label", "help"])) : N("", !0),
-            S.value === "date" ? (m(), D(Q, { key: 3 }, [
-              i(e(M), {
+            }, 8, ["label", "help"])) : W("", !0),
+            x.value === "date" ? (m(), M(Z, { key: 3 }, [
+              u(e(D), {
                 label: e(l)("fields.earliest")
               }, {
                 default: d(() => [
-                  i(e(Ne), {
+                  u(e(Ue), {
                     clearable: "",
-                    "model-value": p.value.min ?? null,
-                    "onUpdate:modelValue": s[8] || (s[8] = (r) => O("min", r))
+                    "model-value": y.value.min ?? null,
+                    "onUpdate:modelValue": r[8] || (r[8] = (s) => L("min", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              i(e(M), {
+              u(e(D), {
                 label: e(l)("fields.latest")
               }, {
                 default: d(() => [
-                  i(e(Ne), {
+                  u(e(Ue), {
                     clearable: "",
-                    "model-value": p.value.max ?? null,
-                    "onUpdate:modelValue": s[9] || (s[9] = (r) => O("max", r))
+                    "model-value": y.value.max ?? null,
+                    "onUpdate:modelValue": r[9] || (r[9] = (s) => L("max", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : N("", !0),
-            S.value === "checkbox" ? (m(), D(Q, { key: 4 }, [
-              i(e(M), {
+            ], 64)) : W("", !0),
+            x.value === "checkbox" ? (m(), M(Z, { key: 4 }, [
+              u(e(D), {
                 label: e(l)("fields.min-choices")
               }, {
                 default: d(() => [
-                  i(e(re), {
-                    "model-value": p.value.min ?? null,
+                  u(e(me), {
+                    "model-value": y.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": s[10] || (s[10] = (r) => O("min", r))
+                    "onUpdate:modelValue": r[10] || (r[10] = (s) => L("min", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              i(e(M), {
+              u(e(D), {
                 label: e(l)("fields.max-choices")
               }, {
                 default: d(() => [
-                  i(e(re), {
-                    "model-value": p.value.max ?? null,
+                  u(e(me), {
+                    "model-value": y.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": s[11] || (s[11] = (r) => O("max", r))
+                    "onUpdate:modelValue": r[11] || (r[11] = (s) => L("max", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : N("", !0),
-            S.value === "file" ? (m(), w(e(M), {
+            ], 64)) : W("", !0),
+            x.value === "file" ? (m(), _(e(D), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
               default: d(() => [
-                i(e(re), {
-                  "model-value": p.value.max_size ?? null,
+                u(e(me), {
+                  "model-value": y.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": s[12] || (s[12] = (r) => O("max_size", r))
+                  "onUpdate:modelValue": r[12] || (r[12] = (s) => L("max_size", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : N("", !0)
+            }, 8, ["label"])) : W("", !0)
           ]),
-          S.value === "file" ? (m(), D(Q, { key: 3 }, [
-            i(e(M), {
+          x.value === "file" ? (m(), M(Z, { key: 3 }, [
+            u(e(D), {
               label: e(l)("fields.extensions"),
               help: e(l)("fields.extensions-help")
             }, {
               default: d(() => [
-                i(e(mt), {
-                  modelValue: pe.value,
-                  "onUpdate:modelValue": s[13] || (s[13] = (r) => pe.value = r)
+                u(e(pt), {
+                  modelValue: de.value,
+                  "onUpdate:modelValue": r[13] || (r[13] = (s) => de.value = s)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help"]),
-            i(e(le), {
-              "model-value": !!p.value.multiple,
+            u(e(se), {
+              "model-value": !!y.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": s[14] || (s[14] = (r) => O("multiple", r))
+              "onUpdate:modelValue": r[14] || (r[14] = (s) => L("multiple", s))
             }, null, 8, ["model-value", "label"])
-          ], 64)) : N("", !0),
-          G("div", Gt, [
-            i(e(le), {
-              modelValue: W.value,
-              "onUpdate:modelValue": s[15] || (s[15] = (r) => W.value = r),
+          ], 64)) : W("", !0),
+          G("div", Zt, [
+            u(e(se), {
+              modelValue: P.value,
+              "onUpdate:modelValue": r[15] || (r[15] = (s) => P.value = s),
               label: e(l)("fields.is-enabled")
             }, null, 8, ["modelValue", "label"]),
-            i(e(le), {
-              modelValue: P.value,
-              "onUpdate:modelValue": s[16] || (s[16] = (r) => P.value = r),
+            u(e(se), {
+              modelValue: X.value,
+              "onUpdate:modelValue": r[16] || (r[16] = (s) => X.value = s),
               label: e(l)("fields.is-required")
             }, null, 8, ["modelValue", "label"]),
-            S.value !== "hidden" ? (m(), w(e(le), {
+            x.value !== "hidden" ? (m(), _(e(se), {
               key: 0,
-              modelValue: X.value,
-              "onUpdate:modelValue": s[17] || (s[17] = (r) => X.value = r),
+              modelValue: V.value,
+              "onUpdate:modelValue": r[17] || (r[17] = (s) => V.value = s),
               label: e(l)("fields.is-fullsize")
-            }, null, 8, ["modelValue", "label"])) : N("", !0),
-            i(e(le), {
-              modelValue: k.value,
-              "onUpdate:modelValue": s[18] || (s[18] = (r) => k.value = r),
+            }, null, 8, ["modelValue", "label"])) : W("", !0),
+            u(e(se), {
+              modelValue: v.value,
+              "onUpdate:modelValue": r[18] || (r[18] = (s) => v.value = s),
               label: e(l)("fields.in-table")
             }, null, 8, ["modelValue", "label"])
           ]),
-          G("section", Yt, [
-            i(e(ee), {
+          G("section", Qt, [
+            u(e(ee), {
               size: "sm",
               weight: "medium",
               tone: "muted"
             }, {
               default: d(() => [
-                E(I(e(l)("fields.advanced")), 1)
+                z(I(e(l)("fields.advanced")), 1)
               ]),
               _: 1
             }),
-            i(e(M), {
+            u(e(D), {
               label: e(l)("fields.name"),
-              help: e(l)("fields.name-help", { name: $.value.trim() || "name" }),
-              error: j("name")
+              help: e(l)("fields.name-help", { name: q.value.trim() || "name" }),
+              error: ae("name")
             }, {
               default: d(() => [
-                i(e(Z), {
-                  "model-value": $.value,
+                u(e(K), {
+                  "model-value": q.value,
                   placeholder: "phone",
-                  "onUpdate:modelValue": s[19] || (s[19] = (r) => u(String(r ?? "")))
+                  "onUpdate:modelValue": r[19] || (r[19] = (s) => R(String(s ?? "")))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label", "help", "error"]),
-            R.value ? (m(), w(e(Ce), {
+            ve.value ? (m(), _(e(Ne), {
               key: 0,
               type: "warning",
               variant: "soft",
-              description: e(l)("fields.name-renamed", { old: R.value, new: $.value.trim() })
-            }, null, 8, ["description"])) : N("", !0)
+              description: e(l)("fields.name-renamed", { old: ve.value, new: q.value.trim() })
+            }, null, 8, ["description"])) : W("", !0)
           ])
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Kt = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-0b8e6619"]]), Zt = { class: "wx-inbox-field" }, Qt = { class: "wx-inbox-field__name" }, Jt = /* @__PURE__ */ ne({
+}), el = /* @__PURE__ */ fe(Jt, [["__scopeId", "data-v-8b202bc1"]]), tl = { class: "wx-inbox-field" }, ll = { class: "wx-inbox-field__name" }, al = /* @__PURE__ */ oe({
   __name: "FieldList",
-  props: /* @__PURE__ */ Fe({
+  props: /* @__PURE__ */ Ie({
     form: {},
     canManage: { type: Boolean }
   }, {
@@ -1613,43 +1629,43 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = a, c = We(a, "modelValue"), y = oe(), b = ke(y), B = se();
-    ce();
-    const t = ae("webx-inbox"), l = we(), g = Xe(Kt);
-    function q(p) {
-      return de(p.title, B.active.value, p.key);
+    const n = a, c = Fe(a, "modelValue"), b = re(), w = Te(b), B = ie();
+    he();
+    const t = le("webx-inbox"), l = Ve(), g = Ge(el);
+    function S(k) {
+      return pe(k.title, B.active.value, k.key);
     }
-    function z(p) {
+    function N(k) {
       return [
-        t(`fields.type-${p.type}`),
-        ...p.is_required ? [t("fields.is-required")] : [],
-        ...p.in_table ? [t("fields.in-table")] : [],
-        ...p.is_fullsize ? [] : [t("fields.is-fullsize")]
+        t(`fields.type-${k.type}`),
+        ...k.is_required ? [t("fields.is-required")] : [],
+        ...k.in_table ? [t("fields.in-table")] : [],
+        ...k.is_fullsize ? [] : [t("fields.is-fullsize")]
       ];
     }
-    const $ = T(() => c.value.length === 0);
-    async function S(p) {
-      const U = c.value.filter((W) => W.id !== p?.id).map((W) => W.key), V = await g({ field: p, form: n.form, taken: U });
-      V && (c.value = p === null ? [...c.value, V] : c.value.map((W) => W.id === V.id ? V : W));
+    const C = A(() => c.value.length === 0);
+    async function q(k) {
+      const y = c.value.filter((E) => E.id !== k?.id).map((E) => E.key), $ = await g({ field: k, form: n.form, taken: y });
+      $ && (c.value = k === null ? [...c.value, $] : c.value.map((E) => E.id === $.id ? $ : E));
     }
-    async function A(p) {
-      if (await Ge({
-        title: t("fields.delete-title", { field: q(p) }),
+    async function x(k) {
+      if (await Ye({
+        title: t("fields.delete-title", { field: S(k) }),
         message: t("fields.delete-text"),
         confirmText: t("fields.delete"),
         cancelText: t("fields.cancel"),
         tone: "danger"
       }))
         try {
-          await b.removeField(p.id), c.value = c.value.filter((V) => V.id !== p.id), Y.success(t("panel.deleted"));
-        } catch (V) {
-          Y.danger(l(V));
+          await w.removeField(k.id), c.value = c.value.filter(($) => $.id !== k.id), j.success(t("panel.deleted"));
+        } catch ($) {
+          j.danger(l($));
         }
     }
-    function v(p) {
+    function p(k) {
       return n.canManage ? [
         { key: "edit", icon: "edit", label: t("fields.edit"), run: () => {
-          S(p);
+          q(k);
         } },
         {
           key: "delete",
@@ -1657,83 +1673,83 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
           label: t("fields.delete"),
           danger: !0,
           run: () => {
-            A(p);
+            x(k);
           }
         }
       ] : [];
     }
-    async function L() {
+    async function H() {
       try {
-        await b.sortFields(
+        await w.sortFields(
           n.form.id,
-          c.value.map((p) => p.id)
+          c.value.map((k) => k.id)
         );
-      } catch (p) {
-        Y.danger(l(p, t("panel.reorder-failed")));
+      } catch (k) {
+        j.danger(l(k, t("panel.reorder-failed")));
       }
     }
-    return (p, U) => (m(), w(e(pt), {
+    return (k, y) => (m(), _(e(ht), {
       title: e(t)("panel.tab-fields")
-    }, Oe({
+    }, De({
       default: d(() => [
-        $.value ? (m(), w(e(ft), {
+        C.value ? (m(), _(e(ft), {
           key: 0,
           title: e(t)("fields.no-fields"),
           description: e(t)("fields.no-fields-help")
-        }, null, 8, ["title", "description"])) : (m(), w(e(ht), {
+        }, null, 8, ["title", "description"])) : (m(), _(e(vt), {
           key: 1,
           modelValue: c.value,
-          "onUpdate:modelValue": U[1] || (U[1] = (V) => c.value = V),
+          "onUpdate:modelValue": y[1] || (y[1] = ($) => c.value = $),
           plain: "",
           "item-key": "id",
-          "item-label": q,
+          "item-label": S,
           "drag-label": e(t)("panel.reorder"),
           disabled: !a.canManage,
           "aria-label": e(t)("panel.tab-fields"),
-          onMove: L
+          onMove: H
         }, {
-          default: d(({ item: V }) => [
-            G("div", Zt, [
-              G("div", Qt, [
-                i(e(ee), {
+          default: d(({ item: $ }) => [
+            G("div", tl, [
+              G("div", ll, [
+                u(e(ee), {
                   weight: "medium",
                   truncate: ""
                 }, {
                   default: d(() => [
-                    E(I(q(V)), 1)
+                    z(I(S($)), 1)
                   ]),
                   _: 2
                 }, 1024),
-                V.is_enabled ? N("", !0) : (m(), w(e(be), {
+                $.is_enabled ? W("", !0) : (m(), _(e(xe), {
                   key: 0,
                   type: "default"
                 }, {
                   default: d(() => [
-                    E(I(e(t)("panel.off")), 1)
+                    z(I(e(t)("panel.off")), 1)
                   ]),
                   _: 1
                 }))
               ]),
-              i(e(ee), {
+              u(e(ee), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
               }, {
                 default: d(() => [
-                  V.name ? (m(), D(Q, { key: 0 }, [
-                    G("code", null, I(V.name), 1),
-                    U[2] || (U[2] = E(" · ", -1))
-                  ], 64)) : N("", !0),
-                  E(I(z(V).join(" · ")), 1)
+                  $.name ? (m(), M(Z, { key: 0 }, [
+                    G("code", null, I($.name), 1),
+                    y[2] || (y[2] = z(" · ", -1))
+                  ], 64)) : W("", !0),
+                  z(I(N($).join(" · ")), 1)
                 ]),
                 _: 2
               }, 1024)
             ])
           ]),
-          actions: d(({ item: V }) => [
-            i(e(Ue), {
-              actions: v(V),
-              label: q(V)
+          actions: d(({ item: $ }) => [
+            u(e(We), {
+              actions: p($),
+              label: S($)
             }, null, 8, ["actions", "label"])
           ]),
           _: 1
@@ -1744,16 +1760,16 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
       a.canManage ? {
         name: "extra",
         fn: d(() => [
-          i(e(te), {
+          u(e(te), {
             type: "primary",
             size: "sm",
-            onClick: U[0] || (U[0] = (V) => S(null))
+            onClick: y[0] || (y[0] = ($) => q(null))
           }, {
             icon: d(() => [
-              i(e(ge), { name: "plus" })
+              u(e(ke), { name: "plus" })
             ]),
             default: d(() => [
-              E(" " + I(e(t)("fields.new-field")), 1)
+              z(" " + I(e(t)("fields.new-field")), 1)
             ]),
             _: 1
           })
@@ -1762,24 +1778,24 @@ const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
       } : void 0
     ]), 1032, ["title"]));
   }
-}), ul = /* @__PURE__ */ me(Jt, [["__scopeId", "data-v-5d9f662e"]]), rl = xe(() => import("./InboxPage-Dd_8TGGg.js")), dl = xe(() => import("./FormEditorPage-HsbIZcG_.js")), cl = xe(() => import("./StatusesPage-DKJmpZoG.js")), ml = xe(() => import("./SubmissionPage-BoE9jEhj.js"));
+}), ml = /* @__PURE__ */ fe(al, [["__scopeId", "data-v-5d9f662e"]]), pl = _e(() => import("./InboxPage-PAtQ48A2.js")), hl = _e(() => import("./FormEditorPage-CXYnpKAh.js")), fl = _e(() => import("./StatusesPage-xVeRPm4u.js")), vl = _e(() => import("./SubmissionPage-DI8jAaud.js"));
 export {
-  ul as F,
-  ol as S,
-  dl as W,
-  me as _,
-  Mt as a,
-  il as b,
-  ke as c,
-  Tt as d,
-  Dt as e,
-  It as f,
-  rl as g,
-  cl as h,
-  ml as i,
-  nl as j,
-  Vt as k,
-  sl as o,
-  ce as u
+  ml as F,
+  dl as S,
+  hl as W,
+  fe as _,
+  Xt as a,
+  cl as b,
+  Te as c,
+  Ct as d,
+  Gt as e,
+  Rt as f,
+  pl as g,
+  fl as h,
+  vl as i,
+  rl as j,
+  At as k,
+  ul as o,
+  he as u
 };
-//# sourceMappingURL=index-Dxbb2lUM.js.map
+//# sourceMappingURL=index-BJ-mLCee.js.map