@webx-ui/module-inbox 0.7.0 → 0.8.0

package/dist/index-BQj2UlUS.js

@@ -0,0 +1,1735 @@
+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 = {
+  module: {
+    title: "Inbox"
+  },
+  panel: {
+    forms: "Forms",
+    "new-form": "New form",
+    "no-forms": "No forms yet.",
+    "no-forms-help": "A form is a few questions and a list of who hears the answers.",
+    unread: "Unread",
+    submissions: "Submissions in all",
+    off: "Off",
+    settings: "Settings",
+    duplicate: "Duplicate",
+    delete: "Delete",
+    "delete-form-title": "Delete “:form”?",
+    "delete-form-text": "The form and its questions go. This cannot be undone.",
+    cancel: "Cancel",
+    save: "Save",
+    saved: "Saved.",
+    deleted: "Deleted.",
+    duplicated: "A copy was made.",
+    failed: "Some values were not accepted. Check the highlighted fields.",
+    "reorder-failed": "The new order could not be saved.",
+    reorder: "Reorder",
+    "new-form-title": "New form",
+    title: "Title",
+    slug: "Address",
+    "slug-help": "What the form is called on the site and where it posts.",
+    "is-enabled": "Active",
+    "is-enabled-help": "A form that is off is neither drawn nor accepted.",
+    "tab-general": "General",
+    "tab-fields": "Fields",
+    "tab-notifications": "Notifications",
+    "tab-antispam": "Antispam",
+    "tab-embed": "Embedding",
+    "after-sending": "After sending",
+    "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.",
+    recipients: "Who is written to",
+    "recipients-help": "Nobody here means nobody is told. The submission is kept either way.",
+    "no-recipients": "Nobody yet.",
+    "add-admin": "Add an administrator",
+    "add-email": "Add an address",
+    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.",
+    "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.",
+    "pick-channels": "Add a channel",
+    "no-channels": "No channels chosen.",
+    "set-up-channels": "Set up channels",
+    channels: "Channels",
+    "channels-none": "Nothing was sent through channels.",
+    "channels-failed": "A channel did not deliver the notification",
+    "no-email-field": "None",
+    honeypot: "Hidden field",
+    "honeypot-help": "A field nobody sees and a robot fills in.",
+    "min-seconds": "Fastest a person could send it, in seconds",
+    "min-seconds-help": "Zero switches the check off.",
+    throttle: "Sends a minute from one address",
+    "throttle-help": "Zero switches the limit off.",
+    captcha: "Captcha",
+    "captcha-keys": "The keys are not set in the panel but in the site’s .env: WEBX_INBOX_RECAPTCHA_KEY / WEBX_INBOX_RECAPTCHA_SECRET for reCAPTCHA, WEBX_INBOX_TURNSTILE_KEY / WEBX_INBOX_TURNSTILE_SECRET for Turnstile.",
+    "captcha-off": "Off",
+    "captcha-recaptcha": "reCAPTCHA",
+    "captcha-turnstile": "Turnstile",
+    "captcha-unconfigured": "The site has no keys for this captcha yet, so the form refuses every submission until they are in its .env.",
+    "captcha-recaptcha-checkbox": "This site draws reCAPTCHA as the “I’m not a robot” checkbox, so its keys must be v2 Checkbox keys. To run it invisibly, create v2 Invisible keys and set WEBX_INBOX_RECAPTCHA_TYPE=invisible.",
+    "captcha-recaptcha-invisible": "This site runs reCAPTCHA invisibly when the form is sent, so its keys must be v2 Invisible keys (WEBX_INBOX_RECAPTCHA_TYPE=invisible).",
+    "captcha-recaptcha-v3": "This site runs reCAPTCHA v3: no widget, only a score checked when the form is sent, so its keys must be v3 keys (WEBX_INBOX_RECAPTCHA_TYPE=v3).",
+    "captcha-turnstile-checkbox": "This site draws Turnstile when the page opens, and a Managed widget shows visitors “Verify you are human”. To run it invisibly, set WEBX_INBOX_TURNSTILE_MODE=invisible and the widget mode to Invisible in Cloudflare.",
+    "captcha-turnstile-invisible": "This site runs Turnstile invisibly when the form is sent. Set the widget mode to Invisible in Cloudflare: a Managed widget still shows a challenge when it decides one is needed.",
+    "embed-blade": "On a page of the site",
+    "embed-blade-help": "Put the tag where the form belongs. The markup is published and rewritten by the site.",
+    "embed-block": "In the block builder",
+    "embed-block-help": "A block type prints the same tag, so an editor drops the form in without touching a template.",
+    "embed-block-panel-help": "On this site block templates are written in the panel, in Blocks: put the same tag into the template of a block there.",
+    "embed-extras": "Filled in and placed",
+    "embed-extras-help": ":values fills the hidden fields by their name; placement names where the form stands, so the submission remembers it and the site can style each place.",
+    loading: "Loading…",
+    "embed-names": "Names of the fields",
+    "embed-names-help": "A hidden field is filled in by the page: the address it was sent from, a product, a campaign.",
+    copy: "Copy",
+    copied: "Copied.",
+    statuses: "Statuses",
+    "new-status": "New status",
+    "status-key": "Key",
+    "status-color": "Colour",
+    "status-default": "Given to a new submission",
+    "status-spam": "Spam",
+    "status-closed": "Nothing further expected",
+    "in-use": "In use",
+    "delete-status-title": "Delete “:status”?",
+    "delete-status-text": "Only a status nothing is in can go.",
+    "no-statuses": "No statuses yet.",
+    "color-default": "Grey",
+    "color-primary": "Blue",
+    "color-success": "Green",
+    "color-warning": "Amber",
+    "color-info": "Cyan",
+    "color-danger": "Red",
+    // The submissions: the list on the right of the section, and one of them opened.
+    id: "ID",
+    received: "Received",
+    status: "Status",
+    assignee: "Assignee",
+    unassigned: "Nobody",
+    "submissions-empty": "Nothing has come in through this form yet.",
+    "search-submissions": "Search the answers",
+    "view-all": "All",
+    "view-unread": "Unread",
+    export: "Export",
+    "new-submission": "New submission",
+    "new-submission-title": "A submission by hand",
+    "new-submission-help": "For one that came by telephone or on paper. It is written the same way and lands in the same list.",
+    created: "Added.",
+    submission: "Submission :id",
+    previous: "Previous",
+    next: "Next",
+    "mark-read": "Mark as read",
+    "mark-unread": "Mark as unread",
+    "delete-submission-title": "Delete this submission?",
+    "delete-submission-text": "It goes with its attachments. This cannot be undone.",
+    selected: ":count selected",
+    "move-to": "Move to",
+    "delete-selected-title": "Delete :count submissions?",
+    answers: "Answers",
+    attachments: "Attachments",
+    details: "Details",
+    "meta-page": "Page",
+    "meta-placement": "Placement",
+    "any-placement": "Any placement",
+    "placement-none": "Not specified",
+    "meta-referrer": "Came from",
+    "meta-ip": "Address",
+    "meta-agent": "Browser",
+    "meta-locale": "Language",
+    "meta-source": "How it arrived",
+    "source-web": "From the site",
+    "source-panel": "Typed in",
+    notified: "The notification went out",
+    "not-notified": "No notification was sent",
+    "notify-failed": "The notification could not be sent",
+    reply: "Reply by mail",
+    log: "What has happened",
+    "event-created": "Arrived",
+    "event-status": "Status: :to",
+    "event-assignee": "Given to :to",
+    "event-unassigned": "Left to nobody",
+    "event-note": "A note was added",
+    "event-notified": "The notification went out",
+    "event-handled": "Handed to :name",
+    "event-handler-error": ":name failed: :error",
+    system: "System",
+    "no-answers": "Nothing was filled in.",
+    download: "Download",
+    "no-files-by-hand": "A file cannot be attached by hand: the files a submission carries are what was posted with it.",
+    "submissions-none": "Nothing here under this filter.",
+    "notifies-nobody": "Nobody is told about this form",
+    "notifies-nobody-text": "Every submission is kept here, but no letter goes out. Add a recipient on the Notifications tab.",
+    "notifies-nobody-short": "Nobody is told",
+    "recipient-admin_deleted": "This administrator no longer exists and gets no letter.",
+    "recipient-admin_inactive": "This administrator is switched off and gets no letter.",
+    "recipient-invalid_email": "This is not an e-mail address.",
+    "event-no-recipients": "Nobody was told: the form names no recipients",
+    "notified-nobody": "No notification: the form names nobody to tell",
+    "notify-queued": "The notification is waiting in the queue",
+    "notify-again": "Send the notification again",
+    "notify-sent-again": "The notification has been sent again",
+    "notify-recipient-queued": "waiting",
+    "notify-recipient-delivered": "sent",
+    "notify-recipient-failed": "failed",
+    "event-notify-queued": "The notification was queued",
+    "event-notify-failed": "The notification to :to failed",
+    "event-value": "Answer “:field” corrected: “:from” → “:to”"
+  },
+  fields: {
+    field: "Field",
+    "new-field": "New field",
+    "edit-field": "Field",
+    edit: "Edit",
+    "no-fields": "No questions yet.",
+    "no-fields-help": "A form with no fields draws nothing on the page.",
+    "save-first": "Save the form first, then write its questions.",
+    delete: "Delete",
+    "delete-title": "Delete “:field”?",
+    "delete-text": "It stops being asked. Answers already given keep it.",
+    cancel: "Cancel",
+    save: "Save",
+    name: "Name",
+    "name-help": "What the field is called in the HTML. Left empty, it answers to f17.",
+    type: "Type",
+    title: "Label",
+    placeholder: "Placeholder",
+    help: "Hint under the field",
+    "is-enabled": "Shown",
+    "is-required": "Required",
+    "is-fullsize": "Full width",
+    "in-table": "A column in the list",
+    choices: "Choices",
+    "choice-value": "Value",
+    "choice-label": "Label",
+    "add-choice": "Add a choice",
+    "no-choices": "No choices yet. A field with none accepts nothing.",
+    maxlength: "Longest answer, in characters",
+    rows: "Height, in lines",
+    pattern: "Pattern the answer has to match",
+    "pattern-help": "The browser’s own, written without delimiters: [0-9+ ()-]{6,}",
+    earliest: "Earliest date",
+    latest: "Latest date",
+    "min-choices": "Fewest ticks",
+    "max-choices": "Most ticks",
+    "consent-text": "The sentence beside the tick",
+    "consent-text-help": "A link is allowed here: it is printed as written.",
+    "max-size": "Largest file, in kilobytes",
+    extensions: "Extensions allowed",
+    "extensions-help": "Comma separated. Empty means the list the site allows.",
+    multiple: "Several files at once",
+    "type-text": "Text",
+    "type-email": "E-mail",
+    "type-tel": "Telephone",
+    "type-textarea": "Long text",
+    "type-select": "Drop-down",
+    "type-radio": "One of several",
+    "type-checkbox": "Several of several",
+    "type-consent": "Consent",
+    "type-date": "Date",
+    "type-file": "File",
+    "type-hidden": "Hidden"
+  },
+  relations: {
+    form: "Form",
+    "field-search": "Find a form by its name or address",
+    "field-empty": "No form",
+    "field-remove": "Remove the form",
+    "field-missing": "No such form",
+    "field-off": "Switched off",
+    "field-nothing": "No form matches",
+    "field-searching": "Searching…",
+    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() {
+  try {
+    const { i18n: a } = se();
+    Fe.has(a) || (a.defaults("webx-inbox", _t), Fe.add(a));
+  } catch {
+  }
+}
+function Vt() {
+  const a = Qe(ft, null), n = ue();
+  return (c) => {
+    const y = a?.state.locale;
+    return (y === void 0 ? void 0 : c.title[y]) || ie(c.title, n.active.value, c.key);
+  };
+}
+const Tt = { class: "wx-inbox-form-field" }, $t = {
+  key: 0,
+  class: "wx-inbox-form-field__chosen"
+}, St = { class: "wx-inbox-form-field__text" }, Ct = { class: "wx-inbox-form-field__title" }, At = {
+  key: 0,
+  class: "wx-inbox-form-field__slug"
+}, Nt = {
+  key: 1,
+  class: "wx-inbox-form-field__empty"
+}, Ut = { class: "wx-inbox-form-field__search" }, Wt = /* @__PURE__ */ ae({
+  name: "WxInboxFormField",
+  __name: "FormField",
+  props: /* @__PURE__ */ Se({
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    emptyText: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  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;
+    }
+    async function S(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]));
+        } catch {
+        }
+    }
+    $e(t, (k) => {
+      S(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) => ({
+        value: k.title,
+        description: [k.slug, k.visible ? null : b("relations.field-off")].filter((f) => typeof f == "string" && f !== "").join(" · "),
+        id: k.slug
+      }))
+    );
+    async function C(k) {
+      E.value = !0;
+      try {
+        const f = await R.search(k);
+        F.value = f, T(f);
+      } catch {
+        F.value = [];
+      } finally {
+        E.value = !1;
+      }
+    }
+    function _() {
+      F.value.length === 0 && !E.value && C(W.value);
+    }
+    function B(k) {
+      typeof k.id != "string" || k.id === "" || (c.value = k.id, Je(() => {
+        W.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)
+        ]),
+        M.value ? (p(), w(e(pe), {
+          key: 0,
+          type: "warning"
+        }, {
+          default: u(() => [
+            q(I(M.value), 1)
+          ]),
+          _: 1
+        })) : U("", !0),
+        n.disabled ? U("", !0) : (p(), w(e(Re), {
+          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, [
+        i(e(tt), {
+          modelValue: W.value,
+          "onUpdate:modelValue": f[0] || (f[0] = (x) => W.value = x),
+          options: m.value,
+          remote: "",
+          teleport: "",
+          loading: E.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
+        }, null, 8, ["modelValue", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
+      ])
+    ]));
+  }
+}), de = (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 = {}) {
+  const n = a.path ?? "/inbox";
+  return {
+    id: "inbox",
+    path: n,
+    landing: a.landing ?? !0,
+    routes: [
+      // The section's own path travels as a prop, so a panel that mounted it somewhere else
+      // still links between its screens correctly.
+      {
+        path: n,
+        name: "webx.inbox",
+        component: () => import("./InboxPage-CCYXnZed.js"),
+        props: { base: n }
+      },
+      {
+        path: `${n}/statuses`,
+        name: "webx.inbox.statuses",
+        component: () => import("./StatusesPage-Mra8TB7G.js"),
+        props: { base: n }
+      },
+      {
+        path: `${n}/forms/:id(\\d+)`,
+        name: "webx.inbox.form",
+        component: () => import("./FormEditorPage-BoHzlFfz.js"),
+        props: { base: n }
+      },
+      // A submission has an address of its own, not a dialog over the list (§11): it goes in
+      // the mail to whoever deals with it, it gets pasted into a chat, an agent links to it.
+      {
+        path: `${n}/submissions/:id(\\d+)`,
+        name: "webx.inbox.submission",
+        component: () => import("./SubmissionPage-DVNKYpWH.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" }
+    }
+  };
+}
+const me = /* @__PURE__ */ new WeakMap();
+function ye(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);
+    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 {
+    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),
+    duplicateForm: (t) => a.http.post(`${n}/forms/${t}/duplicate`, {}).then(c),
+    sortForms: (t) => a.http.post(`${n}/forms/sorting`, { ids: t }).then(y),
+    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),
+    statuses: R,
+    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) => ({
+      ...g.meta,
+      data: g.data,
+      columns: g.columns,
+      counts: g.counts,
+      // 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),
+    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),
+    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 [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}`}`;
+    }
+  };
+}
+function ke(a) {
+  return {
+    view: a.view === void 0 || a.view === "" ? void 0 : a.view,
+    search: a.search === void 0 || a.search === "" ? void 0 : a.search,
+    assignee: a.assignee ?? void 0,
+    placement: a.placement ?? void 0,
+    sort: a.sort ?? void 0,
+    page: a.page,
+    per_page: a.per_page
+  };
+}
+function sl(a, n, c) {
+  return $({
+    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;
+    }
+  });
+}
+const Ft = { class: "wx-inbox-by-hand" }, Et = /* @__PURE__ */ ae({
+  __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];
+    }
+    function _(f) {
+      return ie(f.title, l.active.value, f.key);
+    }
+    function B(f, x = "") {
+      return ie(
+        f,
+        l.active.value,
+        x
+      );
+    }
+    function P(f) {
+      return (f.options.choices ?? []).map((x) => ({
+        value: x.value,
+        label: B(x.label, x.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));
+      } finally {
+        W.value = !1;
+      }
+    }
+    X();
+    async function k() {
+      T.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));
+      } finally {
+        T.value = !1;
+      }
+    }
+    return (f, x) => (p(), w(e(Pe), {
+      open: e(b),
+      "onUpdate:open": x[1] || (x[1] = (s) => Ee(b) ? b.value = s : null),
+      title: e(g)("panel.new-submission-title"),
+      width: 560
+    }, {
+      footer: u(() => [
+        i(e(Le), { size: "sm" }, {
+          default: u(() => [
+            i(e(Q), {
+              variant: "outline",
+              onClick: x[0] || (x[0] = (s) => e(y)())
+            }, {
+              default: u(() => [
+                q(I(e(g)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            i(e(Q), {
+              type: "primary",
+              loading: T.value,
+              disabled: W.value,
+              onClick: k
+            }, {
+              default: u(() => [
+                q(I(e(g)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        D("div", Ft, [
+          i(e(Ne), {
+            type: "info",
+            closable: !1
+          }, {
+            default: u(() => [
+              q(I(e(g)("panel.new-submission-help")), 1)
+            ]),
+            _: 1
+          }),
+          W.value ? (p(), 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
+            }, {
+              default: u(() => [
+                s.type === "textarea" ? (p(), 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), {
+                  key: 1,
+                  modelValue: S.value[s.key],
+                  "onUpdate:modelValue": (z) => S.value[s.key] = z,
+                  options: P(s),
+                  clearable: "",
+                  placeholder: B(s.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : s.type === "radio" ? (p(), w(e(st), {
+                  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), {
+                  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), {
+                  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), {
+                  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), {
+                  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
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
+              ]),
+              _: 2
+            }, 1032, ["label", "help", "error", "required"]))), 128)),
+            m.value ? (p(), w(e(Ne), {
+              key: 0,
+              type: "warning",
+              closable: !1
+            }, {
+              default: u(() => [
+                q(I(e(g)("panel.no-files-by-hand")), 1)
+              ]),
+              _: 1
+            })) : U("", !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({
+  __name: "SubmissionList",
+  props: {
+    form: {},
+    base: { default: "/inbox" }
+  },
+  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 = $({
+      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,
+      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(
+        (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;
+      if (o === null) return [];
+      const N = z.value.find((h) => h.value === o)?.label ?? (o === "none" ? v("panel.placement-none") : o);
+      return [
+        {
+          key: "placement",
+          label: `${v("panel.meta-placement")}: ${N}`,
+          clear: () => K(void 0)
+        }
+      ];
+    });
+    function K(o) {
+      g.replace({
+        query: {
+          ...l.query,
+          placement: typeof o == "string" && o !== "" ? o : void 0,
+          page: void 0
+        }
+      });
+    }
+    const xe = $(() => {
+      const o = C.value?.counts, N = [
+        { 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({
+          value: h.key,
+          label: G(h),
+          badge: o?.statuses[h.key] || void 0
+        });
+      return N;
+    });
+    function V(o, N) {
+      const h = C.value?.columns?.[N];
+      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,
+          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
+          // wide — 640, 960 — because an answer is a sentence and not a number: two of them plus
+          // the status and the date is already what a 755px pane holds without scrolling sideways,
+          // which is what the pane beside the forms actually is on a 1280 screen (§11).
+          hideBelow: h === 0 ? void 0 : 320 + h * 320
+        })),
+        // 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: "created_at",
+          label: v("panel.received"),
+          sortable: !0,
+          width: 120,
+          // "today at 16:22" is three words the table will break over two lines given half a
+          // chance, and a date read down a column has to be one line to be read at all.
+          cellClass: "wx-submissions__when",
+          hideBelow: 520
+          // 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 }
+      ];
+    }), 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);
+    }
+    async function ce(o) {
+      B.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,
+          sort: o?.sort ? `${o.sort.order === "desc" ? "-" : ""}${o.sort.key}` : null,
+          page: o?.page ?? s.value.page,
+          per_page: o?.perPage
+        });
+      } catch (N) {
+        H.danger(m(N));
+      } finally {
+        B.value = !1;
+      }
+    }
+    function He(o) {
+      const N = {
+        ...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);
+    }
+    $e([() => y.form.id, x, () => s.value.assignee, () => s.value.placement], () => {
+      P.value = [], ce();
+    }), Xe();
+    async function Xe() {
+      try {
+        _.value = await t.statuses();
+      } catch (o) {
+        H.danger(m(o));
+      }
+    }
+    function Ge(o) {
+      g.push({ path: `${y.base}/submissions/${o.id}`, query: { ...l.query } });
+    }
+    function Ce(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");
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: v("panel.delete"),
+          danger: !0,
+          run: () => {
+            Ae([o.id]);
+          }
+        }
+      ] : [];
+    }
+    async function Ye(o) {
+      typeof o == "number" && (X.value = !0, await we(
+        P.value.map((N) => N.id),
+        "status",
+        o
+      ), X.value = !1);
+    }
+    async function Ae(o) {
+      await Oe({
+        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");
+    }
+    async function we(o, N, 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));
+        }
+    }
+    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 Ke = $(
+      () => 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
+      })
+    ), Ze = $(() => [
+      { key: "export", label: v("panel.export"), icon: "download", href: Ke.value }
+    ]);
+    return n({ create: je }), (o, N) => (p(), O("div", {
+      ref_key: "root",
+      ref: E,
+      class: "wx-submissions"
+    }, [
+      i(e(gt), {
+        class: "wx-submissions__head",
+        level: 3,
+        title: De(),
+        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),
+        class: "wx-submissions__views",
+        items: xe.value,
+        "collapse-below": 560,
+        "aria-label": e(v)("panel.status")
+      }, {
+        default: u(() => [
+          i(e(ut), {
+            data: C.value,
+            columns: r.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: B.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"),
+            "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), {
+                  key: 0,
+                  type: h.status.color
+                }, {
+                  default: u(() => [
+                    q(I(e(G)(h.status)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])) : U("", !0),
+                h.assignee ? (p(), w(e(Ue), {
+                  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), {
+                  key: 2,
+                  content: e(v)("panel.attachments")
+                }, {
+                  default: u(() => [
+                    i(e(ve), {
+                      name: "file",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : U("", !0)
+              ])
+            ]),
+            "cell-created_at": u(({ row: h }) => [
+              i(e(Ie), {
+                value: h.created_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-card": u(({ row: h }) => [
+              i(e(rt), {
+                variant: "plain",
+                shape: "circle",
+                title: V(h, 0)
+              }, {
+                subtitle: u(() => [
+                  q(I(V(h, 1)), 1)
+                ]),
+                meta: u(() => [
+                  h.status ? (p(), w(e(pe), {
+                    key: 0,
+                    type: h.status.color,
+                    size: "sm"
+                  }, {
+                    default: u(() => [
+                      q(I(e(G)(h.status)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"])) : U("", !0),
+                  h.assignee ? (p(), w(e(Ue), {
+                    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), {
+                    key: 2,
+                    name: "file",
+                    size: "sm"
+                  })) : U("", !0),
+                  i(e(Ie), {
+                    value: h.created_at
+                  }, null, 8, ["value"])
+                ]),
+                _: 2
+              }, 1032, ["title"])
+            ]),
+            "card-actions": u(({ row: h }) => [
+              i(e(Ve), {
+                actions: Ce(h),
+                label: String(h.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            "cell-actions": u(({ row: h }) => [
+              i(e(Ve), {
+                actions: Ce(h),
+                label: String(h.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 2
+          }, [
+            P.value.length > 0 ? {
+              name: "actions",
+              fn: u(() => [
+                D("div", zt, [
+                  i(e(te), {
+                    size: "sm",
+                    weight: "medium"
+                  }, {
+                    default: u(() => [
+                      q(I(e(v)("panel.selected", { count: P.value.length })), 1)
+                    ]),
+                    _: 1
+                  }),
+                  i(e(he), {
+                    "model-value": null,
+                    options: Y.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), {
+                    size: "sm",
+                    variant: "outline",
+                    type: "danger",
+                    icon: "trash",
+                    onClick: N[0] || (N[0] = (h) => Ae(P.value.map((ne) => ne.id)))
+                  }, {
+                    default: u(() => [
+                      q(I(e(v)("panel.delete")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              key: "0"
+            } : void 0,
+            ge.value ? {
+              name: "filters",
+              fn: u(() => [
+                i(e(L), {
+                  label: e(v)("panel.meta-placement")
+                }, {
+                  default: u(() => [
+                    i(e(he), {
+                      "model-value": s.value.placement,
+                      options: z.value,
+                      placeholder: e(v)("panel.any-placement"),
+                      clearable: "",
+                      size: "sm",
+                      "onUpdate:modelValue": K
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              key: "1"
+            } : void 0,
+            J.value.length > 0 ? {
+              name: "applied",
+              fn: u(() => [
+                i(e(xt), { filters: J.value }, null, 8, ["filters"])
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1032, ["data", "columns", "loading", "loading-text", "selectable", "select-row-label", "select-all-label", "row-class", "search-placeholder", "empty-text", "cards-below", "filters-count"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "items", "aria-label"])
+    ], 512));
+  }
+}), nl = /* @__PURE__ */ de(Pt, [["__scopeId", "data-v-b23e9ac8"]]), Lt = /* @__PURE__ */ ae({
+  __name: "LocalizedRichText",
+  props: /* @__PURE__ */ Se({
+    placeholder: { default: void 0 },
+    minHeight: { default: "160px" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const n = Te(a, "modelValue"), c = a, y = ue(), b = $(() => {
+      const t = y.active.value;
+      return y.list.value.some((g) => g.code === t) ? t : y.list.value[0]?.code ?? "";
+    }), R = $({
+      get: () => {
+        const t = n.value;
+        return typeof t == "string" ? b.value === "" || b.value === y.list.value[0]?.code ? t : "" : t[b.value] ?? "";
+      },
+      set: (t) => {
+        if (b.value === "") {
+          n.value = t;
+          return;
+        }
+        const l = typeof n.value == "string" ? { [b.value]: n.value } : n.value;
+        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),
+          placeholder: c.placeholder,
+          "min-height": c.minHeight
+        }, null, 8, ["modelValue", "placeholder", "min-height"])
+      ]),
+      _: 1
+    })) : (p(), w(e(We), {
+      key: 1,
+      modelValue: R.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (g) => R.value = g),
+      placeholder: c.placeholder,
+      "min-height": c.minHeight
+    }, null, 8, ["modelValue", "placeholder", "min-height"]));
+  }
+}), Mt = [
+  "text",
+  "email",
+  "tel",
+  "textarea",
+  "select",
+  "radio",
+  "checkbox",
+  "consent",
+  "date",
+  "file",
+  "hidden"
+], ol = ["default", "primary", "success", "warning", "info", "danger"], Ot = { class: "wx-inbox-field-form" }, Dt = { class: "wx-inbox-field-form__row" }, Ht = {
+  key: 2,
+  class: "wx-inbox-choices"
+}, Xt = { class: "wx-inbox-field-form__row" }, Gt = { class: "wx-inbox-field-form__checks" }, Yt = /* @__PURE__ */ ae({
+  __name: "FieldDialog",
+  props: {
+    field: {},
+    form: {}
+  },
+  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(
+      () => 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 = {};
+      },
+      { 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(
+        "extensions",
+        V.map((r) => r.replace(/^\./, ""))
+      )
+    });
+    function s(V, r) {
+      m.value = { ...m.value, [V]: r };
+    }
+    function z() {
+      s("choices", [...f.value, { value: "", label: {} }]);
+    }
+    function ge(V) {
+      s(
+        "choices",
+        f.value.filter((r, d) => d !== V)
+      );
+    }
+    function J(V, r) {
+      s(
+        "choices",
+        f.value.map((d, Y) => Y === V ? { ...d, ...r } : d)
+      );
+    }
+    function K(V) {
+      return E.value[V]?.[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,
+        placeholder: v.value,
+        help: M.value,
+        options: m.value,
+        is_enabled: C.value,
+        is_required: _.value,
+        is_fullsize: B.value,
+        in_table: P.value
+      };
+      try {
+        c(
+          n.field === null ? await t.createField(n.form.id, V) : await t.saveField(n.field.id, V)
+        );
+      } catch (r) {
+        const d = r.body;
+        d?.errors ? (E.value = d.errors, H.danger(l("panel.failed"))) : H.danger(g(r));
+      } finally {
+        F.value = !1;
+      }
+    }
+    return (V, r) => (p(), w(e(Pe), {
+      open: e(b),
+      "onUpdate:open": r[21] || (r[21] = (d) => Ee(b) ? b.value = d : 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), {
+              variant: "outline",
+              onClick: r[20] || (r[20] = (d) => e(y)())
+            }, {
+              default: u(() => [
+                q(I(e(l)("fields.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            i(e(Q), {
+              type: "primary",
+              loading: F.value,
+              onClick: xe
+            }, {
+              default: u(() => [
+                q(I(e(l)("fields.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 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), {
+            label: e(l)("fields.title"),
+            error: K("title"),
+            required: ""
+          }, {
+            default: u(() => [
+              i(e(j), {
+                modelValue: S.value,
+                "onUpdate:modelValue": r[2] || (r[2] = (d) => S.value = d),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          T.value !== "hidden" ? (p(), O(Z, { key: 0 }, [
+            T.value !== "consent" ? (p(), w(e(L), {
+              key: 0,
+              label: e(l)("fields.placeholder")
+            }, {
+              default: u(() => [
+                i(e(j), {
+                  modelValue: v.value,
+                  "onUpdate:modelValue": r[3] || (r[3] = (d) => v.value = d),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : U("", !0),
+            i(e(L), {
+              label: e(l)("fields.help")
+            }, {
+              default: u(() => [
+                i(e(j), {
+                  modelValue: M.value,
+                  "onUpdate:modelValue": r[4] || (r[4] = (d) => M.value = d),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ], 64)) : U("", !0),
+          T.value === "consent" ? (p(), w(e(L), {
+            key: 1,
+            label: e(l)("fields.consent-text"),
+            help: e(l)("fields.consent-text-help")
+          }, {
+            default: u(() => [
+              i(Lt, {
+                "model-value": m.value.text ?? {},
+                "min-height": "100px",
+                "onUpdate:modelValue": r[5] || (r[5] = (d) => s("text", d))
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])) : U("", !0),
+          k.value ? (p(), O("div", Ht, [
+            i(e(te), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: u(() => [
+                q(I(e(l)("fields.choices")), 1)
+              ]),
+              _: 1
+            }),
+            f.value.length === 0 ? (p(), w(e(te), {
+              key: 0,
+              size: "sm",
+              tone: "placeholder"
+            }, {
+              default: u(() => [
+                q(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,
+              class: "wx-inbox-choices__row"
+            }, [
+              i(e(j), {
+                "model-value": d.value,
+                placeholder: e(l)("fields.choice-value"),
+                "onUpdate:modelValue": (G) => J(Y, { value: String(G) })
+              }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+              i(e(j), {
+                "model-value": d.label,
+                localized: "",
+                placeholder: e(l)("fields.choice-label"),
+                "onUpdate:modelValue": (G) => J(Y, { label: G })
+              }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+              i(e(Re), {
+                icon: "trash",
+                title: e(l)("fields.delete"),
+                onClick: (G) => ge(Y)
+              }, null, 8, ["title", "onClick"])
+            ]))), 128)),
+            i(e(Q), {
+              variant: "outline",
+              size: "sm",
+              onClick: z
+            }, {
+              icon: u(() => [
+                i(e(ve), { name: "plus" })
+              ]),
+              default: u(() => [
+                q(" " + I(e(l)("fields.add-choice")), 1)
+              ]),
+              _: 1
+            }),
+            K("options.choices") ? (p(), w(e(te), {
+              key: 1,
+              size: "sm",
+              tone: "danger"
+            }, {
+              default: u(() => [
+                q(I(K("options.choices")), 1)
+              ]),
+              _: 1
+            })) : U("", !0)
+          ])) : U("", !0),
+          D("div", Xt, [
+            T.value === "textarea" ? (p(), w(e(L), {
+              key: 0,
+              label: e(l)("fields.rows")
+            }, {
+              default: u(() => [
+                i(e(oe), {
+                  "model-value": m.value.rows ?? 5,
+                  min: 2,
+                  max: 30,
+                  "onUpdate:modelValue": r[6] || (r[6] = (d) => s("rows", d))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : U("", !0),
+            ["text", "email", "textarea"].includes(T.value) ? (p(), w(e(L), {
+              key: 1,
+              label: e(l)("fields.maxlength")
+            }, {
+              default: u(() => [
+                i(e(oe), {
+                  "model-value": m.value.maxlength ?? null,
+                  min: 1,
+                  max: 2e4,
+                  "onUpdate:modelValue": r[7] || (r[7] = (d) => s("maxlength", d))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : U("", !0),
+            T.value === "tel" ? (p(), w(e(L), {
+              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))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"])) : U("", !0),
+            T.value === "date" ? (p(), O(Z, { key: 3 }, [
+              i(e(L), {
+                label: e(l)("fields.earliest")
+              }, {
+                default: u(() => [
+                  i(e(_e), {
+                    clearable: "",
+                    "model-value": m.value.min ?? null,
+                    "onUpdate:modelValue": r[9] || (r[9] = (d) => s("min", d))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              i(e(L), {
+                label: e(l)("fields.latest")
+              }, {
+                default: u(() => [
+                  i(e(_e), {
+                    clearable: "",
+                    "model-value": m.value.max ?? null,
+                    "onUpdate:modelValue": r[10] || (r[10] = (d) => s("max", d))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : U("", !0),
+            T.value === "checkbox" ? (p(), O(Z, { key: 4 }, [
+              i(e(L), {
+                label: e(l)("fields.min-choices")
+              }, {
+                default: u(() => [
+                  i(e(oe), {
+                    "model-value": m.value.min ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": r[11] || (r[11] = (d) => s("min", d))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              i(e(L), {
+                label: e(l)("fields.max-choices")
+              }, {
+                default: u(() => [
+                  i(e(oe), {
+                    "model-value": m.value.max ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": r[12] || (r[12] = (d) => s("max", d))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : U("", !0),
+            T.value === "file" ? (p(), w(e(L), {
+              key: 5,
+              label: e(l)("fields.max-size")
+            }, {
+              default: u(() => [
+                i(e(oe), {
+                  "model-value": m.value.max_size ?? null,
+                  min: 1,
+                  "onUpdate:modelValue": r[13] || (r[13] = (d) => s("max_size", d))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : U("", !0)
+          ]),
+          T.value === "file" ? (p(), O(Z, { key: 3 }, [
+            i(e(L), {
+              label: e(l)("fields.extensions"),
+              help: e(l)("fields.extensions-help")
+            }, {
+              default: u(() => [
+                i(e(mt), {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": r[14] || (r[14] = (d) => x.value = d)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            i(e(ee), {
+              "model-value": !!m.value.multiple,
+              label: e(l)("fields.multiple"),
+              "onUpdate:modelValue": r[15] || (r[15] = (d) => s("multiple", d))
+            }, 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),
+              label: e(l)("fields.is-enabled")
+            }, null, 8, ["modelValue", "label"]),
+            i(e(ee), {
+              modelValue: _.value,
+              "onUpdate:modelValue": r[17] || (r[17] = (d) => _.value = d),
+              label: e(l)("fields.is-required")
+            }, null, 8, ["modelValue", "label"]),
+            T.value !== "hidden" ? (p(), w(e(ee), {
+              key: 0,
+              modelValue: B.value,
+              "onUpdate:modelValue": r[18] || (r[18] = (d) => B.value = d),
+              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),
+              label: e(l)("fields.in-table")
+            }, null, 8, ["modelValue", "label"])
+          ])
+        ])
+      ]),
+      _: 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({
+  __name: "FieldList",
+  props: /* @__PURE__ */ Se({
+    form: {},
+    canManage: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  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);
+    }
+    function E(m) {
+      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")]
+      ];
+    }
+    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 : _));
+    }
+    async function S(m) {
+      if (await Oe({
+        title: t("fields.delete-title", { field: F(m) }),
+        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(_));
+        }
+    }
+    function v(m) {
+      return n.canManage ? [
+        { key: "edit", icon: "edit", label: t("fields.edit"), run: () => {
+          T(m);
+        } },
+        {
+          key: "delete",
+          icon: "trash",
+          label: t("fields.delete"),
+          danger: !0,
+          run: () => {
+            S(m);
+          }
+        }
+      ] : [];
+    }
+    async function M() {
+      try {
+        await b.sortFields(
+          n.form.id,
+          c.value.map((m) => m.id)
+        );
+      } catch (m) {
+        H.danger(l(m, t("panel.reorder-failed")));
+      }
+    }
+    return (m, C) => (p(), w(e(pt), {
+      title: e(t)("panel.tab-fields")
+    }, ze({
+      default: u(() => [
+        W.value ? (p(), w(e(ht), {
+          key: 0,
+          title: e(t)("fields.no-fields"),
+          description: e(t)("fields.no-fields-help")
+        }, null, 8, ["title", "description"])) : (p(), w(e(vt), {
+          key: 1,
+          modelValue: c.value,
+          "onUpdate:modelValue": C[1] || (C[1] = (_) => c.value = _),
+          plain: "",
+          "item-key": "id",
+          "item-label": F,
+          "drag-label": e(t)("panel.reorder"),
+          disabled: !a.canManage,
+          "aria-label": e(t)("panel.tab-fields"),
+          onMove: M
+        }, {
+          default: u(({ item: _ }) => [
+            D("div", Kt, [
+              D("div", Zt, [
+                i(e(te), {
+                  weight: "medium",
+                  truncate: ""
+                }, {
+                  default: u(() => [
+                    q(I(F(_)), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                _.is_enabled ? U("", !0) : (p(), w(e(pe), {
+                  key: 0,
+                  type: "default"
+                }, {
+                  default: u(() => [
+                    q(I(e(t)("panel.off")), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              i(e(te), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: u(() => [
+                  D("code", null, "fields[" + I(_.key) + "]", 1),
+                  q(" · " + I(E(_).join(" · ")), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ]),
+          actions: u(({ item: _ }) => [
+            i(e(Ve), {
+              actions: v(_),
+              label: F(_)
+            }, null, 8, ["actions", "label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "drag-label", "disabled", "aria-label"]))
+      ]),
+      _: 2
+    }, [
+      a.canManage ? {
+        name: "extra",
+        fn: u(() => [
+          i(e(Q), {
+            type: "primary",
+            size: "sm",
+            onClick: C[0] || (C[0] = (_) => T(null))
+          }, {
+            icon: u(() => [
+              i(e(ve), { name: "plus" })
+            ]),
+            default: u(() => [
+              q(" " + I(e(t)("fields.new-field")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        key: "0"
+      } : 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"));
+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,
+  It as f,
+  ul as g,
+  dl as h,
+  cl as i,
+  al as j,
+  _t as k,
+  sl as o,
+  re as u
+};
+//# sourceMappingURL=index-BQj2UlUS.js.map