@webx-ui/module-inbox 0.8.1 → 0.9.0

package/dist/{index-BQj2UlUS.js → index-Dxbb2lUM.js}

@@ -1,8 +1,8 @@
-import { inject as Qe, defineComponent as ae, useModel as Te, computed as $, ref as A, watch as $e, openBlock as p, createElementBlock as O, createElementVNode as D, toDisplayString as I, createCommentVNode as U, createBlock as w, unref as e, withCtx as u, createTextVNode as q, createVNode as i, mergeModels as Se, nextTick as Je, isRef as Ee, Fragment as Z, renderList as qe, useTemplateRef as et, createSlots as ze, defineAsyncComponent as fe } from "vue";
-import { useLocales as ue, localizedValue as ie, WxBadge as pe, WxAction as Re, WxAutocomplete as tt, useModal as Be, WxDialog as Pe, WxAlert as Ne, WxSkeleton as lt, WxFormItem as L, WxTextarea as at, WxSelect as he, WxRadioGroup as st, WxCheckboxGroup as nt, WxCheckbox as ee, WxDatePicker as _e, WxInput as j, WxSpace as Le, WxButton as Q, toast as H, useElementWidth as ot, createModal as Me, WxTabs as it, WxTable as ut, WxEntityCard as rt, WxAvatar as Ue, WxIcon as ve, WxTooltip as dt, WxText as te, confirm as Oe, WxLocales as ct, WxRichText as We, WxInputNumber as oe, WxTagsInput as mt, WxCard as pt, WxEmpty as ht, WxSortableList as vt } from "@webx-ui/core";
-import { useAdmin as se, i18nKey as ft, useTranslate as le, createRelationsApi as bt, useErrorText as be, rowMenuWidth as yt, WxScreenHead as gt, WxRowMenu as Ve, WxDate as Ie, WxFilterChips as xt } from "@webx-ui/module-admin";
-import { useRoute as wt, useRouter as kt } from "vue-router";
-const _t = {
+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 = {
   module: {
     title: "Inbox"
   },
@@ -42,8 +42,8 @@ const _t = {
     "thank-you-heading": "Heading",
     "thank-you-text": "Text",
     "submit-text": "Text on the button",
-    redirect: "Go to this address instead",
-    "redirect-help": "Left empty, the thank-you takes the form’s place on the page.",
+    redirect: "Instead of the thank-you, go to",
+    "redirect-help": "A page of the site opens in the language the form was sent in, or in the main one when it has no translation. Nowhere — the thank-you takes the form’s place.",
     recipients: "Who is written to",
     "recipients-help": "Nobody here means nobody is told. The submission is kept either way.",
     "no-recipients": "Nobody yet.",
@@ -52,12 +52,17 @@ const _t = {
     remove: "Remove",
     "remove-recipient-title": "Remove this recipient?",
     "remove-recipient-text": "They stop being told when something arrives.",
-    "email-field": "The field holding the sender’s address",
-    "email-field-help": "A reply to the notification then goes to whoever wrote in.",
+    "email-field": "Field with the visitor’s address",
+    "email-field-help": "A reply to the letter goes to this address.",
+    "email-field-help-channels": "A reply to the letter goes to this address; in channels it is {{reply_to}}.",
+    "notify-via": "How to tell about a submission",
+    "via-email": "By letter to addresses",
+    "via-channels": "Through notification channels",
     "notify-through": "Notify through",
-    "notify-through-help": "Channels of the Notifications section: Telegram, e-mail and others. A submission from the site goes to each of them by its own template, beside the letter above.",
+    "notify-through-help": "Channels of the Notifications section: Telegram, e-mail and others. A submission from the site goes to each of them by its own template.",
     "pick-channels": "Add a channel",
     "no-channels": "No channels chosen.",
+    "no-channels-yet": "No channels yet.",
     "set-up-channels": "Set up channels",
     channels: "Channels",
     "channels-none": "Nothing was sent through channels.",
@@ -198,7 +203,9 @@ const _t = {
     cancel: "Cancel",
     save: "Save",
     name: "Name",
-    "name-help": "What the field is called in the HTML. Left empty, it answers to f17.",
+    "name-help": "Needed for variables in notifications — {{field.:name}} — and for integrations. Usually there is no need to change it.",
+    "name-renamed": "Templates of notification channels that use {{field.:old}} stop working — change them to {{field.:new}}. Answers already received stay with the field.",
+    advanced: "Advanced",
     type: "Type",
     title: "Label",
     placeholder: "Placeholder",
@@ -250,34 +257,34 @@ const _t = {
     unknown: "The Inbox has no form “:slug”. It has: :forms.",
     "unknown-none": "The Inbox has no form “:slug” — it has no forms yet."
   }
-}, Fe = /* @__PURE__ */ new WeakSet();
-function re() {
+}, Re = /* @__PURE__ */ new WeakSet();
+function ce() {
   try {
-    const { i18n: a } = se();
-    Fe.has(a) || (a.defaults("webx-inbox", _t), Fe.add(a));
+    const { i18n: a } = oe();
+    Re.has(a) || (a.defaults("webx-inbox", Vt), Re.add(a));
   } catch {
   }
 }
-function Vt() {
-  const a = Qe(ft, null), n = ue();
+function Tt() {
+  const a = Qe(vt, null), n = se();
   return (c) => {
     const y = a?.state.locale;
-    return (y === void 0 ? void 0 : c.title[y]) || ie(c.title, n.active.value, c.key);
+    return (y === void 0 ? void 0 : c.title[y]) || de(c.title, n.active.value, c.key);
   };
 }
-const Tt = { class: "wx-inbox-form-field" }, $t = {
+const $t = { class: "wx-inbox-form-field" }, St = {
   key: 0,
   class: "wx-inbox-form-field__chosen"
-}, St = { class: "wx-inbox-form-field__text" }, Ct = { class: "wx-inbox-form-field__title" }, At = {
+}, At = { class: "wx-inbox-form-field__text" }, Ct = { class: "wx-inbox-form-field__title" }, Nt = {
   key: 0,
   class: "wx-inbox-form-field__slug"
-}, Nt = {
+}, Ut = {
   key: 1,
   class: "wx-inbox-form-field__empty"
-}, Ut = { class: "wx-inbox-form-field__search" }, Wt = /* @__PURE__ */ ae({
+}, Wt = { class: "wx-inbox-form-field__search" }, Ft = /* @__PURE__ */ ne({
   name: "WxInboxFormField",
   __name: "FormField",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Fe({
     disabled: { type: Boolean, default: !1 },
     placeholder: { default: void 0 },
     emptyText: { default: void 0 }
@@ -287,105 +294,105 @@ const Tt = { class: "wx-inbox-form-field" }, $t = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = a, c = Te(a, "modelValue");
-    re();
-    const y = se(), b = le("webx-inbox"), R = bt(y, "inbox-form"), t = $(() => typeof c.value == "string" ? c.value.trim() : ""), l = A(/* @__PURE__ */ new Map()), g = A(/* @__PURE__ */ new Set()), F = A([]), E = A(!1), W = A("");
-    function T(k) {
-      const f = new Map(l.value);
-      for (const x of k) x.slug && f.set(x.slug, x);
-      l.value = f;
+    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;
     }
-    async function S(k) {
+    async function A(k) {
       if (!(k === "" || l.value.has(k) || g.value.has(k)))
         try {
-          const f = await R.search(k);
-          T(f), f.some((x) => x.slug === k) || (g.value = /* @__PURE__ */ new Set([...g.value, k]));
+          const x = await B.search(k);
+          S(x), x.some((_) => _.slug === k) || (g.value = /* @__PURE__ */ new Set([...g.value, k]));
         } catch {
         }
     }
-    $e(t, (k) => {
-      S(k);
+    ve(t, (k) => {
+      A(k);
     }, { immediate: !0 });
-    const v = $(() => t.value === "" ? null : l.value.get(t.value) ?? null), M = $(() => t.value === "" ? null : v.value === null ? g.value.has(t.value) ? b("relations.field-missing") : null : v.value.visible ? null : b("relations.field-off")), m = $(
-      () => F.value.filter((k) => k.slug && k.slug !== t.value).map((k) => ({
+    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((f) => typeof f == "string" && f !== "").join(" · "),
+        description: [k.slug, k.visible ? null : b("relations.field-off")].filter((x) => typeof x == "string" && x !== "").join(" · "),
         id: k.slug
       }))
     );
-    async function C(k) {
-      E.value = !0;
+    async function U(k) {
+      z.value = !0;
       try {
-        const f = await R.search(k);
-        F.value = f, T(f);
+        const x = await B.search(k);
+        q.value = x, S(x);
       } catch {
-        F.value = [];
+        q.value = [];
       } finally {
-        E.value = !1;
+        z.value = !1;
       }
     }
-    function _() {
-      F.value.length === 0 && !E.value && C(W.value);
+    function V() {
+      q.value.length === 0 && !z.value && U($.value);
     }
-    function B(k) {
+    function W(k) {
       typeof k.id != "string" || k.id === "" || (c.value = k.id, Je(() => {
-        W.value = "";
+        $.value = "";
       }));
     }
     function P() {
       c.value = null;
     }
-    const X = $(() => n.placeholder ?? b("relations.field-search"));
-    return (k, f) => (p(), O("div", Tt, [
-      t.value !== "" ? (p(), O("div", $t, [
-        D("span", St, [
-          D("span", Ct, I(v.value?.title ?? t.value), 1),
-          v.value ? (p(), O("span", At, I(t.value), 1)) : U("", !0)
+    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)
         ]),
-        M.value ? (p(), w(e(pe), {
+        L.value ? (m(), w(e(be), {
           key: 0,
           type: "warning"
         }, {
-          default: u(() => [
-            q(I(M.value), 1)
+          default: d(() => [
+            E(I(L.value), 1)
           ]),
           _: 1
-        })) : U("", !0),
-        n.disabled ? U("", !0) : (p(), w(e(Re), {
+        })) : N("", !0),
+        n.disabled ? N("", !0) : (m(), w(e(Me), {
           key: 1,
           type: "remove",
           size: "sm",
           title: e(b)("relations.field-remove"),
           onClick: P
         }, null, 8, ["title"]))
-      ])) : (p(), O("p", Nt, I(n.emptyText ?? e(b)("relations.field-empty")), 1)),
-      D("div", Ut, [
+      ])) : (m(), D("p", Ut, I(n.emptyText ?? e(b)("relations.field-empty")), 1)),
+      G("div", Wt, [
         i(e(tt), {
-          modelValue: W.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (x) => W.value = x),
-          options: m.value,
+          modelValue: $.value,
+          "onUpdate:modelValue": x[0] || (x[0] = (_) => $.value = _),
+          options: p.value,
           remote: "",
           teleport: "",
-          loading: E.value,
+          loading: z.value,
           "loading-text": e(b)("relations.field-searching"),
           "empty-text": e(b)("relations.field-nothing"),
           placeholder: X.value,
           "aria-label": X.value,
           disabled: n.disabled,
-          onSearch: C,
-          onOpen: _,
-          onSelect: B
+          onSearch: U,
+          onOpen: V,
+          onSelect: W
         }, null, 8, ["modelValue", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
       ])
     ]));
   }
-}), de = (a, n) => {
+}), me = (a, n) => {
   const c = a.__vccOpts || a;
   for (const [y, b] of n)
     c[y] = b;
   return c;
-}, It = /* @__PURE__ */ de(Wt, [["__scopeId", "data-v-91f60441"]]);
-function al(a = {}) {
+}, It = /* @__PURE__ */ me(Ft, [["__scopeId", "data-v-91f60441"]]);
+function nl(a = {}) {
   const n = a.path ?? "/inbox";
   return {
     id: "inbox",
@@ -397,19 +404,19 @@ function al(a = {}) {
       {
         path: n,
         name: "webx.inbox",
-        component: () => import("./InboxPage-CCYXnZed.js"),
+        component: () => import("./InboxPage-Dd_8TGGg.js"),
         props: { base: n }
       },
       {
         path: `${n}/statuses`,
         name: "webx.inbox.statuses",
-        component: () => import("./StatusesPage-Mra8TB7G.js"),
+        component: () => import("./StatusesPage-DKJmpZoG.js"),
         props: { base: n }
       },
       {
         path: `${n}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
-        component: () => import("./FormEditorPage-BoHzlFfz.js"),
+        component: () => import("./FormEditorPage-HsbIZcG_.js"),
         props: { base: n }
       },
       // A submission has an address of its own, not a dialog over the list (§11): it goes in
@@ -417,7 +424,7 @@ function al(a = {}) {
       {
         path: `${n}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: () => import("./SubmissionPage-DVNKYpWH.js"),
+        component: () => import("./SubmissionPage-BoE9jEhj.js"),
         props: { base: n }
       }
     ],
@@ -428,16 +435,16 @@ function al(a = {}) {
     }
   };
 }
-const me = /* @__PURE__ */ new WeakMap();
-function ye(a) {
+const he = /* @__PURE__ */ new WeakMap();
+function ke(a) {
   const n = `${a.apiPath}/inbox`, c = (t) => t.data, y = () => {
-  }, b = (t) => (me.delete(a.http), t);
-  function R() {
-    const t = me.get(a.http);
+  }, b = (t) => (he.delete(a.http), t);
+  function B() {
+    const t = he.get(a.http);
     if (t !== void 0)
       return t.then((g) => [...g]);
     const l = a.http.get(`${n}/statuses`).then(c);
-    return me.set(a.http, l), l.catch(() => me.delete(a.http)), l.then((g) => [...g]);
+    return he.set(a.http, l), l.catch(() => he.delete(a.http)), l.then((g) => [...g]);
   }
   return {
     forms: () => a.http.get(`${n}/forms`).then(c),
@@ -452,13 +459,13 @@ function ye(a) {
     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),
-    statuses: R,
+    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),
     recipients: () => a.http.get(`${n}/recipients`).then(c),
-    submissions: (t, l = {}) => a.http.get(`${n}/forms/${t}/submissions`, { query: ke(l) }).then((g) => ({
+    submissions: (t, l = {}) => a.http.get(`${n}/forms/${t}/submissions`, { query: Ae(l) }).then((g) => ({
       ...g.meta,
       data: g.data,
       columns: g.columns,
@@ -466,7 +473,7 @@ function ye(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: ke(l) }).then(c),
+    submission: (t, l = {}) => a.http.get(`${n}/submissions/${t}`, { query: Ae(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),
@@ -474,14 +481,14 @@ function ye(a) {
     massSubmissions: (t) => a.http.post(`${n}/submissions/mass`, t).then(c),
     exportUrl: (t, l = {}) => {
       const g = new URLSearchParams();
-      for (const [E, W] of Object.entries(ke(l)))
-        W != null && W !== "" && g.set(E, String(W));
-      const F = g.toString();
-      return `${n}/forms/${t}/submissions/export${F === "" ? "" : `?${F}`}`;
+      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}`}`;
     }
   };
 }
-function ke(a) {
+function Ae(a) {
   return {
     view: a.view === void 0 || a.view === "" ? void 0 : a.view,
     search: a.search === void 0 || a.search === "" ? void 0 : a.search,
@@ -493,7 +500,7 @@ function ke(a) {
   };
 }
 function sl(a, n, c) {
-  return $({
+  return T({
     get: () => a.value[n] ?? c,
     set: (y) => {
       const b = { ...a.value };
@@ -501,84 +508,84 @@ function sl(a, n, c) {
     }
   });
 }
-const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
+const Et = { class: "wx-inbox-by-hand" }, qt = /* @__PURE__ */ ne({
   __name: "SubmissionCreateDialog",
   props: {
     form: {}
   },
   setup(a) {
-    const n = a, { resolve: c, dismiss: y, open: b } = Be(), R = se(), t = ye(R), l = ue();
-    re();
-    const g = le("webx-inbox"), F = be(), E = A([]), W = A(!0), T = A(!1), S = A({}), v = A({}), M = $(() => E.value.filter((f) => f.type !== "file")), m = $(() => E.value.some((f) => f.type === "file"));
-    function C(f) {
-      return v.value[`fields.${f.key}`]?.[0];
+    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];
     }
-    function _(f) {
-      return ie(f.title, l.active.value, f.key);
+    function V(x) {
+      return de(x.title, l.active.value, x.key);
     }
-    function B(f, x = "") {
-      return ie(
-        f,
+    function W(x, _ = "") {
+      return de(
+        x,
         l.active.value,
-        x
+        _
       );
     }
-    function P(f) {
-      return (f.options.choices ?? []).map((x) => ({
-        value: x.value,
-        label: B(x.label, x.value)
+    function P(x) {
+      return (x.options.choices ?? []).map((_) => ({
+        value: _.value,
+        label: W(_.label, _.value)
       }));
     }
     async function X() {
       try {
-        const f = await t.form(n.form.id);
-        E.value = (f.fields ?? []).filter((x) => x.is_enabled);
-        for (const x of E.value)
-          S.value[x.key] = x.type === "checkbox" ? [] : x.type === "consent" ? !1 : "";
-      } catch (f) {
-        H.danger(F(f));
+        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));
       } finally {
-        W.value = !1;
+        $.value = !1;
       }
     }
     X();
     async function k() {
-      T.value = !0, v.value = {};
+      S.value = !0, v.value = {};
       try {
-        c(await t.createSubmission(n.form.id, S.value));
-      } catch (f) {
-        const x = f.body;
-        x?.errors ? (v.value = x.errors, H.danger(g("panel.failed"))) : H.danger(F(f));
+        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));
       } finally {
-        T.value = !1;
+        S.value = !1;
       }
     }
-    return (f, x) => (p(), w(e(Pe), {
+    return (x, _) => (m(), w(e(Le), {
       open: e(b),
-      "onUpdate:open": x[1] || (x[1] = (s) => Ee(b) ? b.value = s : null),
+      "onUpdate:open": _[1] || (_[1] = (u) => Be(b) ? b.value = u : null),
       title: e(g)("panel.new-submission-title"),
       width: 560
     }, {
-      footer: u(() => [
-        i(e(Le), { size: "sm" }, {
-          default: u(() => [
-            i(e(Q), {
+      footer: d(() => [
+        i(e(He), { size: "sm" }, {
+          default: d(() => [
+            i(e(te), {
               variant: "outline",
-              onClick: x[0] || (x[0] = (s) => e(y)())
+              onClick: _[0] || (_[0] = (u) => e(y)())
             }, {
-              default: u(() => [
-                q(I(e(g)("panel.cancel")), 1)
+              default: d(() => [
+                E(I(e(g)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            i(e(Q), {
+            i(e(te), {
               type: "primary",
-              loading: T.value,
-              disabled: W.value,
+              loading: S.value,
+              disabled: $.value,
               onClick: k
             }, {
-              default: u(() => [
-                q(I(e(g)("panel.save")), 1)
+              default: d(() => [
+                E(I(e(g)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -586,90 +593,90 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
           _: 1
         })
       ]),
-      default: u(() => [
-        D("div", Ft, [
-          i(e(Ne), {
+      default: d(() => [
+        G("div", Et, [
+          i(e(Ce), {
             type: "info",
             closable: !1
           }, {
-            default: u(() => [
-              q(I(e(g)("panel.new-submission-help")), 1)
+            default: d(() => [
+              E(I(e(g)("panel.new-submission-help")), 1)
             ]),
             _: 1
           }),
-          W.value ? (p(), w(e(lt), {
+          $.value ? (m(), w(e(lt), {
             key: 0,
             rows: 4
-          })) : (p(), O(Z, { key: 1 }, [
-            (p(!0), O(Z, null, qe(M.value, (s) => (p(), w(e(L), {
-              key: s.id,
-              label: _(s),
-              help: B(s.help),
-              error: C(s),
-              required: s.is_required
+          })) : (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
             }, {
-              default: u(() => [
-                s.type === "textarea" ? (p(), w(e(at), {
+              default: d(() => [
+                u.type === "textarea" ? (m(), w(e(at), {
                   key: 0,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  rows: s.options.rows ?? 4,
-                  placeholder: B(s.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : s.type === "select" ? (p(), w(e(he), {
+                  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), {
                   key: 1,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  options: P(s),
+                  modelValue: A.value[u.key],
+                  "onUpdate:modelValue": (R) => A.value[u.key] = R,
+                  options: P(u),
                   clearable: "",
-                  placeholder: B(s.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : s.type === "radio" ? (p(), w(e(st), {
+                  placeholder: W(u.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : u.type === "radio" ? (m(), w(e(nt), {
                   key: 2,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  options: P(s)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : s.type === "checkbox" ? (p(), w(e(nt), {
+                  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), {
                   key: 3,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  options: P(s)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : s.type === "consent" ? (p(), w(e(ee), {
+                  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), {
                   key: 4,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  label: B(s.options.text, _(s))
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : s.type === "date" ? (p(), w(e(_e), {
+                  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), {
                   key: 5,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  placeholder: B(s.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (p(), w(e(j), {
+                  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), {
                   key: 6,
-                  modelValue: S.value[s.key],
-                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
-                  type: s.type === "email" ? "email" : s.type === "tel" ? "tel" : "text",
-                  placeholder: B(s.placeholder),
-                  maxlength: s.options.maxlength
+                  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
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
               ]),
               _: 2
             }, 1032, ["label", "help", "error", "required"]))), 128)),
-            m.value ? (p(), w(e(Ne), {
+            p.value ? (m(), w(e(Ce), {
               key: 0,
               type: "warning",
               closable: !1
             }, {
-              default: u(() => [
-                q(I(e(g)("panel.no-files-by-hand")), 1)
+              default: d(() => [
+                E(I(e(g)("panel.no-files-by-hand")), 1)
               ]),
               _: 1
-            })) : U("", !0)
+            })) : N("", !0)
           ], 64))
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), qt = /* @__PURE__ */ de(Et, [["__scopeId", "data-v-72006299"]]), zt = { class: "wx-submissions__mass" }, Rt = { class: "wx-submissions__state" }, Bt = 640, Pt = /* @__PURE__ */ ae({
+}), zt = /* @__PURE__ */ me(qt, [["__scopeId", "data-v-72006299"]]), Rt = { class: "wx-submissions__mass" }, Bt = { class: "wx-submissions__state" }, Pt = 640, Ot = /* @__PURE__ */ ne({
   __name: "SubmissionList",
   props: {
     form: {},
@@ -677,36 +684,36 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
   },
   emits: ["changed"],
   setup(a, { expose: n, emit: c }) {
-    const y = a, b = c, R = se(), t = ye(R), l = wt(), g = kt(), F = ue();
-    re();
-    const E = et("root"), W = ot(E), T = $(() => W.value > 0 && W.value < Bt), S = $(() => T.value ? Number.POSITIVE_INFINITY : 0), v = le("webx-inbox"), M = le("webx-admin"), m = be(), C = A(null), _ = A([]), B = A(!1), P = A([]), X = A(!1), k = $(() => R.can("inbox.update")), f = Me(qt), x = $({
+    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({
       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 }
         });
       }
-    }), s = $(() => ({
-      view: x.value,
+    }), u = T(() => ({
+      view: _.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
-    })), z = $(
-      () => (C.value?.placements ?? []).map(
+    })), R = T(
+      () => (U.value?.placements ?? []).map(
         (o) => o === null ? { value: "none", label: v("panel.placement-none") } : { value: o, label: o }
       )
-    ), ge = $(
-      () => z.value.length > 1 || s.value.placement !== null
-    ), J = $(() => {
-      const o = s.value.placement;
+    ), _e = T(
+      () => R.value.length > 1 || u.value.placement !== null
+    ), ie = T(() => {
+      const o = u.value.placement;
       if (o === null) return [];
-      const N = z.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" ? v("panel.placement-none") : o);
       return [
         {
           key: "placement",
-          label: `${v("panel.meta-placement")}: ${N}`,
+          label: `${v("panel.meta-placement")}: ${F}`,
           clear: () => K(void 0)
         }
       ];
@@ -720,29 +727,29 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
         }
       });
     }
-    const xe = $(() => {
-      const o = C.value?.counts, N = [
+    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 }
       ];
-      for (const h of _.value)
-        N.push({
+      for (const h of V.value)
+        F.push({
           value: h.key,
-          label: G(h),
+          label: j(h),
           badge: o?.statuses[h.key] || void 0
         });
-      return N;
+      return F;
     });
-    function V(o, N) {
-      const h = C.value?.columns?.[N];
+    function O(o, F) {
+      const h = U.value?.columns?.[F];
       return h ? o.values[h.key] ?? "" : "";
     }
-    const r = $(() => {
-      const o = C.value?.columns ?? [];
-      return T.value ? [{ key: "card", label: "" }] : [
-        ...o.map((N, h) => ({
-          key: `values.${N.key}`,
-          label: N.label,
+    const Ve = T(() => {
+      const o = U.value?.columns ?? [];
+      return S.value ? [{ key: "card", label: "" }] : [
+        ...o.map((F, h) => ({
+          key: `values.${F.key}`,
+          label: F.label,
           sortable: !0,
           // The first answer is what the row is recognised by and stays at any width; every one
           // after it is worth less than the room it takes, so it goes a step sooner. The steps are
@@ -769,62 +776,62 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
         },
         { key: "actions", label: "", width: yt, align: "right", hideOnCards: !0 }
       ];
-    }), d = $(
-      () => s.value.view === "all" && s.value.search === "" && s.value.assignee === null && s.value.placement === null ? v("panel.submissions-empty") : v("panel.submissions-none")
-    ), Y = $(
-      () => _.value.map((o) => ({ value: o.id, label: G(o) }))
-    ), G = Vt();
-    function De() {
-      return ie(y.form.title, F.active.value, y.form.slug);
+    }), 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);
     }
-    async function ce(o) {
-      B.value = !0;
+    async function f(o) {
+      W.value = !0;
       try {
-        C.value = await t.submissions(y.form.id, {
-          view: s.value.view,
-          search: o?.search ?? s.value.search,
-          assignee: s.value.assignee,
-          placement: s.value.placement,
+        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,
           sort: o?.sort ? `${o.sort.order === "desc" ? "-" : ""}${o.sort.key}` : null,
-          page: o?.page ?? s.value.page,
+          page: o?.page ?? u.value.page,
           per_page: o?.perPage
         });
-      } catch (N) {
-        H.danger(m(N));
+      } catch (F) {
+        Y.danger(p(F));
       } finally {
-        B.value = !1;
+        W.value = !1;
       }
     }
-    function He(o) {
-      const N = {
+    function s(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: N }), ce(o);
+      g.replace({ query: F }), f(o);
     }
-    $e([() => y.form.id, x, () => s.value.assignee, () => s.value.placement], () => {
-      P.value = [], ce();
-    }), Xe();
-    async function Xe() {
+    ve([() => y.form.id, _, () => u.value.assignee, () => u.value.placement], () => {
+      P.value = [], f();
+    }), r();
+    async function r() {
       try {
-        _.value = await t.statuses();
+        V.value = await t.statuses();
       } catch (o) {
-        H.danger(m(o));
+        Y.danger(p(o));
       }
     }
-    function Ge(o) {
+    function H(o) {
       g.push({ path: `${y.base}/submissions/${o.id}`, query: { ...l.query } });
     }
-    function Ce(o) {
+    function J(o) {
       return k.value ? [
         {
           key: "read",
           icon: o.is_read ? "eye-off" : "eye",
           label: o.is_read ? v("panel.mark-unread") : v("panel.mark-read"),
           run: () => {
-            we([o.id], o.is_read ? "unread" : "read");
+            Se([o.id], o.is_read ? "unread" : "read");
           }
         },
         {
@@ -833,179 +840,179 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
           label: v("panel.delete"),
           danger: !0,
           run: () => {
-            Ae([o.id]);
+            Ie([o.id]);
           }
         }
       ] : [];
     }
     async function Ye(o) {
-      typeof o == "number" && (X.value = !0, await we(
-        P.value.map((N) => N.id),
+      typeof o == "number" && (X.value = !0, await Se(
+        P.value.map((F) => F.id),
         "status",
         o
       ), X.value = !1);
     }
-    async function Ae(o) {
-      await Oe({
+    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"),
         tone: "danger"
-      }) && await we(o, "delete");
+      }) && await Se(o, "delete");
     }
-    async function we(o, N, h) {
+    async function Se(o, F, h) {
       if (o.length !== 0)
         try {
-          await t.massSubmissions({ ids: o, action: N, status_id: h }), P.value = [], await ce(), b("changed");
-        } catch (ne) {
-          H.danger(m(ne));
+          await t.massSubmissions({ ids: o, action: F, status_id: h }), P.value = [], await f(), b("changed");
+        } catch (ue) {
+          Y.danger(p(ue));
         }
     }
     async function je() {
-      const o = await f({ form: y.form });
-      o && (H.success(v("panel.created")), await ce(), b("changed"), g.push({ path: `${y.base}/submissions/${o.id}`, query: { ...l.query } }));
+      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 Ke = $(
+    const Ke = T(
       () => t.exportUrl(y.form.id, {
-        view: s.value.view,
-        search: s.value.search,
-        assignee: s.value.assignee,
-        placement: s.value.placement,
-        sort: s.value.sort
+        view: u.value.view,
+        search: u.value.search,
+        assignee: u.value.assignee,
+        placement: u.value.placement,
+        sort: u.value.sort
       })
-    ), Ze = $(() => [
+    ), Ze = T(() => [
       { key: "export", label: v("panel.export"), icon: "download", href: Ke.value }
     ]);
-    return n({ create: je }), (o, N) => (p(), O("div", {
+    return n({ create: je }), (o, F) => (m(), D("div", {
       ref_key: "root",
-      ref: E,
+      ref: z,
       class: "wx-submissions"
     }, [
       i(e(gt), {
         class: "wx-submissions__head",
         level: 3,
-        title: De(),
+        title: $e(),
         subtitle: a.form.slug,
         actions: Ze.value
       }, null, 8, ["title", "subtitle", "actions"]),
       i(e(it), {
-        modelValue: x.value,
-        "onUpdate:modelValue": N[2] || (N[2] = (h) => x.value = h),
+        modelValue: _.value,
+        "onUpdate:modelValue": F[2] || (F[2] = (h) => _.value = h),
         class: "wx-submissions__views",
-        items: xe.value,
+        items: pe.value,
         "collapse-below": 560,
         "aria-label": e(v)("panel.status")
       }, {
-        default: u(() => [
+        default: d(() => [
           i(e(ut), {
-            data: C.value,
-            columns: r.value,
+            data: U.value,
+            columns: Ve.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
             hover: "",
             flush: "",
-            loading: B.value,
+            loading: W.value,
             "loading-text": e(v)("panel.loading"),
             selectable: k.value,
-            "select-row-label": e(M)("filters.select-row"),
-            "select-all-label": e(M)("filters.select-all"),
+            "select-row-label": e(L)("filters.select-row"),
+            "select-all-label": e(L)("filters.select-all"),
             "row-class": (h) => h.is_read ? void 0 : "is-unread",
             "search-placeholder": e(v)("panel.search-submissions"),
-            "empty-text": d.value,
-            "cards-below": S.value,
-            "filters-count": J.value.length,
-            onRowClick: Ge,
-            onStateChange: He,
-            onSelectionChange: N[1] || (N[1] = (h, ne) => P.value = ne)
-          }, ze({
-            "cell-status": u(({ row: h }) => [
-              D("div", Rt, [
-                h.status ? (p(), w(e(pe), {
+            "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({
+            "cell-status": d(({ row: h }) => [
+              G("div", Bt, [
+                h.status ? (m(), w(e(be), {
                   key: 0,
                   type: h.status.color
                 }, {
-                  default: u(() => [
-                    q(I(e(G)(h.status)), 1)
+                  default: d(() => [
+                    E(I(e(j)(h.status)), 1)
                   ]),
                   _: 2
-                }, 1032, ["type"])) : U("", !0),
-                h.assignee ? (p(), w(e(Ue), {
+                }, 1032, ["type"])) : N("", !0),
+                h.assignee ? (m(), w(e(Ee), {
                   key: 1,
                   name: h.assignee.name,
                   title: h.assignee.name,
                   size: "xs",
                   tone: "auto"
-                }, null, 8, ["name", "title"])) : U("", !0),
-                h.files_count > 0 ? (p(), w(e(dt), {
+                }, null, 8, ["name", "title"])) : N("", !0),
+                h.files_count > 0 ? (m(), w(e(dt), {
                   key: 2,
                   content: e(v)("panel.attachments")
                 }, {
-                  default: u(() => [
-                    i(e(ve), {
+                  default: d(() => [
+                    i(e(ge), {
                       name: "file",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : U("", !0)
+                }, 8, ["content"])) : N("", !0)
               ])
             ]),
-            "cell-created_at": u(({ row: h }) => [
-              i(e(Ie), {
+            "cell-created_at": d(({ row: h }) => [
+              i(e(ze), {
                 value: h.created_at,
                 compact: ""
               }, null, 8, ["value"])
             ]),
-            "cell-card": u(({ row: h }) => [
+            "cell-card": d(({ row: h }) => [
               i(e(rt), {
                 variant: "plain",
                 shape: "circle",
-                title: V(h, 0)
+                title: O(h, 0)
               }, {
-                subtitle: u(() => [
-                  q(I(V(h, 1)), 1)
+                subtitle: d(() => [
+                  E(I(O(h, 1)), 1)
                 ]),
-                meta: u(() => [
-                  h.status ? (p(), w(e(pe), {
+                meta: d(() => [
+                  h.status ? (m(), w(e(be), {
                     key: 0,
                     type: h.status.color,
                     size: "sm"
                   }, {
-                    default: u(() => [
-                      q(I(e(G)(h.status)), 1)
+                    default: d(() => [
+                      E(I(e(j)(h.status)), 1)
                     ]),
                     _: 2
-                  }, 1032, ["type"])) : U("", !0),
-                  h.assignee ? (p(), w(e(Ue), {
+                  }, 1032, ["type"])) : N("", !0),
+                  h.assignee ? (m(), w(e(Ee), {
                     key: 1,
                     name: h.assignee.name,
                     title: h.assignee.name,
                     size: "xs",
                     tone: "auto"
-                  }, null, 8, ["name", "title"])) : U("", !0),
-                  h.files_count > 0 ? (p(), w(e(ve), {
+                  }, null, 8, ["name", "title"])) : N("", !0),
+                  h.files_count > 0 ? (m(), w(e(ge), {
                     key: 2,
                     name: "file",
                     size: "sm"
-                  })) : U("", !0),
-                  i(e(Ie), {
+                  })) : N("", !0),
+                  i(e(ze), {
                     value: h.created_at
                   }, null, 8, ["value"])
                 ]),
                 _: 2
               }, 1032, ["title"])
             ]),
-            "card-actions": u(({ row: h }) => [
-              i(e(Ve), {
-                actions: Ce(h),
+            "card-actions": d(({ row: h }) => [
+              i(e(Ue), {
+                actions: J(h),
                 label: String(h.id)
               }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": u(({ row: h }) => [
-              i(e(Ve), {
-                actions: Ce(h),
+            "cell-actions": d(({ row: h }) => [
+              i(e(Ue), {
+                actions: J(h),
                 label: String(h.id)
               }, null, 8, ["actions", "label"])
             ]),
@@ -1013,35 +1020,34 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
           }, [
             P.value.length > 0 ? {
               name: "actions",
-              fn: u(() => [
-                D("div", zt, [
-                  i(e(te), {
+              fn: d(() => [
+                G("div", Rt, [
+                  i(e(ee), {
                     size: "sm",
                     weight: "medium"
                   }, {
-                    default: u(() => [
-                      q(I(e(v)("panel.selected", { count: P.value.length })), 1)
+                    default: d(() => [
+                      E(I(e(v)("panel.selected", { count: P.value.length })), 1)
                     ]),
                     _: 1
                   }),
-                  i(e(he), {
+                  i(e(ye), {
                     "model-value": null,
-                    options: Y.value,
+                    options: fe.value,
                     placeholder: e(v)("panel.move-to"),
                     disabled: X.value,
                     size: "sm",
                     style: { width: "180px" },
                     "onUpdate:modelValue": Ye
                   }, null, 8, ["options", "placeholder", "disabled"]),
-                  i(e(Q), {
+                  i(e(te), {
                     size: "sm",
                     variant: "outline",
                     type: "danger",
-                    icon: "trash",
-                    onClick: N[0] || (N[0] = (h) => Ae(P.value.map((ne) => ne.id)))
+                    onClick: F[0] || (F[0] = (h) => Ie(P.value.map((ue) => ue.id)))
                   }, {
-                    default: u(() => [
-                      q(I(e(v)("panel.delete")), 1)
+                    default: d(() => [
+                      E(I(e(v)("panel.delete")), 1)
                     ]),
                     _: 1
                   })
@@ -1049,16 +1055,16 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
               ]),
               key: "0"
             } : void 0,
-            ge.value ? {
+            _e.value ? {
               name: "filters",
-              fn: u(() => [
-                i(e(L), {
+              fn: d(() => [
+                i(e(M), {
                   label: e(v)("panel.meta-placement")
                 }, {
-                  default: u(() => [
-                    i(e(he), {
-                      "model-value": s.value.placement,
-                      options: z.value,
+                  default: d(() => [
+                    i(e(ye), {
+                      "model-value": u.value.placement,
+                      options: R.value,
                       placeholder: e(v)("panel.any-placement"),
                       clearable: "",
                       size: "sm",
@@ -1070,10 +1076,10 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
               ]),
               key: "1"
             } : void 0,
-            J.value.length > 0 ? {
+            ie.value.length > 0 ? {
               name: "applied",
-              fn: u(() => [
-                i(e(xt), { filters: J.value }, null, 8, ["filters"])
+              fn: d(() => [
+                i(e(xt), { filters: ie.value }, null, 8, ["filters"])
               ]),
               key: "2"
             } : void 0
@@ -1083,9 +1089,9 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
       }, 8, ["modelValue", "items", "aria-label"])
     ], 512));
   }
-}), nl = /* @__PURE__ */ de(Pt, [["__scopeId", "data-v-b23e9ac8"]]), Lt = /* @__PURE__ */ ae({
+}), ol = /* @__PURE__ */ me(Ot, [["__scopeId", "data-v-f6cb49f1"]]), Mt = /* @__PURE__ */ ne({
   __name: "LocalizedRichText",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Fe({
     placeholder: { default: void 0 },
     minHeight: { default: "160px" }
   }, {
@@ -1094,10 +1100,10 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = Te(a, "modelValue"), c = a, y = ue(), b = $(() => {
+    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 ?? "";
-    }), R = $({
+    }), B = T({
       get: () => {
         const t = n.value;
         return typeof t == "string" ? b.value === "" || b.value === y.list.value[0]?.code ? t : "" : t[b.value] ?? "";
@@ -1111,25 +1117,25 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
         n.value = { ...l, [b.value]: t };
       }
     });
-    return (t, l) => e(y).list.value.length > 0 ? (p(), w(e(ct), { key: 0 }, {
-      default: u(() => [
-        i(e(We), {
-          modelValue: R.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (g) => R.value = g),
+    return (t, l) => e(y).list.value.length > 0 ? (m(), w(e(ct), { key: 0 }, {
+      default: d(() => [
+        i(e(qe), {
+          modelValue: B.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (g) => B.value = g),
           placeholder: c.placeholder,
           "min-height": c.minHeight
         }, null, 8, ["modelValue", "placeholder", "min-height"])
       ]),
       _: 1
-    })) : (p(), w(e(We), {
+    })) : (m(), w(e(qe), {
       key: 1,
-      modelValue: R.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (g) => R.value = g),
+      modelValue: B.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (g) => B.value = g),
       placeholder: c.placeholder,
       "min-height": c.minHeight
     }, null, 8, ["modelValue", "placeholder", "min-height"]));
   }
-}), Mt = [
+}), Dt = [
   "text",
   "email",
   "tel",
@@ -1141,108 +1147,133 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
   "date",
   "file",
   "hidden"
-], ol = ["default", "primary", "success", "warning", "info", "danger"], Ot = { class: "wx-inbox-field-form" }, Dt = { class: "wx-inbox-field-form__row" }, Ht = {
+], il = ["default", "primary", "success", "warning", "info", "danger"], Lt = { class: "wx-inbox-field-form" }, Ht = {
   key: 2,
   class: "wx-inbox-choices"
-}, Xt = { class: "wx-inbox-field-form__row" }, Gt = { class: "wx-inbox-field-form__checks" }, Yt = /* @__PURE__ */ ae({
+}, Xt = { class: "wx-inbox-field-form__row" }, Gt = { class: "wx-inbox-field-form__checks" }, Yt = { class: "wx-inbox-field-form__advanced" }, jt = /* @__PURE__ */ ne({
   __name: "FieldDialog",
   props: {
     field: {},
-    form: {}
+    form: {},
+    taken: { default: () => [] }
   },
   setup(a) {
-    const n = a, { resolve: c, dismiss: y, open: b } = Be(), R = se(), t = ye(R);
-    re();
-    const l = le("webx-inbox"), g = be(), F = A(!1), E = A({}), W = A(""), T = A("text"), S = A({}), v = A({}), M = A({}), m = A({}), C = A(!0), _ = A(!1), B = A(!0), P = A(!1);
-    $e(
+    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(
       () => n.field,
-      (V) => {
-        W.value = V?.name ?? "", T.value = V?.type ?? "text", S.value = { ...V?.title ?? {} }, v.value = { ...V?.placeholder ?? {} }, M.value = { ...V?.help ?? {} }, m.value = { ...V?.options ?? {} }, C.value = V?.is_enabled ?? !0, _.value = V?.is_required ?? !1, B.value = V?.is_fullsize ?? !0, P.value = V?.in_table ?? !1, E.value = {};
+      (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 = {};
       },
       { immediate: !0 }
     );
-    const X = $(
-      () => Mt.map((V) => ({ value: V, label: l(`fields.type-${V}`) }))
-    ), k = $(() => ["select", "radio", "checkbox"].includes(T.value)), f = $(
-      () => Array.isArray(m.value.choices) ? m.value.choices : []
-    ), x = $({
-      get: () => Array.isArray(m.value.extensions) ? m.value.extensions : [],
-      set: (V) => s(
+    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 _(f) {
+      let s = wt(f, "_").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;
+    }
+    ve(
+      () => x(A.value),
+      (f) => {
+        U.value || ($.value = _(f));
+      }
+    );
+    function u(f) {
+      $.value = f, U.value = f.trim() !== "", U.value || ($.value = _(x(A.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(
         "extensions",
-        V.map((r) => r.replace(/^\./, ""))
+        f.map((s) => s.replace(/^\./, ""))
       )
     });
-    function s(V, r) {
-      m.value = { ...m.value, [V]: r };
+    function O(f, s) {
+      p.value = { ...p.value, [f]: s };
     }
-    function z() {
-      s("choices", [...f.value, { value: "", label: {} }]);
+    function Ve() {
+      O("choices", [...K.value, { value: "", label: {} }]);
     }
-    function ge(V) {
-      s(
+    function Te(f) {
+      O(
         "choices",
-        f.value.filter((r, d) => d !== V)
+        K.value.filter((s, r) => r !== f)
       );
     }
-    function J(V, r) {
-      s(
+    function fe(f, s) {
+      O(
         "choices",
-        f.value.map((d, Y) => Y === V ? { ...d, ...r } : d)
+        K.value.map((r, H) => H === f ? { ...r, ...s } : r)
       );
     }
-    function K(V) {
-      return E.value[V]?.[0];
+    function j(f) {
+      return z.value[f]?.[0];
     }
-    async function xe() {
-      F.value = !0, E.value = {};
-      const V = {
-        name: W.value.trim() === "" ? null : W.value.trim(),
-        type: T.value,
-        title: S.value,
+    async function $e() {
+      q.value = !0, z.value = {};
+      const f = {
+        name: $.value.trim() === "" ? null : $.value.trim(),
+        type: S.value,
+        title: A.value,
         placeholder: v.value,
-        help: M.value,
-        options: m.value,
-        is_enabled: C.value,
-        is_required: _.value,
-        is_fullsize: B.value,
-        in_table: P.value
+        help: L.value,
+        options: p.value,
+        is_enabled: W.value,
+        is_required: P.value,
+        is_fullsize: X.value,
+        in_table: k.value
       };
       try {
         c(
-          n.field === null ? await t.createField(n.form.id, V) : await t.saveField(n.field.id, V)
+          n.field === null ? await t.createField(n.form.id, f) : await t.saveField(n.field.id, f)
         );
-      } catch (r) {
-        const d = r.body;
-        d?.errors ? (E.value = d.errors, H.danger(l("panel.failed"))) : H.danger(g(r));
+      } catch (s) {
+        const r = s.body;
+        r?.errors ? (z.value = r.errors, Y.danger(l("panel.failed"))) : Y.danger(g(s));
       } finally {
-        F.value = !1;
+        q.value = !1;
       }
     }
-    return (V, r) => (p(), w(e(Pe), {
+    return (f, s) => (m(), w(e(Le), {
       open: e(b),
-      "onUpdate:open": r[21] || (r[21] = (d) => Ee(b) ? b.value = d : null),
+      "onUpdate:open": s[21] || (s[21] = (r) => Be(b) ? b.value = r : null),
       title: a.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
       width: 720
     }, {
-      footer: u(() => [
-        i(e(Le), { size: "sm" }, {
-          default: u(() => [
-            i(e(Q), {
+      footer: d(() => [
+        i(e(He), { size: "sm" }, {
+          default: d(() => [
+            i(e(te), {
               variant: "outline",
-              onClick: r[20] || (r[20] = (d) => e(y)())
+              onClick: s[20] || (s[20] = (r) => e(y)())
             }, {
-              default: u(() => [
-                q(I(e(l)("fields.cancel")), 1)
+              default: d(() => [
+                E(I(e(l)("fields.cancel")), 1)
               ]),
               _: 1
             }),
-            i(e(Q), {
+            i(e(te), {
               type: "primary",
-              loading: F.value,
-              onClick: xe
+              loading: q.value,
+              onClick: $e
             }, {
-              default: u(() => [
-                q(I(e(l)("fields.save")), 1)
+              default: d(() => [
+                E(I(e(l)("fields.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1250,314 +1281,330 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
           _: 1
         })
       ]),
-      default: u(() => [
-        D("div", Ot, [
-          D("div", Dt, [
-            i(e(L), {
-              label: e(l)("fields.type")
-            }, {
-              default: u(() => [
-                i(e(he), {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": r[0] || (r[0] = (d) => T.value = d),
-                  options: X.value
-                }, null, 8, ["modelValue", "options"])
-              ]),
-              _: 1
-            }, 8, ["label"]),
-            i(e(L), {
-              label: e(l)("fields.name"),
-              help: e(l)("fields.name-help"),
-              error: K("name")
-            }, {
-              default: u(() => [
-                i(e(j), {
-                  modelValue: W.value,
-                  "onUpdate:modelValue": r[1] || (r[1] = (d) => W.value = d),
-                  placeholder: "email"
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }, 8, ["label", "help", "error"])
-          ]),
-          i(e(L), {
+      default: d(() => [
+        G("div", Lt, [
+          i(e(M), {
+            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
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          i(e(M), {
             label: e(l)("fields.title"),
-            error: K("title"),
+            error: j("title"),
             required: ""
           }, {
-            default: u(() => [
-              i(e(j), {
-                modelValue: S.value,
-                "onUpdate:modelValue": r[2] || (r[2] = (d) => S.value = d),
+            default: d(() => [
+              i(e(Z), {
+                modelValue: A.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (r) => A.value = r),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          T.value !== "hidden" ? (p(), O(Z, { key: 0 }, [
-            T.value !== "consent" ? (p(), w(e(L), {
+          S.value !== "hidden" ? (m(), D(Q, { key: 0 }, [
+            S.value !== "consent" ? (m(), w(e(M), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
-              default: u(() => [
-                i(e(j), {
+              default: d(() => [
+                i(e(Z), {
                   modelValue: v.value,
-                  "onUpdate:modelValue": r[3] || (r[3] = (d) => v.value = d),
+                  "onUpdate:modelValue": s[2] || (s[2] = (r) => v.value = r),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["label"])) : U("", !0),
-            i(e(L), {
+            }, 8, ["label"])) : N("", !0),
+            i(e(M), {
               label: e(l)("fields.help")
             }, {
-              default: u(() => [
-                i(e(j), {
-                  modelValue: M.value,
-                  "onUpdate:modelValue": r[4] || (r[4] = (d) => M.value = d),
+              default: d(() => [
+                i(e(Z), {
+                  modelValue: L.value,
+                  "onUpdate:modelValue": s[3] || (s[3] = (r) => L.value = r),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label"])
-          ], 64)) : U("", !0),
-          T.value === "consent" ? (p(), w(e(L), {
+          ], 64)) : N("", !0),
+          S.value === "consent" ? (m(), w(e(M), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
           }, {
-            default: u(() => [
-              i(Lt, {
-                "model-value": m.value.text ?? {},
+            default: d(() => [
+              i(Mt, {
+                "model-value": p.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": r[5] || (r[5] = (d) => s("text", d))
+                "onUpdate:modelValue": s[4] || (s[4] = (r) => O("text", r))
               }, null, 8, ["model-value"])
             ]),
             _: 1
-          }, 8, ["label", "help"])) : U("", !0),
-          k.value ? (p(), O("div", Ht, [
-            i(e(te), {
+          }, 8, ["label", "help"])) : N("", !0),
+          ie.value ? (m(), D("div", Ht, [
+            i(e(ee), {
               size: "sm",
               weight: "medium"
             }, {
-              default: u(() => [
-                q(I(e(l)("fields.choices")), 1)
+              default: d(() => [
+                E(I(e(l)("fields.choices")), 1)
               ]),
               _: 1
             }),
-            f.value.length === 0 ? (p(), w(e(te), {
+            K.value.length === 0 ? (m(), w(e(ee), {
               key: 0,
               size: "sm",
               tone: "placeholder"
             }, {
-              default: u(() => [
-                q(I(e(l)("fields.no-choices")), 1)
+              default: d(() => [
+                E(I(e(l)("fields.no-choices")), 1)
               ]),
               _: 1
-            })) : U("", !0),
-            (p(!0), O(Z, null, qe(f.value, (d, Y) => (p(), O("div", {
-              key: Y,
+            })) : N("", !0),
+            (m(!0), D(Q, null, Pe(K.value, (r, H) => (m(), D("div", {
+              key: H,
               class: "wx-inbox-choices__row"
             }, [
-              i(e(j), {
-                "model-value": d.value,
+              i(e(Z), {
+                "model-value": r.value,
                 placeholder: e(l)("fields.choice-value"),
-                "onUpdate:modelValue": (G) => J(Y, { value: String(G) })
+                "onUpdate:modelValue": (J) => fe(H, { value: String(J) })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              i(e(j), {
-                "model-value": d.label,
+              i(e(Z), {
+                "model-value": r.label,
                 localized: "",
                 placeholder: e(l)("fields.choice-label"),
-                "onUpdate:modelValue": (G) => J(Y, { label: G })
+                "onUpdate:modelValue": (J) => fe(H, { label: J })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              i(e(Re), {
+              i(e(Me), {
                 icon: "trash",
                 title: e(l)("fields.delete"),
-                onClick: (G) => ge(Y)
+                onClick: (J) => Te(H)
               }, null, 8, ["title", "onClick"])
             ]))), 128)),
-            i(e(Q), {
+            i(e(te), {
               variant: "outline",
               size: "sm",
-              onClick: z
+              onClick: Ve
             }, {
-              icon: u(() => [
-                i(e(ve), { name: "plus" })
+              icon: d(() => [
+                i(e(ge), { name: "plus" })
               ]),
-              default: u(() => [
-                q(" " + I(e(l)("fields.add-choice")), 1)
+              default: d(() => [
+                E(" " + I(e(l)("fields.add-choice")), 1)
               ]),
               _: 1
             }),
-            K("options.choices") ? (p(), w(e(te), {
+            j("options.choices") ? (m(), w(e(ee), {
               key: 1,
               size: "sm",
               tone: "danger"
             }, {
-              default: u(() => [
-                q(I(K("options.choices")), 1)
+              default: d(() => [
+                E(I(j("options.choices")), 1)
               ]),
               _: 1
-            })) : U("", !0)
-          ])) : U("", !0),
-          D("div", Xt, [
-            T.value === "textarea" ? (p(), w(e(L), {
+            })) : N("", !0)
+          ])) : N("", !0),
+          G("div", Xt, [
+            S.value === "textarea" ? (m(), w(e(M), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
-              default: u(() => [
-                i(e(oe), {
-                  "model-value": m.value.rows ?? 5,
+              default: d(() => [
+                i(e(re), {
+                  "model-value": p.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": r[6] || (r[6] = (d) => s("rows", d))
+                  "onUpdate:modelValue": s[5] || (s[5] = (r) => O("rows", r))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : U("", !0),
-            ["text", "email", "textarea"].includes(T.value) ? (p(), w(e(L), {
+            }, 8, ["label"])) : N("", !0),
+            ["text", "email", "textarea"].includes(S.value) ? (m(), w(e(M), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
-              default: u(() => [
-                i(e(oe), {
-                  "model-value": m.value.maxlength ?? null,
+              default: d(() => [
+                i(e(re), {
+                  "model-value": p.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": r[7] || (r[7] = (d) => s("maxlength", d))
+                  "onUpdate:modelValue": s[6] || (s[6] = (r) => O("maxlength", r))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : U("", !0),
-            T.value === "tel" ? (p(), w(e(L), {
+            }, 8, ["label"])) : N("", !0),
+            S.value === "tel" ? (m(), w(e(M), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
             }, {
-              default: u(() => [
-                i(e(j), {
-                  "model-value": m.value.pattern ?? "",
-                  "onUpdate:modelValue": r[8] || (r[8] = (d) => s("pattern", d))
+              default: d(() => [
+                i(e(Z), {
+                  "model-value": p.value.pattern ?? "",
+                  "onUpdate:modelValue": s[7] || (s[7] = (r) => O("pattern", r))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label", "help"])) : U("", !0),
-            T.value === "date" ? (p(), O(Z, { key: 3 }, [
-              i(e(L), {
+            }, 8, ["label", "help"])) : N("", !0),
+            S.value === "date" ? (m(), D(Q, { key: 3 }, [
+              i(e(M), {
                 label: e(l)("fields.earliest")
               }, {
-                default: u(() => [
-                  i(e(_e), {
+                default: d(() => [
+                  i(e(Ne), {
                     clearable: "",
-                    "model-value": m.value.min ?? null,
-                    "onUpdate:modelValue": r[9] || (r[9] = (d) => s("min", d))
+                    "model-value": p.value.min ?? null,
+                    "onUpdate:modelValue": s[8] || (s[8] = (r) => O("min", r))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              i(e(L), {
+              i(e(M), {
                 label: e(l)("fields.latest")
               }, {
-                default: u(() => [
-                  i(e(_e), {
+                default: d(() => [
+                  i(e(Ne), {
                     clearable: "",
-                    "model-value": m.value.max ?? null,
-                    "onUpdate:modelValue": r[10] || (r[10] = (d) => s("max", d))
+                    "model-value": p.value.max ?? null,
+                    "onUpdate:modelValue": s[9] || (s[9] = (r) => O("max", r))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : U("", !0),
-            T.value === "checkbox" ? (p(), O(Z, { key: 4 }, [
-              i(e(L), {
+            ], 64)) : N("", !0),
+            S.value === "checkbox" ? (m(), D(Q, { key: 4 }, [
+              i(e(M), {
                 label: e(l)("fields.min-choices")
               }, {
-                default: u(() => [
-                  i(e(oe), {
-                    "model-value": m.value.min ?? null,
+                default: d(() => [
+                  i(e(re), {
+                    "model-value": p.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": r[11] || (r[11] = (d) => s("min", d))
+                    "onUpdate:modelValue": s[10] || (s[10] = (r) => O("min", r))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              i(e(L), {
+              i(e(M), {
                 label: e(l)("fields.max-choices")
               }, {
-                default: u(() => [
-                  i(e(oe), {
-                    "model-value": m.value.max ?? null,
+                default: d(() => [
+                  i(e(re), {
+                    "model-value": p.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": r[12] || (r[12] = (d) => s("max", d))
+                    "onUpdate:modelValue": s[11] || (s[11] = (r) => O("max", r))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : U("", !0),
-            T.value === "file" ? (p(), w(e(L), {
+            ], 64)) : N("", !0),
+            S.value === "file" ? (m(), w(e(M), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
-              default: u(() => [
-                i(e(oe), {
-                  "model-value": m.value.max_size ?? null,
+              default: d(() => [
+                i(e(re), {
+                  "model-value": p.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": r[13] || (r[13] = (d) => s("max_size", d))
+                  "onUpdate:modelValue": s[12] || (s[12] = (r) => O("max_size", r))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : U("", !0)
+            }, 8, ["label"])) : N("", !0)
           ]),
-          T.value === "file" ? (p(), O(Z, { key: 3 }, [
-            i(e(L), {
+          S.value === "file" ? (m(), D(Q, { key: 3 }, [
+            i(e(M), {
               label: e(l)("fields.extensions"),
               help: e(l)("fields.extensions-help")
             }, {
-              default: u(() => [
+              default: d(() => [
                 i(e(mt), {
-                  modelValue: x.value,
-                  "onUpdate:modelValue": r[14] || (r[14] = (d) => x.value = d)
+                  modelValue: pe.value,
+                  "onUpdate:modelValue": s[13] || (s[13] = (r) => pe.value = r)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help"]),
-            i(e(ee), {
-              "model-value": !!m.value.multiple,
+            i(e(le), {
+              "model-value": !!p.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": r[15] || (r[15] = (d) => s("multiple", d))
+              "onUpdate:modelValue": s[14] || (s[14] = (r) => O("multiple", r))
             }, null, 8, ["model-value", "label"])
-          ], 64)) : U("", !0),
-          D("div", Gt, [
-            i(e(ee), {
-              modelValue: C.value,
-              "onUpdate:modelValue": r[16] || (r[16] = (d) => C.value = d),
+          ], 64)) : N("", !0),
+          G("div", Gt, [
+            i(e(le), {
+              modelValue: W.value,
+              "onUpdate:modelValue": s[15] || (s[15] = (r) => W.value = r),
               label: e(l)("fields.is-enabled")
             }, null, 8, ["modelValue", "label"]),
-            i(e(ee), {
-              modelValue: _.value,
-              "onUpdate:modelValue": r[17] || (r[17] = (d) => _.value = d),
+            i(e(le), {
+              modelValue: P.value,
+              "onUpdate:modelValue": s[16] || (s[16] = (r) => P.value = r),
               label: e(l)("fields.is-required")
             }, null, 8, ["modelValue", "label"]),
-            T.value !== "hidden" ? (p(), w(e(ee), {
+            S.value !== "hidden" ? (m(), w(e(le), {
               key: 0,
-              modelValue: B.value,
-              "onUpdate:modelValue": r[18] || (r[18] = (d) => B.value = d),
+              modelValue: X.value,
+              "onUpdate:modelValue": s[17] || (s[17] = (r) => X.value = r),
               label: e(l)("fields.is-fullsize")
-            }, null, 8, ["modelValue", "label"])) : U("", !0),
-            i(e(ee), {
-              modelValue: P.value,
-              "onUpdate:modelValue": r[19] || (r[19] = (d) => P.value = d),
+            }, null, 8, ["modelValue", "label"])) : N("", !0),
+            i(e(le), {
+              modelValue: k.value,
+              "onUpdate:modelValue": s[18] || (s[18] = (r) => k.value = r),
               label: e(l)("fields.in-table")
             }, null, 8, ["modelValue", "label"])
+          ]),
+          G("section", Yt, [
+            i(e(ee), {
+              size: "sm",
+              weight: "medium",
+              tone: "muted"
+            }, {
+              default: d(() => [
+                E(I(e(l)("fields.advanced")), 1)
+              ]),
+              _: 1
+            }),
+            i(e(M), {
+              label: e(l)("fields.name"),
+              help: e(l)("fields.name-help", { name: $.value.trim() || "name" }),
+              error: j("name")
+            }, {
+              default: d(() => [
+                i(e(Z), {
+                  "model-value": $.value,
+                  placeholder: "phone",
+                  "onUpdate:modelValue": s[19] || (s[19] = (r) => u(String(r ?? "")))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help", "error"]),
+            R.value ? (m(), w(e(Ce), {
+              key: 0,
+              type: "warning",
+              variant: "soft",
+              description: e(l)("fields.name-renamed", { old: R.value, new: $.value.trim() })
+            }, null, 8, ["description"])) : N("", !0)
           ])
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), jt = /* @__PURE__ */ de(Yt, [["__scopeId", "data-v-a3de6c60"]]), Kt = { class: "wx-inbox-field" }, Zt = { class: "wx-inbox-field__name" }, Qt = /* @__PURE__ */ ae({
+}), Kt = /* @__PURE__ */ me(jt, [["__scopeId", "data-v-0b8e6619"]]), Zt = { class: "wx-inbox-field" }, Qt = { class: "wx-inbox-field__name" }, Jt = /* @__PURE__ */ ne({
   __name: "FieldList",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Fe({
     form: {},
     canManage: { type: Boolean }
   }, {
@@ -1566,43 +1613,43 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = a, c = Te(a, "modelValue"), y = se(), b = ye(y), R = ue();
-    re();
-    const t = le("webx-inbox"), l = be(), g = Me(jt);
-    function F(m) {
-      return ie(m.title, R.active.value, m.key);
+    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);
     }
-    function E(m) {
+    function z(p) {
       return [
-        t(`fields.type-${m.type}`),
-        ...m.is_required ? [t("fields.is-required")] : [],
-        ...m.in_table ? [t("fields.in-table")] : [],
-        ...m.is_fullsize ? [] : [t("fields.is-fullsize")]
+        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")]
       ];
     }
-    const W = $(() => c.value.length === 0);
-    async function T(m) {
-      const C = await g({ field: m, form: n.form });
-      C && (c.value = m === null ? [...c.value, C] : c.value.map((_) => _.id === C.id ? C : _));
+    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));
     }
-    async function S(m) {
-      if (await Oe({
-        title: t("fields.delete-title", { field: F(m) }),
+    async function A(p) {
+      if (await Ge({
+        title: t("fields.delete-title", { field: q(p) }),
         message: t("fields.delete-text"),
         confirmText: t("fields.delete"),
         cancelText: t("fields.cancel"),
         tone: "danger"
       }))
         try {
-          await b.removeField(m.id), c.value = c.value.filter((_) => _.id !== m.id), H.success(t("panel.deleted"));
-        } catch (_) {
-          H.danger(l(_));
+          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));
         }
     }
-    function v(m) {
+    function v(p) {
       return n.canManage ? [
         { key: "edit", icon: "edit", label: t("fields.edit"), run: () => {
-          T(m);
+          S(p);
         } },
         {
           key: "delete",
@@ -1610,80 +1657,83 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
           label: t("fields.delete"),
           danger: !0,
           run: () => {
-            S(m);
+            A(p);
           }
         }
       ] : [];
     }
-    async function M() {
+    async function L() {
       try {
         await b.sortFields(
           n.form.id,
-          c.value.map((m) => m.id)
+          c.value.map((p) => p.id)
         );
-      } catch (m) {
-        H.danger(l(m, t("panel.reorder-failed")));
+      } catch (p) {
+        Y.danger(l(p, t("panel.reorder-failed")));
       }
     }
-    return (m, C) => (p(), w(e(pt), {
+    return (p, U) => (m(), w(e(pt), {
       title: e(t)("panel.tab-fields")
-    }, ze({
-      default: u(() => [
-        W.value ? (p(), w(e(ht), {
+    }, Oe({
+      default: d(() => [
+        $.value ? (m(), w(e(ft), {
           key: 0,
           title: e(t)("fields.no-fields"),
           description: e(t)("fields.no-fields-help")
-        }, null, 8, ["title", "description"])) : (p(), w(e(vt), {
+        }, null, 8, ["title", "description"])) : (m(), w(e(ht), {
           key: 1,
           modelValue: c.value,
-          "onUpdate:modelValue": C[1] || (C[1] = (_) => c.value = _),
+          "onUpdate:modelValue": U[1] || (U[1] = (V) => c.value = V),
           plain: "",
           "item-key": "id",
-          "item-label": F,
+          "item-label": q,
           "drag-label": e(t)("panel.reorder"),
           disabled: !a.canManage,
           "aria-label": e(t)("panel.tab-fields"),
-          onMove: M
+          onMove: L
         }, {
-          default: u(({ item: _ }) => [
-            D("div", Kt, [
-              D("div", Zt, [
-                i(e(te), {
+          default: d(({ item: V }) => [
+            G("div", Zt, [
+              G("div", Qt, [
+                i(e(ee), {
                   weight: "medium",
                   truncate: ""
                 }, {
-                  default: u(() => [
-                    q(I(F(_)), 1)
+                  default: d(() => [
+                    E(I(q(V)), 1)
                   ]),
                   _: 2
                 }, 1024),
-                _.is_enabled ? U("", !0) : (p(), w(e(pe), {
+                V.is_enabled ? N("", !0) : (m(), w(e(be), {
                   key: 0,
                   type: "default"
                 }, {
-                  default: u(() => [
-                    q(I(e(t)("panel.off")), 1)
+                  default: d(() => [
+                    E(I(e(t)("panel.off")), 1)
                   ]),
                   _: 1
                 }))
               ]),
-              i(e(te), {
+              i(e(ee), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
               }, {
-                default: u(() => [
-                  D("code", null, "fields[" + I(_.key) + "]", 1),
-                  q(" · " + I(E(_).join(" · ")), 1)
+                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)
                 ]),
                 _: 2
               }, 1024)
             ])
           ]),
-          actions: u(({ item: _ }) => [
-            i(e(Ve), {
-              actions: v(_),
-              label: F(_)
+          actions: d(({ item: V }) => [
+            i(e(Ue), {
+              actions: v(V),
+              label: q(V)
             }, null, 8, ["actions", "label"])
           ]),
           _: 1
@@ -1693,17 +1743,17 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
     }, [
       a.canManage ? {
         name: "extra",
-        fn: u(() => [
-          i(e(Q), {
+        fn: d(() => [
+          i(e(te), {
             type: "primary",
             size: "sm",
-            onClick: C[0] || (C[0] = (_) => T(null))
+            onClick: U[0] || (U[0] = (V) => S(null))
           }, {
-            icon: u(() => [
-              i(e(ve), { name: "plus" })
+            icon: d(() => [
+              i(e(ge), { name: "plus" })
             ]),
-            default: u(() => [
-              q(" " + I(e(t)("fields.new-field")), 1)
+            default: d(() => [
+              E(" " + I(e(t)("fields.new-field")), 1)
             ]),
             _: 1
           })
@@ -1712,24 +1762,24 @@ const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
       } : void 0
     ]), 1032, ["title"]));
   }
-}), il = /* @__PURE__ */ de(Qt, [["__scopeId", "data-v-db38e823"]]), ul = fe(() => import("./InboxPage-CCYXnZed.js")), rl = fe(() => import("./FormEditorPage-BoHzlFfz.js")), dl = fe(() => import("./StatusesPage-Mra8TB7G.js")), cl = fe(() => import("./SubmissionPage-DVNKYpWH.js"));
+}), 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"));
 export {
-  il as F,
-  nl as S,
-  rl as W,
-  de as _,
-  Lt as a,
-  ol as b,
-  ye as c,
-  Vt as d,
-  Mt as e,
+  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,
-  ul as g,
-  dl as h,
-  cl as i,
-  al as j,
-  _t as k,
+  rl as g,
+  cl as h,
+  ml as i,
+  nl as j,
+  Vt as k,
   sl as o,
-  re as u
+  ce as u
 };
-//# sourceMappingURL=index-BQj2UlUS.js.map
+//# sourceMappingURL=index-Dxbb2lUM.js.map