@webx-ui/module-inbox 0.1.0

package/dist/index.js

@@ -0,0 +1,3163 @@
+import { defineComponent as le, useModel as _e, computed as I, unref as e, openBlock as u, createBlock as h, withCtx as a, createVNode as t, mergeModels as We, ref as q, watch as ke, isRef as te, createElementVNode as P, createElementBlock as K, Fragment as X, createCommentVNode as O, createTextVNode as _, toDisplayString as b, renderList as ye, createSlots as Ke, onMounted as ll, reactive as tl, normalizeClass as al } from "vue";
+import { useRoute as qe, useRouter as Ae } from "vue-router";
+import { useAdmin as se, useTranslate as ae, useErrorText as ce, WxRowMenu as we, WxBackButton as Ee, WxDate as Pe, WxListScreen as Ze, WxNotes as nl } from "@webx-ui/module-admin";
+import { useLocales as be, WxLocales as sl, WxRichText as He, useModal as Ne, WxDialog as Ie, WxFormItem as R, WxSelect as ve, WxInput as J, WxText as Z, WxAction as ge, WxButton as Y, WxInputNumber as he, WxDatePicker as Be, WxTagsInput as ol, WxCheckbox as me, WxSpace as Ce, toast as B, createModal as Me, WxCard as ee, WxEmpty as Se, WxSortableList as Re, WxBadge as xe, localizedValue as re, confirm as ze, WxSwitch as Qe, WxTable as Ye, WxAlert as Fe, WxSkeleton as De, WxTabs as Je, WxTab as Ue, WxActionBar as il, WxTextarea as ul, WxRadioGroup as dl, WxCheckboxGroup as rl, WxHeading as Xe, WxAvatar as cl, WxTooltip as pl, WxIcon as ml, WxListDetail as vl, WxDescriptions as Ge, WxDescriptionsItem as Te, WxFileCard as fl, WxTimeline as bl, WxTimelineItem as hl } from "@webx-ui/core";
+const el = /* @__PURE__ */ le({
+  __name: "LocalizedRichText",
+  props: /* @__PURE__ */ We({
+    placeholder: { default: void 0 },
+    minHeight: { default: "160px" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const i = _e(r, "modelValue"), o = r, m = be(), s = I(() => {
+      const c = m.active.value;
+      return m.list.value.some((S) => S.code === c) ? c : m.list.value[0]?.code ?? "";
+    }), p = I({
+      get: () => {
+        const c = i.value;
+        return typeof c == "string" ? s.value === "" || s.value === m.list.value[0]?.code ? c : "" : c[s.value] ?? "";
+      },
+      set: (c) => {
+        if (s.value === "") {
+          i.value = c;
+          return;
+        }
+        const l = typeof i.value == "string" ? { [s.value]: i.value } : i.value;
+        i.value = { ...l, [s.value]: c };
+      }
+    });
+    return (c, l) => e(m).list.value.length > 0 ? (u(), h(e(sl), { key: 0 }, {
+      default: a(() => [
+        t(e(He), {
+          modelValue: p.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (S) => p.value = S),
+          placeholder: o.placeholder,
+          "min-height": o.minHeight
+        }, null, 8, ["modelValue", "placeholder", "min-height"])
+      ]),
+      _: 1
+    })) : (u(), h(e(He), {
+      key: 1,
+      modelValue: p.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (S) => p.value = S),
+      placeholder: o.placeholder,
+      "min-height": o.minHeight
+    }, null, 8, ["modelValue", "placeholder", "min-height"]));
+  }
+});
+function ie(r) {
+  const i = `${r.apiPath}/inbox`, o = (s) => s.data, m = () => {
+  };
+  return {
+    forms: () => r.http.get(`${i}/forms`).then(o),
+    form: (s) => r.http.get(`${i}/forms/${s}`).then(o),
+    createForm: (s) => r.http.post(`${i}/forms`, s).then(o),
+    saveForm: (s, p) => r.http.put(`${i}/forms/${s}`, p).then(o),
+    removeForm: (s) => r.http.delete(`${i}/forms/${s}`).then(m),
+    duplicateForm: (s) => r.http.post(`${i}/forms/${s}/duplicate`, {}).then(o),
+    sortForms: (s) => r.http.post(`${i}/forms/sorting`, { ids: s }).then(m),
+    fields: (s) => r.http.get(`${i}/forms/${s}/fields`).then(o),
+    createField: (s, p) => r.http.post(`${i}/forms/${s}/fields`, p).then(o),
+    saveField: (s, p) => r.http.put(`${i}/fields/${s}`, p).then(o),
+    removeField: (s) => r.http.delete(`${i}/fields/${s}`).then(m),
+    sortFields: (s, p) => r.http.post(`${i}/forms/${s}/fields/sorting`, { ids: p }).then(m),
+    statuses: () => r.http.get(`${i}/statuses`).then(o),
+    createStatus: (s) => r.http.post(`${i}/statuses`, s).then(o),
+    saveStatus: (s, p) => r.http.put(`${i}/statuses/${s}`, p).then(o),
+    removeStatus: (s) => r.http.delete(`${i}/statuses/${s}`).then(m),
+    sortStatuses: (s) => r.http.post(`${i}/statuses/sorting`, { ids: s }).then(m),
+    recipients: () => r.http.get(`${i}/recipients`).then(o),
+    submissions: (s, p = {}) => r.http.get(`${i}/forms/${s}/submissions`, { query: Oe(p) }).then((c) => ({
+      ...c.meta,
+      data: c.data,
+      columns: c.columns,
+      counts: c.counts
+    })),
+    submission: (s, p = {}) => r.http.get(`${i}/submissions/${s}`, { query: Oe(p) }).then(o),
+    createSubmission: (s, p) => r.http.post(`${i}/forms/${s}/submissions`, { fields: p }).then(o),
+    saveSubmission: (s, p) => r.http.put(`${i}/submissions/${s}`, p).then(o),
+    removeSubmission: (s) => r.http.delete(`${i}/submissions/${s}`).then(m),
+    massSubmissions: (s) => r.http.post(`${i}/submissions/mass`, s).then(o),
+    exportUrl: (s, p = {}) => {
+      const c = new URLSearchParams();
+      for (const [S, n] of Object.entries(Oe(p)))
+        n != null && n !== "" && c.set(S, String(n));
+      const l = c.toString();
+      return `${i}/forms/${s}/submissions/export${l === "" ? "" : `?${l}`}`;
+    }
+  };
+}
+function Oe(r) {
+  return {
+    view: r.view === void 0 || r.view === "" ? void 0 : r.view,
+    search: r.search === void 0 || r.search === "" ? void 0 : r.search,
+    assignee: r.assignee ?? void 0,
+    sort: r.sort ?? void 0,
+    page: r.page,
+    per_page: r.per_page
+  };
+}
+const yl = {
+  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.",
+    "choose-form": "Choose a form to see what has come in.",
+    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.",
+    "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",
+    "email-field": "The field holding the sender’s address",
+    "email-field-help": "A reply to the notification then goes to whoever wrote in.",
+    "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-help": "The keys belong to the site and are set in its settings, not here.",
+    "captcha-off": "Off",
+    "captcha-recaptcha": "reCAPTCHA",
+    "captcha-turnstile": "Turnstile",
+    "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-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": "Add by hand",
+    "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-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",
+    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."
+  },
+  fields: {
+    field: "Field",
+    "new-field": "New field",
+    "edit-field": "Field",
+    "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"
+  }
+}, je = /* @__PURE__ */ new WeakSet();
+function ue() {
+  try {
+    const { i18n: r } = se();
+    je.has(r) || (r.defaults("webx-inbox", yl), je.add(r));
+  } catch {
+  }
+}
+const gl = [
+  "text",
+  "email",
+  "tel",
+  "textarea",
+  "select",
+  "radio",
+  "checkbox",
+  "consent",
+  "date",
+  "file",
+  "hidden"
+], xl = ["default", "primary", "success", "warning", "info", "danger"], _l = { class: "wx-inbox-field-form" }, wl = { class: "wx-inbox-field-form__row" }, kl = {
+  key: 2,
+  class: "wx-inbox-choices"
+}, Vl = { class: "wx-inbox-field-form__row" }, $l = { class: "wx-inbox-field-form__checks" }, Ul = /* @__PURE__ */ le({
+  __name: "FieldDialog",
+  props: {
+    field: {},
+    form: {}
+  },
+  setup(r) {
+    const i = r, { resolve: o, dismiss: m, open: s } = Ne(), p = se(), c = ie(p);
+    ue();
+    const l = ae("webx-inbox"), S = ce(), n = q(!1), f = q({}), M = q(""), C = q("text"), T = q({}), U = q({}), A = q({}), d = q({}), y = q(!0), w = q(!1), F = q(!0), W = q(!1);
+    ke(
+      () => i.field,
+      (G) => {
+        M.value = G?.name ?? "", C.value = G?.type ?? "text", T.value = { ...G?.title ?? {} }, U.value = { ...G?.placeholder ?? {} }, A.value = { ...G?.help ?? {} }, d.value = { ...G?.options ?? {} }, y.value = G?.is_enabled ?? !0, w.value = G?.is_required ?? !1, F.value = G?.is_fullsize ?? !0, W.value = G?.in_table ?? !1, f.value = {};
+      },
+      { immediate: !0 }
+    );
+    const H = I(
+      () => gl.map((G) => ({ value: G, label: l(`fields.type-${G}`) }))
+    ), D = I(() => ["select", "radio", "checkbox"].includes(C.value)), N = I(
+      () => Array.isArray(d.value.choices) ? d.value.choices : []
+    ), L = I({
+      get: () => Array.isArray(d.value.extensions) ? d.value.extensions : [],
+      set: (G) => x(
+        "extensions",
+        G.map((k) => k.replace(/^\./, ""))
+      )
+    });
+    function x(G, k) {
+      d.value = { ...d.value, [G]: k };
+    }
+    function V() {
+      x("choices", [...N.value, { value: "", label: {} }]);
+    }
+    function Q(G) {
+      x(
+        "choices",
+        N.value.filter((k, $) => $ !== G)
+      );
+    }
+    function j(G, k) {
+      x(
+        "choices",
+        N.value.map(($, ne) => ne === G ? { ...$, ...k } : $)
+      );
+    }
+    function pe(G) {
+      return f.value[G]?.[0];
+    }
+    async function Ve() {
+      n.value = !0, f.value = {};
+      const G = {
+        name: M.value.trim() === "" ? null : M.value.trim(),
+        type: C.value,
+        title: T.value,
+        placeholder: U.value,
+        help: A.value,
+        options: d.value,
+        is_enabled: y.value,
+        is_required: w.value,
+        is_fullsize: F.value,
+        in_table: W.value
+      };
+      try {
+        o(
+          i.field === null ? await c.createField(i.form.id, G) : await c.saveField(i.field.id, G)
+        );
+      } catch (k) {
+        const $ = k.body;
+        $?.errors ? (f.value = $.errors, B.danger(l("panel.failed"))) : B.danger(S(k));
+      } finally {
+        n.value = !1;
+      }
+    }
+    return (G, k) => (u(), h(e(Ie), {
+      open: e(s),
+      "onUpdate:open": k[21] || (k[21] = ($) => te(s) ? s.value = $ : null),
+      title: r.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
+      width: 720
+    }, {
+      footer: a(() => [
+        t(e(Ce), { size: "sm" }, {
+          default: a(() => [
+            t(e(Y), {
+              variant: "outline",
+              onClick: k[20] || (k[20] = ($) => e(m)())
+            }, {
+              default: a(() => [
+                _(b(e(l)("fields.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Y), {
+              type: "primary",
+              loading: n.value,
+              onClick: Ve
+            }, {
+              default: a(() => [
+                _(b(e(l)("fields.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        P("div", _l, [
+          P("div", wl, [
+            t(e(R), {
+              label: e(l)("fields.type")
+            }, {
+              default: a(() => [
+                t(e(ve), {
+                  modelValue: C.value,
+                  "onUpdate:modelValue": k[0] || (k[0] = ($) => C.value = $),
+                  options: H.value
+                }, null, 8, ["modelValue", "options"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(R), {
+              label: e(l)("fields.name"),
+              help: e(l)("fields.name-help"),
+              error: pe("name")
+            }, {
+              default: a(() => [
+                t(e(J), {
+                  modelValue: M.value,
+                  "onUpdate:modelValue": k[1] || (k[1] = ($) => M.value = $),
+                  placeholder: "email"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help", "error"])
+          ]),
+          t(e(R), {
+            label: e(l)("fields.title"),
+            error: pe("title"),
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: T.value,
+                "onUpdate:modelValue": k[2] || (k[2] = ($) => T.value = $),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          C.value !== "hidden" ? (u(), K(X, { key: 0 }, [
+            C.value !== "consent" ? (u(), h(e(R), {
+              key: 0,
+              label: e(l)("fields.placeholder")
+            }, {
+              default: a(() => [
+                t(e(J), {
+                  modelValue: U.value,
+                  "onUpdate:modelValue": k[3] || (k[3] = ($) => U.value = $),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : O("", !0),
+            t(e(R), {
+              label: e(l)("fields.help")
+            }, {
+              default: a(() => [
+                t(e(J), {
+                  modelValue: A.value,
+                  "onUpdate:modelValue": k[4] || (k[4] = ($) => A.value = $),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ], 64)) : O("", !0),
+          C.value === "consent" ? (u(), h(e(R), {
+            key: 1,
+            label: e(l)("fields.consent-text"),
+            help: e(l)("fields.consent-text-help")
+          }, {
+            default: a(() => [
+              t(el, {
+                "model-value": d.value.text ?? {},
+                "min-height": "100px",
+                "onUpdate:modelValue": k[5] || (k[5] = ($) => x("text", $))
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])) : O("", !0),
+          D.value ? (u(), K("div", kl, [
+            t(e(Z), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: a(() => [
+                _(b(e(l)("fields.choices")), 1)
+              ]),
+              _: 1
+            }),
+            N.value.length === 0 ? (u(), h(e(Z), {
+              key: 0,
+              size: "sm",
+              tone: "placeholder"
+            }, {
+              default: a(() => [
+                _(b(e(l)("fields.no-choices")), 1)
+              ]),
+              _: 1
+            })) : O("", !0),
+            (u(!0), K(X, null, ye(N.value, ($, ne) => (u(), K("div", {
+              key: ne,
+              class: "wx-inbox-choices__row"
+            }, [
+              t(e(J), {
+                "model-value": $.value,
+                placeholder: e(l)("fields.choice-value"),
+                "onUpdate:modelValue": (fe) => j(ne, { value: String(fe) })
+              }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+              t(e(J), {
+                "model-value": $.label,
+                localized: "",
+                placeholder: e(l)("fields.choice-label"),
+                "onUpdate:modelValue": (fe) => j(ne, { label: fe })
+              }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+              t(e(ge), {
+                icon: "trash",
+                title: e(l)("fields.delete"),
+                onClick: (fe) => Q(ne)
+              }, null, 8, ["title", "onClick"])
+            ]))), 128)),
+            t(e(Y), {
+              variant: "outline",
+              size: "sm",
+              icon: "plus",
+              onClick: V
+            }, {
+              default: a(() => [
+                _(b(e(l)("fields.add-choice")), 1)
+              ]),
+              _: 1
+            })
+          ])) : O("", !0),
+          P("div", Vl, [
+            C.value === "textarea" ? (u(), h(e(R), {
+              key: 0,
+              label: e(l)("fields.rows")
+            }, {
+              default: a(() => [
+                t(e(he), {
+                  "model-value": d.value.rows ?? 5,
+                  min: 2,
+                  max: 30,
+                  "onUpdate:modelValue": k[6] || (k[6] = ($) => x("rows", $))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : O("", !0),
+            ["text", "email", "textarea"].includes(C.value) ? (u(), h(e(R), {
+              key: 1,
+              label: e(l)("fields.maxlength")
+            }, {
+              default: a(() => [
+                t(e(he), {
+                  "model-value": d.value.maxlength ?? null,
+                  min: 1,
+                  max: 2e4,
+                  "onUpdate:modelValue": k[7] || (k[7] = ($) => x("maxlength", $))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : O("", !0),
+            C.value === "tel" ? (u(), h(e(R), {
+              key: 2,
+              label: e(l)("fields.pattern"),
+              help: e(l)("fields.pattern-help")
+            }, {
+              default: a(() => [
+                t(e(J), {
+                  "model-value": d.value.pattern ?? "",
+                  "onUpdate:modelValue": k[8] || (k[8] = ($) => x("pattern", $))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"])) : O("", !0),
+            C.value === "date" ? (u(), K(X, { key: 3 }, [
+              t(e(R), {
+                label: e(l)("fields.earliest")
+              }, {
+                default: a(() => [
+                  t(e(Be), {
+                    clearable: "",
+                    "model-value": d.value.min ?? null,
+                    "onUpdate:modelValue": k[9] || (k[9] = ($) => x("min", $))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(e(R), {
+                label: e(l)("fields.latest")
+              }, {
+                default: a(() => [
+                  t(e(Be), {
+                    clearable: "",
+                    "model-value": d.value.max ?? null,
+                    "onUpdate:modelValue": k[10] || (k[10] = ($) => x("max", $))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : O("", !0),
+            C.value === "checkbox" ? (u(), K(X, { key: 4 }, [
+              t(e(R), {
+                label: e(l)("fields.min-choices")
+              }, {
+                default: a(() => [
+                  t(e(he), {
+                    "model-value": d.value.min ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": k[11] || (k[11] = ($) => x("min", $))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(e(R), {
+                label: e(l)("fields.max-choices")
+              }, {
+                default: a(() => [
+                  t(e(he), {
+                    "model-value": d.value.max ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": k[12] || (k[12] = ($) => x("max", $))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : O("", !0),
+            C.value === "file" ? (u(), h(e(R), {
+              key: 5,
+              label: e(l)("fields.max-size")
+            }, {
+              default: a(() => [
+                t(e(he), {
+                  "model-value": d.value.max_size ?? null,
+                  min: 1,
+                  "onUpdate:modelValue": k[13] || (k[13] = ($) => x("max_size", $))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : O("", !0)
+          ]),
+          C.value === "file" ? (u(), K(X, { key: 3 }, [
+            t(e(R), {
+              label: e(l)("fields.extensions"),
+              help: e(l)("fields.extensions-help")
+            }, {
+              default: a(() => [
+                t(e(ol), {
+                  modelValue: L.value,
+                  "onUpdate:modelValue": k[14] || (k[14] = ($) => L.value = $)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            t(e(me), {
+              "model-value": !!d.value.multiple,
+              label: e(l)("fields.multiple"),
+              "onUpdate:modelValue": k[15] || (k[15] = ($) => x("multiple", $))
+            }, null, 8, ["model-value", "label"])
+          ], 64)) : O("", !0),
+          P("div", $l, [
+            t(e(me), {
+              modelValue: y.value,
+              "onUpdate:modelValue": k[16] || (k[16] = ($) => y.value = $),
+              label: e(l)("fields.is-enabled")
+            }, null, 8, ["modelValue", "label"]),
+            t(e(me), {
+              modelValue: w.value,
+              "onUpdate:modelValue": k[17] || (k[17] = ($) => w.value = $),
+              label: e(l)("fields.is-required")
+            }, null, 8, ["modelValue", "label"]),
+            C.value !== "hidden" ? (u(), h(e(me), {
+              key: 0,
+              modelValue: F.value,
+              "onUpdate:modelValue": k[18] || (k[18] = ($) => F.value = $),
+              label: e(l)("fields.is-fullsize")
+            }, null, 8, ["modelValue", "label"])) : O("", !0),
+            t(e(me), {
+              modelValue: W.value,
+              "onUpdate:modelValue": k[19] || (k[19] = ($) => W.value = $),
+              label: e(l)("fields.in-table")
+            }, null, 8, ["modelValue", "label"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), oe = (r, i) => {
+  const o = r.__vccOpts || r;
+  for (const [m, s] of i)
+    o[m] = s;
+  return o;
+}, Sl = /* @__PURE__ */ oe(Ul, [["__scopeId", "data-v-cd153059"]]), Cl = { class: "wx-inbox-field" }, zl = { class: "wx-inbox-field__name" }, Tl = /* @__PURE__ */ le({
+  __name: "FieldList",
+  props: /* @__PURE__ */ We({
+    form: {},
+    canManage: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const i = r, o = _e(r, "modelValue"), m = se(), s = ie(m), p = be();
+    ue();
+    const c = ae("webx-inbox"), l = ce(), S = Me(Sl);
+    function n(d) {
+      return re(d.title, p.active.value, d.key);
+    }
+    function f(d) {
+      return [
+        c(`fields.type-${d.type}`),
+        ...d.is_required ? [c("fields.is-required")] : [],
+        ...d.in_table ? [c("fields.in-table")] : [],
+        ...d.is_fullsize ? [] : [c("fields.is-fullsize")]
+      ];
+    }
+    const M = I(() => o.value.length === 0);
+    async function C(d) {
+      const y = await S({ field: d, form: i.form });
+      y && (o.value = d === null ? [...o.value, y] : o.value.map((w) => w.id === y.id ? y : w));
+    }
+    async function T(d) {
+      if (await ze({
+        title: c("fields.delete-title", { field: n(d) }),
+        message: c("fields.delete-text"),
+        confirmText: c("fields.delete"),
+        cancelText: c("fields.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await s.removeField(d.id), o.value = o.value.filter((w) => w.id !== d.id), B.success(c("panel.deleted"));
+        } catch (w) {
+          B.danger(l(w));
+        }
+    }
+    function U(d) {
+      return i.canManage ? [
+        { key: "edit", icon: "edit", label: c("fields.edit-field"), run: () => {
+          C(d);
+        } },
+        {
+          key: "delete",
+          icon: "trash",
+          label: c("fields.delete"),
+          danger: !0,
+          run: () => {
+            T(d);
+          }
+        }
+      ] : [];
+    }
+    async function A() {
+      try {
+        await s.sortFields(
+          i.form.id,
+          o.value.map((d) => d.id)
+        );
+      } catch (d) {
+        B.danger(l(d, c("panel.reorder-failed")));
+      }
+    }
+    return (d, y) => (u(), h(e(ee), {
+      title: e(c)("panel.tab-fields")
+    }, Ke({
+      default: a(() => [
+        M.value ? (u(), h(e(Se), {
+          key: 0,
+          title: e(c)("fields.no-fields"),
+          description: e(c)("fields.no-fields-help")
+        }, null, 8, ["title", "description"])) : (u(), h(e(Re), {
+          key: 1,
+          modelValue: o.value,
+          "onUpdate:modelValue": y[1] || (y[1] = (w) => o.value = w),
+          plain: "",
+          "item-key": "id",
+          "item-label": n,
+          disabled: !r.canManage,
+          "aria-label": e(c)("panel.tab-fields"),
+          onMove: A
+        }, {
+          default: a(({ item: w }) => [
+            P("div", Cl, [
+              P("div", zl, [
+                t(e(Z), {
+                  weight: "medium",
+                  truncate: ""
+                }, {
+                  default: a(() => [
+                    _(b(n(w)), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                w.is_enabled ? O("", !0) : (u(), h(e(xe), {
+                  key: 0,
+                  type: "default"
+                }, {
+                  default: a(() => [
+                    _(b(e(c)("panel.off")), 1)
+                  ]),
+                  _: 1
+                }))
+              ]),
+              t(e(Z), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: a(() => [
+                  P("code", null, "fields[" + b(w.key) + "]", 1),
+                  _(" · " + b(f(w).join(" · ")), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ]),
+          actions: a(({ item: w }) => [
+            t(e(we), {
+              actions: U(w),
+              label: n(w)
+            }, null, 8, ["actions", "label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "disabled", "aria-label"]))
+      ]),
+      _: 2
+    }, [
+      r.canManage ? {
+        name: "extra",
+        fn: a(() => [
+          t(e(Y), {
+            type: "primary",
+            size: "sm",
+            icon: "plus",
+            onClick: y[0] || (y[0] = (w) => C(null))
+          }, {
+            default: a(() => [
+              _(b(e(c)("fields.new-field")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title"]));
+  }
+}), Fl = /* @__PURE__ */ oe(Tl, [["__scopeId", "data-v-3b684f07"]]);
+function de(r, i, o) {
+  return I({
+    get: () => r.value[i] ?? o,
+    set: (m) => {
+      const s = { ...r.value };
+      m === "" || m === null || m === void 0 ? delete s[i] : s[i] = m, r.value = s;
+    }
+  });
+}
+const Wl = /* @__PURE__ */ le({
+  __name: "FormAntispam",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r) {
+    const i = _e(r, "modelValue"), o = ae("webx-inbox"), m = de(i, "antispam.honeypot", !0), s = de(i, "antispam.min_seconds", 3), p = de(i, "antispam.throttle", 5), c = de(i, "antispam.captcha", "off"), l = I(() => [
+      { value: "off", label: o("panel.captcha-off") },
+      { value: "recaptcha", label: o("panel.captcha-recaptcha") },
+      { value: "turnstile", label: o("panel.captcha-turnstile") }
+    ]);
+    return (S, n) => (u(), h(e(ee), null, {
+      default: a(() => [
+        t(e(R), {
+          label: e(o)("panel.honeypot"),
+          help: e(o)("panel.honeypot-help")
+        }, {
+          default: a(() => [
+            t(e(Qe), {
+              modelValue: e(m),
+              "onUpdate:modelValue": n[0] || (n[0] = (f) => te(m) ? m.value = f : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        t(e(R), {
+          label: e(o)("panel.min-seconds"),
+          help: e(o)("panel.min-seconds-help")
+        }, {
+          default: a(() => [
+            t(e(he), {
+              modelValue: e(s),
+              "onUpdate:modelValue": n[1] || (n[1] = (f) => te(s) ? s.value = f : null),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        t(e(R), {
+          label: e(o)("panel.throttle"),
+          help: e(o)("panel.throttle-help")
+        }, {
+          default: a(() => [
+            t(e(he), {
+              modelValue: e(p),
+              "onUpdate:modelValue": n[2] || (n[2] = (f) => te(p) ? p.value = f : null),
+              min: 0,
+              max: 120
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        t(e(R), {
+          label: e(o)("panel.captcha"),
+          help: e(o)("panel.captcha-help")
+        }, {
+          default: a(() => [
+            t(e(ve), {
+              modelValue: e(c),
+              "onUpdate:modelValue": n[3] || (n[3] = (f) => te(c) ? c.value = f : null),
+              options: l.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"])
+      ]),
+      _: 1
+    }));
+  }
+}), ql = { class: "wx-inbox-embed" }, Al = { class: "wx-inbox-embed__snippet" }, Nl = { class: "wx-inbox-embed__snippet" }, Il = /* @__PURE__ */ le({
+  __name: "FormEmbed",
+  props: {
+    form: {},
+    slug: {},
+    fields: {}
+  },
+  setup(r) {
+    const i = r;
+    ue();
+    const o = ae("webx-inbox"), m = I(() => `<x-webx-form slug="${i.slug}" />`), s = I(
+      () => `{{-- resources/views/blocks/contact.blade.php --}}
+<x-webx-form slug="${i.slug}" />`
+    ), p = I(() => [
+      { key: "key", label: o("fields.name") },
+      { key: "title", label: o("fields.title") },
+      { key: "type", label: o("fields.type"), hideBelow: 520 }
+    ]), c = I(() => i.fields.filter((S) => S.is_enabled));
+    async function l(S) {
+      try {
+        await navigator.clipboard.writeText(S), B.success(o("panel.copied"));
+      } catch {
+      }
+    }
+    return (S, n) => (u(), K("div", ql, [
+      t(e(ee), {
+        title: e(o)("panel.embed-blade")
+      }, {
+        default: a(() => [
+          t(e(Z), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              _(b(e(o)("panel.embed-blade-help")), 1)
+            ]),
+            _: 1
+          }),
+          P("div", Al, [
+            P("code", null, b(m.value), 1),
+            t(e(ge), {
+              icon: "copy",
+              title: e(o)("panel.copy"),
+              onClick: n[0] || (n[0] = (f) => l(m.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      t(e(ee), {
+        title: e(o)("panel.embed-block")
+      }, {
+        default: a(() => [
+          t(e(Z), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              _(b(e(o)("panel.embed-block-help")), 1)
+            ]),
+            _: 1
+          }),
+          P("div", Nl, [
+            P("code", null, b(s.value), 1),
+            t(e(ge), {
+              icon: "copy",
+              title: e(o)("panel.copy"),
+              onClick: n[1] || (n[1] = (f) => l(s.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      t(e(ee), {
+        title: e(o)("panel.embed-names")
+      }, {
+        default: a(() => [
+          t(e(Z), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              _(b(e(o)("panel.embed-names-help")), 1)
+            ]),
+            _: 1
+          }),
+          t(e(Ye), {
+            data: c.value,
+            columns: p.value,
+            "row-key": "id",
+            flush: "",
+            "empty-text": e(o)("fields.no-fields")
+          }, {
+            "cell-key": a(({ row: f }) => [
+              t(e(Z), {
+                mono: "",
+                size: "sm"
+              }, {
+                default: a(() => [
+                  _("fields[" + b(f.key) + "]", 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-title": a(({ row: f }) => [
+              _(b(Object.values(f.title)[0] ?? f.key), 1)
+            ]),
+            "cell-type": a(({ row: f }) => [
+              _(b(e(o)(`fields.type-${f.type}`)), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "empty-text"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), Ml = /* @__PURE__ */ oe(Il, [["__scopeId", "data-v-fdabb537"]]), Dl = { class: "wx-inbox-general" }, Ll = /* @__PURE__ */ le({
+  __name: "FormGeneral",
+  props: /* @__PURE__ */ We({
+    errors: {}
+  }, {
+    settings: { required: !0 },
+    settingsModifiers: {},
+    options: { required: !0 },
+    optionsModifiers: {}
+  }),
+  emits: ["update:settings", "update:options"],
+  setup(r) {
+    const i = _e(
+      r,
+      "settings"
+    ), o = _e(r, "options"), m = ae("webx-inbox"), s = de(o, "thank-you.heading", {}), p = de(o, "thank-you.text", {}), c = de(o, "design.submit-text", {}), l = de(o, "redirect", "");
+    return (S, n) => (u(), K("div", Dl, [
+      t(e(ee), null, {
+        default: a(() => [
+          t(e(R), {
+            label: e(m)("panel.title"),
+            error: r.errors.title?.[0],
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: i.value.title,
+                "onUpdate:modelValue": n[0] || (n[0] = (f) => i.value.title = f),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(R), {
+            label: e(m)("panel.slug"),
+            help: e(m)("panel.slug-help"),
+            error: r.errors.slug?.[0],
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: i.value.slug,
+                "onUpdate:modelValue": n[1] || (n[1] = (f) => i.value.slug = f),
+                placeholder: "contact"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"]),
+          t(e(R), {
+            label: e(m)("panel.is-enabled"),
+            help: e(m)("panel.is-enabled-help")
+          }, {
+            default: a(() => [
+              t(e(Qe), {
+                modelValue: i.value.is_enabled,
+                "onUpdate:modelValue": n[2] || (n[2] = (f) => i.value.is_enabled = f)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])
+        ]),
+        _: 1
+      }),
+      t(e(ee), {
+        title: e(m)("panel.after-sending")
+      }, {
+        default: a(() => [
+          t(e(R), {
+            label: e(m)("panel.submit-text")
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: e(c),
+                "onUpdate:modelValue": n[3] || (n[3] = (f) => te(c) ? c.value = f : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(R), {
+            label: e(m)("panel.thank-you-heading")
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: e(s),
+                "onUpdate:modelValue": n[4] || (n[4] = (f) => te(s) ? s.value = f : null),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(R), {
+            label: e(m)("panel.thank-you-text")
+          }, {
+            default: a(() => [
+              t(el, {
+                modelValue: e(p),
+                "onUpdate:modelValue": n[5] || (n[5] = (f) => te(p) ? p.value = f : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          t(e(R), {
+            label: e(m)("panel.redirect"),
+            help: e(m)("panel.redirect-help")
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: e(l),
+                "onUpdate:modelValue": n[6] || (n[6] = (f) => te(l) ? l.value = f : null),
+                placeholder: "/thank-you"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), Ol = /* @__PURE__ */ oe(Ll, [["__scopeId", "data-v-35e56e3d"]]), Pl = { class: "wx-inbox-recipients" }, Bl = /* @__PURE__ */ le({
+  __name: "FormNotifications",
+  props: /* @__PURE__ */ We({
+    fields: {},
+    errors: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const i = r, o = _e(r, "modelValue"), m = se(), s = ie(m), p = ae("webx-inbox"), c = q([]), l = de(o, "recipients", []), S = de(o, "email_field", "");
+    ll(async () => {
+      try {
+        c.value = await s.recipients();
+      } catch {
+      }
+    });
+    const n = I(
+      () => c.value.map((d) => ({ value: d.id, label: `${d.name} · ${d.email}` }))
+    ), f = I(() => [
+      { value: "", label: p("panel.no-email-field") },
+      ...i.fields.filter((d) => d.type === "email").map((d) => ({ value: d.key, label: d.key }))
+    ]);
+    function M(d) {
+      return "admin_id" in d;
+    }
+    function C(d) {
+      l.value = [...l.value, d];
+    }
+    function T(d) {
+      l.value = l.value.filter((y, w) => w !== d);
+    }
+    function U(d, y) {
+      l.value = l.value.map((w, F) => F === d ? { admin_id: y } : w);
+    }
+    function A(d, y) {
+      l.value = l.value.map((w, F) => F === d ? { email: y } : w);
+    }
+    return (d, y) => (u(), h(e(ee), {
+      title: e(p)("panel.recipients")
+    }, {
+      default: a(() => [
+        t(e(Z), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: a(() => [
+            _(b(e(p)("panel.recipients-help")), 1)
+          ]),
+          _: 1
+        }),
+        r.errors["options.recipients"] ? (u(), h(e(Fe), {
+          key: 0,
+          type: "danger",
+          variant: "soft",
+          description: r.errors["options.recipients"]?.[0]
+        }, null, 8, ["description"])) : O("", !0),
+        P("div", Pl, [
+          e(l).length === 0 ? (u(), h(e(Z), {
+            key: 0,
+            size: "sm",
+            tone: "placeholder"
+          }, {
+            default: a(() => [
+              _(b(e(p)("panel.no-recipients")), 1)
+            ]),
+            _: 1
+          })) : O("", !0),
+          (u(!0), K(X, null, ye(e(l), (w, F) => (u(), K("div", {
+            key: F,
+            class: "wx-inbox-recipients__row"
+          }, [
+            M(w) ? (u(), h(e(ve), {
+              key: 0,
+              "model-value": w.admin_id,
+              options: n.value,
+              "onUpdate:modelValue": (W) => U(F, Number(W))
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (u(), h(e(J), {
+              key: 1,
+              "model-value": w.email,
+              type: "email",
+              placeholder: "sales@example.com",
+              "onUpdate:modelValue": (W) => A(F, String(W))
+            }, null, 8, ["model-value", "onUpdate:modelValue"])),
+            t(e(ge), {
+              icon: "trash",
+              title: e(p)("panel.remove"),
+              onClick: (W) => T(F)
+            }, null, 8, ["title", "onClick"])
+          ]))), 128))
+        ]),
+        t(e(Ce), { size: "sm" }, {
+          default: a(() => [
+            t(e(Y), {
+              variant: "outline",
+              icon: "user",
+              disabled: n.value.length === 0,
+              onClick: y[0] || (y[0] = (w) => C({ admin_id: Number(n.value[0]?.value) }))
+            }, {
+              default: a(() => [
+                _(b(e(p)("panel.add-admin")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            t(e(Y), {
+              variant: "outline",
+              icon: "mail",
+              onClick: y[1] || (y[1] = (w) => C({ email: "" }))
+            }, {
+              default: a(() => [
+                _(b(e(p)("panel.add-email")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        t(e(R), {
+          label: e(p)("panel.email-field"),
+          help: e(p)("panel.email-field-help")
+        }, {
+          default: a(() => [
+            t(e(ve), {
+              modelValue: e(S),
+              "onUpdate:modelValue": y[2] || (y[2] = (w) => te(S) ? S.value = w : null),
+              options: f.value
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), El = /* @__PURE__ */ oe(Bl, [["__scopeId", "data-v-48ebf651"]]), Rl = {
+  class: "wx-inbox-editor",
+  "data-wx-fill": ""
+}, Hl = { class: "wx-inbox-editor__head" }, Gl = { class: "wx-inbox-editor__id" }, jl = { class: "wx-inbox-editor__title" }, Kl = /* @__PURE__ */ le({
+  __name: "FormEditorPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(r) {
+    const i = r, o = se(), m = ie(o), s = qe(), p = Ae(), c = be();
+    ue();
+    const l = ae("webx-inbox"), S = ce(), n = q(null), f = q([]), M = q(!0), C = q(!1), T = q({});
+    let U = tl({
+      slug: "",
+      title: {},
+      is_enabled: !0
+    });
+    const A = q({}), d = I(() => o.can("inbox.manage")), y = I(() => Number(s.params.id)), w = I(
+      () => n.value === null ? "" : re(U.title, c.active.value, U.slug)
+    ), F = I(() => `${i.base}?form=${y.value}`);
+    async function W() {
+      M.value = !0;
+      try {
+        const D = await m.form(y.value);
+        n.value = D, f.value = D.fields ?? [], U.slug = D.slug, U.title = { ...D.title }, U.is_enabled = D.is_enabled, A.value = { ...D.options };
+      } catch (D) {
+        B.danger(S(D)), p.replace(i.base);
+      } finally {
+        M.value = !1;
+      }
+    }
+    ke(y, () => {
+      W();
+    }, { immediate: !0 });
+    async function H() {
+      C.value = !0, T.value = {};
+      try {
+        const D = await m.saveForm(y.value, {
+          slug: U.slug.trim(),
+          title: U.title,
+          is_enabled: U.is_enabled,
+          options: A.value
+        });
+        n.value = D, B.success(l("panel.saved"));
+      } catch (D) {
+        const N = D.body;
+        N?.errors ? (T.value = N.errors, B.danger(l("panel.failed"))) : B.danger(S(D));
+      } finally {
+        C.value = !1;
+      }
+    }
+    return (D, N) => (u(), K("div", Rl, [
+      M.value ? (u(), h(e(De), {
+        key: 0,
+        title: "",
+        rows: 8
+      })) : n.value ? (u(), K(X, { key: 1 }, [
+        P("div", Hl, [
+          t(e(Ee), {
+            to: F.value,
+            label: e(l)("panel.forms")
+          }, null, 8, ["to", "label"]),
+          P("div", Gl, [
+            P("h1", jl, b(w.value), 1),
+            t(e(Z), {
+              size: "sm",
+              tone: "muted",
+              mono: ""
+            }, {
+              default: a(() => [
+                _(b(n.value.slug), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          e(U).is_enabled ? O("", !0) : (u(), h(e(xe), {
+            key: 0,
+            type: "default"
+          }, {
+            default: a(() => [
+              _(b(e(l)("panel.off")), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        t(e(Je), {
+          class: "wx-inbox-editor__tabs",
+          "keep-alive": ""
+        }, {
+          default: a(() => [
+            t(e(Ue), {
+              value: "general",
+              label: e(l)("panel.tab-general")
+            }, {
+              default: a(() => [
+                t(Ol, {
+                  settings: e(U),
+                  "onUpdate:settings": N[0] || (N[0] = (L) => te(U) ? U.value = L : U = L),
+                  options: A.value,
+                  "onUpdate:options": N[1] || (N[1] = (L) => A.value = L),
+                  errors: T.value
+                }, null, 8, ["settings", "options", "errors"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(Ue), {
+              value: "fields",
+              label: e(l)("panel.tab-fields")
+            }, {
+              default: a(() => [
+                t(Fl, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": N[2] || (N[2] = (L) => f.value = L),
+                  form: n.value,
+                  "can-manage": d.value
+                }, null, 8, ["modelValue", "form", "can-manage"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(Ue), {
+              value: "notifications",
+              label: e(l)("panel.tab-notifications")
+            }, {
+              default: a(() => [
+                t(El, {
+                  modelValue: A.value,
+                  "onUpdate:modelValue": N[3] || (N[3] = (L) => A.value = L),
+                  fields: f.value,
+                  errors: T.value
+                }, null, 8, ["modelValue", "fields", "errors"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(Ue), {
+              value: "antispam",
+              label: e(l)("panel.tab-antispam")
+            }, {
+              default: a(() => [
+                t(Wl, {
+                  modelValue: A.value,
+                  "onUpdate:modelValue": N[4] || (N[4] = (L) => A.value = L)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            t(e(Ue), {
+              value: "embed",
+              label: e(l)("panel.tab-embed")
+            }, {
+              default: a(() => [
+                t(Ml, {
+                  form: n.value,
+                  slug: e(U).slug,
+                  fields: f.value
+                }, null, 8, ["form", "slug", "fields"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }),
+        d.value ? (u(), h(e(il), { key: 0 }, {
+          default: a(() => [
+            t(e(Y), {
+              type: "primary",
+              loading: C.value,
+              onClick: H
+            }, {
+              default: a(() => [
+                _(b(e(l)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })) : O("", !0)
+      ], 64)) : O("", !0)
+    ]));
+  }
+}), Zl = /* @__PURE__ */ oe(Kl, [["__scopeId", "data-v-194b4a47"]]), Ql = { class: "wx-inbox-create" }, Yl = /* @__PURE__ */ le({
+  __name: "FormCreateDialog",
+  setup(r) {
+    const { resolve: i, dismiss: o, open: m } = Ne(), s = se(), p = ie(s);
+    ue();
+    const c = ae("webx-inbox"), l = ce(), S = q({}), n = q(""), f = q(!1), M = q({});
+    function C(U) {
+      return M.value[U]?.[0];
+    }
+    async function T() {
+      f.value = !0, M.value = {};
+      try {
+        i(
+          await p.createForm({
+            title: S.value,
+            slug: n.value.trim(),
+            is_enabled: !0,
+            options: {}
+          })
+        );
+      } catch (U) {
+        const A = U.body;
+        A?.errors ? (M.value = A.errors, B.danger(c("panel.failed"))) : B.danger(l(U));
+      } finally {
+        f.value = !1;
+      }
+    }
+    return (U, A) => (u(), h(e(Ie), {
+      open: e(m),
+      "onUpdate:open": A[3] || (A[3] = (d) => te(m) ? m.value = d : null),
+      title: e(c)("panel.new-form-title"),
+      width: 520
+    }, {
+      footer: a(() => [
+        t(e(Ce), { size: "sm" }, {
+          default: a(() => [
+            t(e(Y), {
+              variant: "outline",
+              onClick: A[2] || (A[2] = (d) => e(o)())
+            }, {
+              default: a(() => [
+                _(b(e(c)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Y), {
+              type: "primary",
+              loading: f.value,
+              onClick: T
+            }, {
+              default: a(() => [
+                _(b(e(c)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        P("div", Ql, [
+          t(e(R), {
+            label: e(c)("panel.title"),
+            error: C("title"),
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: S.value,
+                "onUpdate:modelValue": A[0] || (A[0] = (d) => S.value = d),
+                localized: "",
+                autofocus: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(R), {
+            label: e(c)("panel.slug"),
+            help: e(c)("panel.slug-help"),
+            error: C("slug")
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: n.value,
+                "onUpdate:modelValue": A[1] || (A[1] = (d) => n.value = d),
+                placeholder: "contact"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "help", "error"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Jl = /* @__PURE__ */ oe(Yl, [["__scopeId", "data-v-55fb40d8"]]), Xl = { class: "wx-inbox-by-hand" }, et = /* @__PURE__ */ le({
+  __name: "SubmissionCreateDialog",
+  props: {
+    form: {}
+  },
+  setup(r) {
+    const i = r, { resolve: o, dismiss: m, open: s } = Ne(), p = se(), c = ie(p), l = be();
+    ue();
+    const S = ae("webx-inbox"), n = ce(), f = q([]), M = q(!0), C = q(!1), T = q({}), U = q({}), A = I(() => f.value.filter((N) => N.type !== "file")), d = I(() => f.value.some((N) => N.type === "file"));
+    function y(N) {
+      return U.value[`fields.${N.key}`]?.[0];
+    }
+    function w(N) {
+      return re(N.title, l.active.value, N.key);
+    }
+    function F(N, L = "") {
+      return re(
+        N,
+        l.active.value,
+        L
+      );
+    }
+    function W(N) {
+      return (N.options.choices ?? []).map((L) => ({
+        value: L.value,
+        label: F(L.label, L.value)
+      }));
+    }
+    async function H() {
+      try {
+        const N = await c.form(i.form.id);
+        f.value = (N.fields ?? []).filter((L) => L.is_enabled);
+        for (const L of f.value)
+          T.value[L.key] = L.type === "checkbox" ? [] : L.type === "consent" ? !1 : "";
+      } catch (N) {
+        B.danger(n(N));
+      } finally {
+        M.value = !1;
+      }
+    }
+    H();
+    async function D() {
+      C.value = !0, U.value = {};
+      try {
+        o(await c.createSubmission(i.form.id, T.value));
+      } catch (N) {
+        const L = N.body;
+        L?.errors ? (U.value = L.errors, B.danger(S("panel.failed"))) : B.danger(n(N));
+      } finally {
+        C.value = !1;
+      }
+    }
+    return (N, L) => (u(), h(e(Ie), {
+      open: e(s),
+      "onUpdate:open": L[1] || (L[1] = (x) => te(s) ? s.value = x : null),
+      title: e(S)("panel.new-submission-title"),
+      width: 560
+    }, {
+      footer: a(() => [
+        t(e(Ce), { size: "sm" }, {
+          default: a(() => [
+            t(e(Y), {
+              variant: "outline",
+              onClick: L[0] || (L[0] = (x) => e(m)())
+            }, {
+              default: a(() => [
+                _(b(e(S)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Y), {
+              type: "primary",
+              loading: C.value,
+              disabled: M.value,
+              onClick: D
+            }, {
+              default: a(() => [
+                _(b(e(S)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        P("div", Xl, [
+          t(e(Fe), {
+            type: "info",
+            closable: !1
+          }, {
+            default: a(() => [
+              _(b(e(S)("panel.new-submission-help")), 1)
+            ]),
+            _: 1
+          }),
+          M.value ? (u(), h(e(De), {
+            key: 0,
+            rows: 4
+          })) : (u(), K(X, { key: 1 }, [
+            (u(!0), K(X, null, ye(A.value, (x) => (u(), h(e(R), {
+              key: x.id,
+              label: w(x),
+              help: F(x.help),
+              error: y(x),
+              required: x.is_required
+            }, {
+              default: a(() => [
+                x.type === "textarea" ? (u(), h(e(ul), {
+                  key: 0,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  rows: x.options.rows ?? 4,
+                  placeholder: F(x.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : x.type === "select" ? (u(), h(e(ve), {
+                  key: 1,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  options: W(x),
+                  clearable: "",
+                  placeholder: F(x.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : x.type === "radio" ? (u(), h(e(dl), {
+                  key: 2,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  options: W(x)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : x.type === "checkbox" ? (u(), h(e(rl), {
+                  key: 3,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  options: W(x)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : x.type === "consent" ? (u(), h(e(me), {
+                  key: 4,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  label: F(x.options.text, w(x))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : x.type === "date" ? (u(), h(e(Be), {
+                  key: 5,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  placeholder: F(x.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (u(), h(e(J), {
+                  key: 6,
+                  modelValue: T.value[x.key],
+                  "onUpdate:modelValue": (V) => T.value[x.key] = V,
+                  type: x.type === "email" ? "email" : x.type === "tel" ? "tel" : "text",
+                  placeholder: F(x.placeholder),
+                  maxlength: x.options.maxlength
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
+              ]),
+              _: 2
+            }, 1032, ["label", "help", "error", "required"]))), 128)),
+            d.value ? (u(), h(e(Fe), {
+              key: 0,
+              type: "warning",
+              closable: !1
+            }, {
+              default: a(() => [
+                _(b(e(S)("panel.no-files-by-hand")), 1)
+              ]),
+              _: 1
+            })) : O("", !0)
+          ], 64))
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), lt = /* @__PURE__ */ oe(et, [["__scopeId", "data-v-72006299"]]), tt = { class: "wx-submissions" }, at = { class: "wx-submissions__head" }, nt = { class: "wx-submissions__who" }, st = { class: "wx-submissions__mass" }, ot = { class: "wx-submissions__state" }, it = /* @__PURE__ */ le({
+  __name: "SubmissionList",
+  props: {
+    form: {},
+    base: { default: "/inbox" },
+    inline: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "changed"],
+  setup(r, { emit: i }) {
+    const o = r, m = i, s = se(), p = ie(s), c = qe(), l = Ae(), S = be();
+    ue();
+    const n = ae("webx-inbox"), f = ce(), M = q(null), C = q([]), T = q(!1), U = q([]), A = q(!1), d = I(() => s.can("inbox.update")), y = I(() => s.can("inbox.manage")), w = Me(lt), F = I({
+      get: () => typeof c.query.view == "string" && c.query.view !== "" ? c.query.view : "all",
+      set: (v) => {
+        l.replace({
+          query: { ...c.query, view: v === "all" ? void 0 : v, page: void 0 }
+        });
+      }
+    }), W = I(() => ({
+      view: F.value,
+      search: typeof c.query.search == "string" ? c.query.search : "",
+      assignee: typeof c.query.assignee == "string" ? c.query.assignee : null,
+      sort: typeof c.query.sort == "string" ? c.query.sort : null,
+      page: Number(c.query.page ?? 1) || 1
+    })), H = I(() => {
+      const v = M.value?.counts, z = [
+        { value: "all", label: n("panel.view-all"), badge: v?.all || void 0 },
+        { value: "unread", label: n("panel.view-unread"), badge: v?.unread || void 0 }
+      ];
+      for (const E of C.value)
+        z.push({
+          value: E.key,
+          label: x(E),
+          badge: v?.statuses[E.key] || void 0
+        });
+      return z;
+    }), D = I(() => [
+      ...(M.value?.columns ?? []).map((z, E) => ({
+        key: `values.${z.key}`,
+        label: z.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: E === 0 ? void 0 : 320 + E * 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: n("panel.status"), minWidth: 100 },
+      {
+        key: "created_at",
+        label: n("panel.received"),
+        sortable: !0,
+        width: 150,
+        // "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: 56, align: "right", hideOnCards: !0 }
+    ]), N = I(
+      () => W.value.view === "all" && W.value.search === "" && W.value.assignee === null ? n("panel.submissions-empty") : n("panel.submissions-none")
+    ), L = I(
+      () => C.value.map((v) => ({ value: v.id, label: x(v) }))
+    );
+    function x(v) {
+      return re(v.title, S.active.value, v.key);
+    }
+    function V() {
+      return re(o.form.title, S.active.value, o.form.slug);
+    }
+    async function Q(v) {
+      T.value = !0;
+      try {
+        M.value = await p.submissions(o.form.id, {
+          view: W.value.view,
+          search: v?.search ?? W.value.search,
+          assignee: W.value.assignee,
+          sort: v?.sort ? `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}` : null,
+          page: v?.page ?? W.value.page,
+          per_page: v?.perPage
+        });
+      } catch (z) {
+        B.danger(f(z));
+      } finally {
+        T.value = !1;
+      }
+    }
+    function j(v) {
+      const z = {
+        ...c.query,
+        search: v.search === "" ? void 0 : v.search,
+        sort: v.sort === null ? void 0 : `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}`,
+        page: v.page === 1 ? void 0 : String(v.page)
+      };
+      l.replace({ query: z }), Q(v);
+    }
+    ke(
+      () => [o.form.id, F.value, W.value.assignee],
+      () => {
+        U.value = [], Q();
+      }
+    ), Q(), pe();
+    async function pe() {
+      try {
+        C.value = await p.statuses();
+      } catch (v) {
+        B.danger(f(v));
+      }
+    }
+    function Ve(v) {
+      l.push({ path: `${o.base}/submissions/${v.id}`, query: { ...c.query } });
+    }
+    function G(v) {
+      return d.value ? [
+        {
+          key: "read",
+          icon: v.is_read ? "eye-off" : "eye",
+          label: v.is_read ? n("panel.mark-unread") : n("panel.mark-read"),
+          run: () => {
+            ne([v.id], v.is_read ? "unread" : "read");
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: n("panel.delete"),
+          danger: !0,
+          run: () => {
+            $([v.id]);
+          }
+        }
+      ] : [];
+    }
+    async function k(v) {
+      typeof v == "number" && (A.value = !0, await ne(
+        U.value.map((z) => z.id),
+        "status",
+        v
+      ), A.value = !1);
+    }
+    async function $(v) {
+      await ze({
+        title: v.length === 1 ? n("panel.delete-submission-title") : n("panel.delete-selected-title", { count: v.length }),
+        message: n("panel.delete-submission-text"),
+        confirmText: n("panel.delete"),
+        cancelText: n("panel.cancel"),
+        tone: "danger"
+      }) && await ne(v, "delete");
+    }
+    async function ne(v, z, E) {
+      if (v.length !== 0)
+        try {
+          await p.massSubmissions({ ids: v, action: z, status_id: E }), U.value = [], await Q(), m("changed");
+        } catch ($e) {
+          B.danger(f($e));
+        }
+    }
+    async function fe() {
+      const v = await w({ form: o.form });
+      v && (B.success(n("panel.created")), await Q(), m("changed"), l.push({ path: `${o.base}/submissions/${v.id}`, query: { ...c.query } }));
+    }
+    const Le = I(
+      () => p.exportUrl(o.form.id, {
+        view: W.value.view,
+        search: W.value.search,
+        assignee: W.value.assignee,
+        sort: W.value.sort
+      })
+    );
+    function g() {
+      l.push(`${o.base}/forms/${o.form.id}`);
+    }
+    return (v, z) => (u(), K("div", tt, [
+      P("div", at, [
+        r.inline ? O("", !0) : (u(), h(e(ge), {
+          key: 0,
+          icon: "arrow-left",
+          title: e(n)("panel.forms"),
+          onClick: z[0] || (z[0] = (E) => m("back"))
+        }, null, 8, ["title"])),
+        P("div", nt, [
+          t(e(Xe), {
+            level: 3,
+            truncate: ""
+          }, {
+            default: a(() => [
+              _(b(V()), 1)
+            ]),
+            _: 1
+          }),
+          t(e(Z), {
+            size: "sm",
+            tone: "muted",
+            mono: "",
+            truncate: ""
+          }, {
+            default: a(() => [
+              _(b(r.form.slug), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        d.value ? (u(), h(e(Y), {
+          key: 1,
+          variant: "outline",
+          icon: "plus",
+          size: "sm",
+          onClick: fe
+        }, {
+          default: a(() => [
+            _(b(e(n)("panel.new-submission")), 1)
+          ]),
+          _: 1
+        })) : O("", !0),
+        t(e(Y), {
+          variant: "outline",
+          icon: "download",
+          size: "sm",
+          href: Le.value
+        }, {
+          default: a(() => [
+            _(b(e(n)("panel.export")), 1)
+          ]),
+          _: 1
+        }, 8, ["href"]),
+        y.value ? (u(), h(e(Y), {
+          key: 2,
+          variant: "outline",
+          icon: "settings",
+          size: "sm",
+          onClick: g
+        }, {
+          default: a(() => [
+            _(b(e(n)("panel.settings")), 1)
+          ]),
+          _: 1
+        })) : O("", !0)
+      ]),
+      t(e(Je), {
+        modelValue: F.value,
+        "onUpdate:modelValue": z[3] || (z[3] = (E) => F.value = E),
+        class: "wx-submissions__views",
+        items: H.value,
+        "collapse-below": 560,
+        "aria-label": e(n)("panel.status")
+      }, {
+        default: a(() => [
+          t(e(Ye), {
+            data: M.value,
+            columns: D.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: T.value,
+            selectable: d.value,
+            "row-class": (E) => E.is_read ? void 0 : "is-unread",
+            "search-placeholder": e(n)("panel.search-submissions"),
+            "empty-text": N.value,
+            "cards-below": 640,
+            onRowClick: Ve,
+            onStateChange: j,
+            onSelectionChange: z[2] || (z[2] = (E, $e) => U.value = $e)
+          }, Ke({
+            "cell-status": a(({ row: E }) => [
+              P("div", ot, [
+                E.status ? (u(), h(e(xe), {
+                  key: 0,
+                  type: E.status.color
+                }, {
+                  default: a(() => [
+                    _(b(x(E.status)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])) : O("", !0),
+                E.assignee ? (u(), h(e(cl), {
+                  key: 1,
+                  name: E.assignee.name,
+                  title: E.assignee.name,
+                  size: "xs",
+                  tone: "auto"
+                }, null, 8, ["name", "title"])) : O("", !0),
+                E.files_count > 0 ? (u(), h(e(pl), {
+                  key: 2,
+                  content: e(n)("panel.attachments")
+                }, {
+                  default: a(() => [
+                    t(e(ml), {
+                      name: "file",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : O("", !0)
+              ])
+            ]),
+            "cell-created_at": a(({ row: E }) => [
+              t(e(Pe), {
+                value: E.created_at
+              }, null, 8, ["value"])
+            ]),
+            "card-actions": a(({ row: E }) => [
+              t(e(we), {
+                actions: G(E),
+                label: String(E.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            "cell-actions": a(({ row: E }) => [
+              t(e(we), {
+                actions: G(E),
+                label: String(E.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 2
+          }, [
+            U.value.length > 0 ? {
+              name: "actions",
+              fn: a(() => [
+                P("div", st, [
+                  t(e(Z), {
+                    size: "sm",
+                    weight: "medium"
+                  }, {
+                    default: a(() => [
+                      _(b(e(n)("panel.selected", { count: U.value.length })), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(e(ve), {
+                    "model-value": null,
+                    options: L.value,
+                    placeholder: e(n)("panel.move-to"),
+                    disabled: A.value,
+                    size: "sm",
+                    style: { width: "180px" },
+                    "onUpdate:modelValue": k
+                  }, null, 8, ["options", "placeholder", "disabled"]),
+                  t(e(Y), {
+                    size: "sm",
+                    variant: "outline",
+                    type: "danger",
+                    icon: "trash",
+                    onClick: z[1] || (z[1] = (E) => $(U.value.map(($e) => $e.id)))
+                  }, {
+                    default: a(() => [
+                      _(b(e(n)("panel.delete")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["data", "columns", "loading", "selectable", "row-class", "search-placeholder", "empty-text"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "items", "aria-label"])
+    ]));
+  }
+}), ut = /* @__PURE__ */ oe(it, [["__scopeId", "data-v-7ef0e131"]]), dt = ["onClick"], rt = { class: "wx-inbox-form__name" }, ct = /* @__PURE__ */ le({
+  __name: "InboxPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(r) {
+    const i = r, o = se(), m = ie(o), s = qe(), p = Ae(), c = be();
+    ue();
+    const l = ae("webx-inbox"), S = ce(), n = q([]), f = q(!0), M = q(!1), C = I(() => o.can("inbox.manage")), T = Me(Jl), U = I(
+      () => o.state.manifest?.modules.find((V) => V.id === "inbox")?.title ?? l("module.title")
+    ), A = I(() => {
+      const V = s.query.form;
+      return typeof V == "string" && V !== "" ? Number(V) : null;
+    }), d = I(() => n.value.find((V) => V.id === A.value) ?? null);
+    function y(V) {
+      return re(V.title, c.active.value, V.slug);
+    }
+    async function w() {
+      f.value = !0;
+      try {
+        n.value = await m.forms();
+      } catch (V) {
+        B.danger(S(V));
+      } finally {
+        f.value = !1;
+      }
+    }
+    w(), ke(d, (V) => {
+      V !== null && (M.value = !0);
+    });
+    function F(V) {
+      p.replace({ query: { ...s.query, form: String(V.id) } }), M.value = !0;
+    }
+    function W(V) {
+      p.push(`${i.base}/forms/${V.id}`);
+    }
+    function H(V) {
+      return C.value ? [
+        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => W(V) },
+        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => N(V) },
+        // A form that has taken submissions is switched off, never deleted (§2.4). The line is
+        // left out rather than greyed: a menu is a list of what is possible.
+        ...V.submissions_count === 0 ? [
+          {
+            key: "delete",
+            icon: "trash",
+            label: l("panel.delete"),
+            danger: !0,
+            run: () => L(V)
+          }
+        ] : []
+      ] : [];
+    }
+    async function D() {
+      const V = await T({});
+      V && (await w(), W(V));
+    }
+    async function N(V) {
+      try {
+        const Q = await m.duplicateForm(V.id);
+        B.success(l("panel.duplicated")), await w(), W(Q);
+      } catch (Q) {
+        B.danger(S(Q));
+      }
+    }
+    async function L(V) {
+      if (await ze({
+        title: l("panel.delete-form-title", { form: y(V) }),
+        message: l("panel.delete-form-text"),
+        confirmText: l("panel.delete"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          if (await m.removeForm(V.id), B.success(l("panel.deleted")), A.value === V.id) {
+            const j = { ...s.query };
+            delete j.form, p.replace({ query: j }), M.value = !1;
+          }
+          await w();
+        } catch (j) {
+          B.danger(S(j));
+        }
+    }
+    async function x() {
+      try {
+        await m.sortForms(n.value.map((V) => V.id));
+      } catch (V) {
+        B.danger(S(V, l("panel.reorder-failed"))), await w();
+      }
+    }
+    return (V, Q) => (u(), h(e(Ze), {
+      title: U.value,
+      card: !1,
+      fill: ""
+    }, {
+      actions: a(() => [
+        C.value ? (u(), h(e(Y), {
+          key: 0,
+          variant: "outline",
+          icon: "tag",
+          onClick: Q[0] || (Q[0] = (j) => e(p).push(`${i.base}/statuses`))
+        }, {
+          default: a(() => [
+            _(b(e(l)("panel.statuses")), 1)
+          ]),
+          _: 1
+        })) : O("", !0),
+        C.value ? (u(), h(e(Y), {
+          key: 1,
+          type: "primary",
+          icon: "plus",
+          onClick: D
+        }, {
+          default: a(() => [
+            _(b(e(l)("panel.new-form")), 1)
+          ]),
+          _: 1
+        })) : O("", !0)
+      ]),
+      default: a(() => [
+        t(e(ee), {
+          class: "wx-inbox",
+          padding: "none"
+        }, {
+          default: a(() => [
+            t(e(vl), {
+              open: M.value,
+              "onUpdate:open": Q[2] || (Q[2] = (j) => M.value = j),
+              class: "wx-inbox__panes",
+              "list-width": 270,
+              "detail-min": 420,
+              "detail-label": d.value ? y(d.value) : e(l)("panel.forms")
+            }, {
+              list: a(() => [
+                f.value ? (u(), h(e(De), {
+                  key: 0,
+                  class: "wx-inbox__loading",
+                  rows: 5
+                })) : n.value.length === 0 ? (u(), h(e(Se), {
+                  key: 1,
+                  title: e(l)("panel.no-forms"),
+                  description: e(l)("panel.no-forms-help")
+                }, null, 8, ["title", "description"])) : (u(), h(e(Re), {
+                  key: 2,
+                  modelValue: n.value,
+                  "onUpdate:modelValue": Q[1] || (Q[1] = (j) => n.value = j),
+                  class: "wx-inbox__forms",
+                  plain: "",
+                  size: "sm",
+                  "item-key": "id",
+                  "item-label": y,
+                  disabled: !C.value,
+                  title: e(l)("panel.forms"),
+                  onMove: x
+                }, {
+                  default: a(({ item: j }) => [
+                    P("button", {
+                      type: "button",
+                      class: al(["wx-inbox-form", { "is-current": j.id === A.value }]),
+                      onClick: (pe) => F(j)
+                    }, [
+                      P("span", rt, [
+                        t(e(Z), {
+                          truncate: "",
+                          weight: "medium"
+                        }, {
+                          default: a(() => [
+                            _(b(y(j)), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        j.is_enabled ? O("", !0) : (u(), h(e(xe), {
+                          key: 0,
+                          type: "default"
+                        }, {
+                          default: a(() => [
+                            _(b(e(l)("panel.off")), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ]),
+                      t(e(Z), {
+                        size: "sm",
+                        tone: "muted",
+                        truncate: ""
+                      }, {
+                        default: a(() => [
+                          _(b(j.slug), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 10, dt),
+                    j.unread_count ? (u(), h(e(xe), {
+                      key: 0,
+                      type: "primary",
+                      class: "wx-inbox-form__count",
+                      title: e(l)("panel.unread")
+                    }, {
+                      default: a(() => [
+                        _(b(j.unread_count), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["title"])) : j.submissions_count ? (u(), h(e(Z), {
+                      key: 1,
+                      size: "sm",
+                      tone: "muted",
+                      title: e(l)("panel.submissions")
+                    }, {
+                      default: a(() => [
+                        _(b(j.submissions_count), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["title"])) : O("", !0)
+                  ]),
+                  actions: a(({ item: j }) => [
+                    t(e(we), {
+                      actions: H(j),
+                      label: y(j)
+                    }, null, 8, ["actions", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "disabled", "title"]))
+              ]),
+              empty: a(() => [
+                t(e(Se), {
+                  description: e(l)("panel.choose-form")
+                }, null, 8, ["description"])
+              ]),
+              detail: a(({ inline: j, back: pe }) => [
+                d.value ? (u(), h(ut, {
+                  key: d.value.id,
+                  form: d.value,
+                  base: i.base,
+                  inline: j,
+                  onBack: pe,
+                  onChanged: w
+                }, null, 8, ["form", "base", "inline", "onBack"])) : O("", !0)
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), pt = { class: "wx-inbox-status-form" }, mt = { class: "wx-inbox-status-form__checks" }, vt = /* @__PURE__ */ le({
+  __name: "StatusDialog",
+  props: {
+    status: {}
+  },
+  setup(r) {
+    const i = r, { resolve: o, dismiss: m, open: s } = Ne(), p = se(), c = ie(p);
+    ue();
+    const l = ae("webx-inbox"), S = ce(), n = q(""), f = q({}), M = q("default"), C = q(!1), T = q(!1), U = q(!1), A = q(!1), d = q({});
+    ke(
+      () => i.status,
+      (W) => {
+        n.value = W?.key ?? "", f.value = { ...W?.title ?? {} }, M.value = W?.color ?? "default", C.value = W?.is_default ?? !1, T.value = W?.is_spam ?? !1, U.value = W?.is_closed ?? !1, d.value = {};
+      },
+      { immediate: !0 }
+    );
+    const y = I(
+      () => xl.map((W) => ({ value: W, label: l(`panel.color-${W}`) }))
+    );
+    function w(W) {
+      return d.value[W]?.[0];
+    }
+    async function F() {
+      A.value = !0, d.value = {};
+      const W = {
+        key: n.value.trim(),
+        title: f.value,
+        color: M.value,
+        is_default: C.value,
+        is_spam: T.value,
+        is_closed: U.value
+      };
+      try {
+        o(
+          i.status === null ? await c.createStatus(W) : await c.saveStatus(i.status.id, W)
+        );
+      } catch (H) {
+        const D = H.body;
+        D?.errors ? (d.value = D.errors, B.danger(l("panel.failed"))) : B.danger(S(H));
+      } finally {
+        A.value = !1;
+      }
+    }
+    return (W, H) => (u(), h(e(Ie), {
+      open: e(s),
+      "onUpdate:open": H[7] || (H[7] = (D) => te(s) ? s.value = D : null),
+      title: r.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
+      width: 520
+    }, {
+      footer: a(() => [
+        t(e(Ce), { size: "sm" }, {
+          default: a(() => [
+            t(e(Y), {
+              variant: "outline",
+              onClick: H[6] || (H[6] = (D) => e(m)())
+            }, {
+              default: a(() => [
+                _(b(e(l)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            t(e(Y), {
+              type: "primary",
+              loading: A.value,
+              onClick: F
+            }, {
+              default: a(() => [
+                _(b(e(l)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        P("div", pt, [
+          t(e(R), {
+            label: e(l)("panel.title"),
+            error: w("title"),
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: f.value,
+                "onUpdate:modelValue": H[0] || (H[0] = (D) => f.value = D),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(R), {
+            label: e(l)("panel.status-key"),
+            error: w("key"),
+            required: ""
+          }, {
+            default: a(() => [
+              t(e(J), {
+                modelValue: n.value,
+                "onUpdate:modelValue": H[1] || (H[1] = (D) => n.value = D),
+                placeholder: "in-progress"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          t(e(R), {
+            label: e(l)("panel.status-color"),
+            error: w("color")
+          }, {
+            default: a(() => [
+              t(e(ve), {
+                modelValue: M.value,
+                "onUpdate:modelValue": H[2] || (H[2] = (D) => M.value = D),
+                options: y.value
+              }, null, 8, ["modelValue", "options"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          P("div", mt, [
+            t(e(me), {
+              modelValue: C.value,
+              "onUpdate:modelValue": H[3] || (H[3] = (D) => C.value = D),
+              label: e(l)("panel.status-default")
+            }, null, 8, ["modelValue", "label"]),
+            t(e(me), {
+              modelValue: T.value,
+              "onUpdate:modelValue": H[4] || (H[4] = (D) => T.value = D),
+              label: e(l)("panel.status-spam")
+            }, null, 8, ["modelValue", "label"]),
+            t(e(me), {
+              modelValue: U.value,
+              "onUpdate:modelValue": H[5] || (H[5] = (D) => U.value = D),
+              disabled: T.value,
+              label: e(l)("panel.status-closed")
+            }, null, 8, ["modelValue", "disabled", "label"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ft = /* @__PURE__ */ oe(vt, [["__scopeId", "data-v-b520b53b"]]), bt = { class: "wx-inbox-statuses" }, ht = { class: "wx-inbox-status" }, yt = /* @__PURE__ */ le({
+  __name: "StatusesPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(r) {
+    const i = r, o = se(), m = ie(o), s = be();
+    ue();
+    const p = ae("webx-inbox"), c = ce(), l = q([]), S = q(!0), n = o.can("inbox.manage"), f = Me(ft);
+    function M(y) {
+      return re(y.title, s.active.value, y.key);
+    }
+    async function C() {
+      S.value = !0;
+      try {
+        l.value = await m.statuses();
+      } catch (y) {
+        B.danger(c(y));
+      } finally {
+        S.value = !1;
+      }
+    }
+    C();
+    async function T(y) {
+      await f({ status: y }) && await C();
+    }
+    async function U(y) {
+      if (await ze({
+        title: p("panel.delete-status-title", { status: M(y) }),
+        message: p("panel.delete-status-text"),
+        confirmText: p("panel.delete"),
+        cancelText: p("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await m.removeStatus(y.id), B.success(p("panel.deleted")), await C();
+        } catch (F) {
+          B.danger(c(F));
+        }
+    }
+    function A(y) {
+      return n ? [
+        { key: "edit", icon: "edit", label: p("panel.settings"), run: () => {
+          T(y);
+        } },
+        // A status with submissions in them cannot go: they would have nothing to be in. The
+        // line is left out rather than greyed, the way every list of the panel does it.
+        ...y.submissions_count === 0 ? [
+          {
+            key: "delete",
+            icon: "trash",
+            label: p("panel.delete"),
+            danger: !0,
+            run: () => {
+              U(y);
+            }
+          }
+        ] : []
+      ] : [];
+    }
+    async function d() {
+      try {
+        await m.sortStatuses(l.value.map((y) => y.id));
+      } catch (y) {
+        B.danger(c(y, p("panel.reorder-failed"))), await C();
+      }
+    }
+    return (y, w) => (u(), K("div", bt, [
+      t(e(Ee), {
+        to: i.base,
+        label: e(p)("panel.forms")
+      }, null, 8, ["to", "label"]),
+      t(e(Ze), {
+        title: e(p)("panel.statuses")
+      }, {
+        actions: a(() => [
+          e(n) ? (u(), h(e(Y), {
+            key: 0,
+            type: "primary",
+            icon: "plus",
+            onClick: w[0] || (w[0] = (F) => T(null))
+          }, {
+            default: a(() => [
+              _(b(e(p)("panel.new-status")), 1)
+            ]),
+            _: 1
+          })) : O("", !0)
+        ]),
+        default: a(() => [
+          !S.value && l.value.length === 0 ? (u(), h(e(Se), {
+            key: 0,
+            title: e(p)("panel.no-statuses")
+          }, null, 8, ["title"])) : (u(), h(e(Re), {
+            key: 1,
+            modelValue: l.value,
+            "onUpdate:modelValue": w[1] || (w[1] = (F) => l.value = F),
+            plain: "",
+            "item-key": "id",
+            "item-label": M,
+            disabled: !e(n),
+            "aria-label": e(p)("panel.statuses"),
+            onMove: d
+          }, {
+            default: a(({ item: F }) => [
+              P("div", ht, [
+                t(e(xe), {
+                  type: F.color
+                }, {
+                  default: a(() => [
+                    _(b(M(F)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"]),
+                t(e(Z), {
+                  size: "sm",
+                  tone: "muted",
+                  truncate: ""
+                }, {
+                  default: a(() => [
+                    P("code", null, b(F.key), 1),
+                    F.is_default ? (u(), K(X, { key: 0 }, [
+                      _(" · " + b(e(p)("panel.status-default")), 1)
+                    ], 64)) : O("", !0),
+                    F.is_spam ? (u(), K(X, { key: 1 }, [
+                      _(" · " + b(e(p)("panel.status-spam")), 1)
+                    ], 64)) : F.is_closed ? (u(), K(X, { key: 2 }, [
+                      _(" · " + b(e(p)("panel.status-closed")), 1)
+                    ], 64)) : O("", !0),
+                    F.submissions_count ? (u(), K(X, { key: 3 }, [
+                      _(" · " + b(e(p)("panel.in-use")) + " (" + b(F.submissions_count) + ") ", 1)
+                    ], 64)) : O("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ]),
+            actions: a(({ item: F }) => [
+              t(e(we), {
+                actions: A(F),
+                label: M(F)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled", "aria-label"]))
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ]));
+  }
+}), gt = /* @__PURE__ */ oe(yt, [["__scopeId", "data-v-8c5d0882"]]), xt = { class: "wx-submission" }, _t = { class: "wx-submission__head" }, wt = { class: "wx-submission__who" }, kt = {
+  key: 1,
+  class: "wx-submission__panes"
+}, Vt = { class: "wx-submission__main" }, $t = { class: "wx-submission__value" }, Ut = { class: "wx-submission__files" }, St = { class: "wx-submission__aside" }, Ct = { class: "wx-submission__fields" }, zt = { class: "wx-submission__field" }, Tt = { class: "wx-submission__field" }, Ft = { class: "wx-submission__fields" }, Wt = ["href"], qt = {
+  key: 1,
+  class: "wx-submission__detail"
+}, At = { class: "wx-submission__by" }, Nt = /* @__PURE__ */ le({
+  __name: "SubmissionPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(r) {
+    const i = r, o = se(), m = ie(o), s = qe(), p = Ae(), c = be();
+    ue();
+    const l = ae("webx-inbox"), S = ce(), n = q(null), f = q([]), M = q([]), C = q(!0), T = I(() => o.can("inbox.update")), U = I(() => Number(s.params.id)), A = I(() => ({
+      view: typeof s.query.view == "string" ? s.query.view : void 0,
+      search: typeof s.query.search == "string" ? s.query.search : void 0,
+      assignee: typeof s.query.assignee == "string" ? s.query.assignee : void 0
+    })), d = I(() => ({ path: i.base, query: { ...s.query } })), y = I(
+      () => f.value.map((g) => ({ value: g.id, label: F(g) }))
+    ), w = I(
+      () => M.value.map((g) => ({ value: g.id, label: g.name }))
+    );
+    function F(g) {
+      return re(g.title, c.active.value, g.key);
+    }
+    const W = I(() => l("panel.submission", { id: String(U.value) })), H = I(() => {
+      const g = n.value?.form;
+      return g === void 0 ? "" : re(g.title ?? {}, c.active.value, g.slug ?? "");
+    }), D = I(() => (n.value?.values ?? []).find((z) => z.type === "email" && (z.value ?? "") !== "")?.value ?? null), N = I(() => {
+      if (D.value === null) return null;
+      const g = encodeURIComponent(`${H.value} — ${W.value}`);
+      return `mailto:${D.value}?subject=${g}`;
+    });
+    async function L() {
+      C.value = !0;
+      try {
+        n.value = await m.submission(U.value, A.value);
+      } catch (g) {
+        B.danger(S(g)), p.replace(d.value);
+      } finally {
+        C.value = !1;
+      }
+    }
+    async function x() {
+      try {
+        f.value = await m.statuses(), T.value && (M.value = await m.recipients());
+      } catch (g) {
+        B.danger(S(g));
+      }
+    }
+    ke(U, () => {
+      L();
+    }, { immediate: !0 }), x();
+    async function V(g) {
+      try {
+        n.value = await m.saveSubmission(U.value, g), B.success(l("panel.saved"));
+      } catch (v) {
+        B.danger(S(v)), await L();
+      }
+    }
+    function Q(g) {
+      typeof g == "number" && V({ status_id: g });
+    }
+    function j(g) {
+      V({ assignee_id: typeof g == "number" ? g : null });
+    }
+    const pe = I(() => !T.value || n.value === null ? [] : [
+      {
+        key: "unread",
+        icon: "eye-off",
+        label: l("panel.mark-unread"),
+        run: () => {
+          Ve();
+        }
+      },
+      {
+        key: "delete",
+        icon: "trash",
+        label: l("panel.delete"),
+        danger: !0,
+        run: () => {
+          G();
+        }
+      }
+    ]);
+    async function Ve() {
+      try {
+        await m.massSubmissions({ ids: [U.value], action: "unread" }), p.push(d.value);
+      } catch (g) {
+        B.danger(S(g));
+      }
+    }
+    async function G() {
+      if (await ze({
+        title: l("panel.delete-submission-title"),
+        message: l("panel.delete-submission-text"),
+        confirmText: l("panel.delete"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await m.removeSubmission(U.value), B.success(l("panel.deleted")), p.push(d.value);
+        } catch (v) {
+          B.danger(S(v));
+        }
+    }
+    function k(g) {
+      g !== null && p.push({ path: `${i.base}/submissions/${g}`, query: { ...s.query } });
+    }
+    function $(g) {
+      const v = f.value.find((z) => z.key === g);
+      return v === void 0 ? g : F(v);
+    }
+    function ne(g) {
+      switch (g.type) {
+        case "created":
+          return l("panel.event-created");
+        case "status":
+          return l("panel.event-status", { to: $(g.to ?? "") });
+        case "assignee":
+          return g.to === null || g.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: g.to });
+        case "note":
+          return l("panel.event-note");
+        case "notified":
+          return l("panel.event-notified");
+        default:
+          return g.type;
+      }
+    }
+    function fe(g) {
+      return `${Math.max(1, Math.round(g / 1024))} KB`;
+    }
+    const Le = I(() => {
+      const g = n.value?.meta ?? {}, v = [];
+      typeof g.page == "string" && g.page !== "" && v.push({ label: l("panel.meta-page"), value: g.page, link: !0 }), typeof g.referrer == "string" && g.referrer !== "" && v.push({ label: l("panel.meta-referrer"), value: g.referrer, link: !0 });
+      for (const [z, E] of Object.entries(g.utm ?? {}))
+        v.push({ label: z, value: String(E) });
+      return typeof g.locale == "string" && g.locale !== "" && v.push({ label: l("panel.meta-locale"), value: g.locale }), typeof g.ip == "string" && g.ip !== "" && v.push({ label: l("panel.meta-ip"), value: g.ip }), typeof g.user_agent == "string" && g.user_agent !== "" && v.push({ label: l("panel.meta-agent"), value: g.user_agent }), v;
+    });
+    return (g, v) => (u(), K("div", xt, [
+      P("div", _t, [
+        t(e(Ee), { to: d.value }, null, 8, ["to"]),
+        P("div", wt, [
+          t(e(Xe), {
+            level: 2,
+            truncate: ""
+          }, {
+            default: a(() => [
+              _(b(W.value), 1)
+            ]),
+            _: 1
+          }),
+          t(e(Z), {
+            size: "sm",
+            tone: "muted",
+            truncate: ""
+          }, {
+            default: a(() => [
+              _(b(H.value), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        t(e(ge), {
+          icon: "chevron-left",
+          title: e(l)("panel.previous"),
+          disabled: !n.value?.previous_id,
+          onClick: v[0] || (v[0] = (z) => k(n.value?.previous_id ?? null))
+        }, null, 8, ["title", "disabled"]),
+        t(e(ge), {
+          icon: "chevron-right",
+          title: e(l)("panel.next"),
+          disabled: !n.value?.next_id,
+          onClick: v[1] || (v[1] = (z) => k(n.value?.next_id ?? null))
+        }, null, 8, ["title", "disabled"]),
+        N.value ? (u(), h(e(Y), {
+          key: 0,
+          variant: "outline",
+          icon: "mail",
+          href: N.value
+        }, {
+          default: a(() => [
+            _(b(e(l)("panel.reply")), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : O("", !0),
+        t(e(we), {
+          actions: pe.value,
+          label: W.value
+        }, null, 8, ["actions", "label"])
+      ]),
+      C.value ? (u(), h(e(De), {
+        key: 0,
+        rows: 6
+      })) : n.value ? (u(), K("div", kt, [
+        P("div", Vt, [
+          t(e(ee), {
+            title: e(l)("panel.answers")
+          }, {
+            default: a(() => [
+              n.value.values.length === 0 ? (u(), h(e(Se), {
+                key: 0,
+                size: "sm",
+                description: e(l)("panel.no-answers")
+              }, null, 8, ["description"])) : (u(), h(e(Ge), {
+                key: 1,
+                columns: 1,
+                layout: "vertical"
+              }, {
+                default: a(() => [
+                  (u(!0), K(X, null, ye(n.value.values, (z) => (u(), h(e(Te), {
+                    key: z.id,
+                    label: z.label ?? z.name
+                  }, {
+                    default: a(() => [
+                      P("p", $t, b(z.value || "—"), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]))), 128))
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          n.value.files.length > 0 ? (u(), h(e(ee), {
+            key: 0,
+            title: e(l)("panel.attachments")
+          }, {
+            default: a(() => [
+              P("div", Ut, [
+                (u(!0), K(X, null, ye(n.value.files, (z) => (u(), h(e(fl), {
+                  key: z.id,
+                  name: z.name,
+                  type: z.mime ?? void 0,
+                  "download-url": z.url,
+                  "download-label": e(l)("panel.download"),
+                  size: "sm"
+                }, {
+                  meta: a(() => [
+                    _(b(fe(z.size)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])) : O("", !0),
+          t(e(ee), null, {
+            default: a(() => [
+              t(e(nl), {
+                id: n.value.id,
+                type: "inbox_submission",
+                can: T.value,
+                onChange: L
+              }, null, 8, ["id", "can"])
+            ]),
+            _: 1
+          })
+        ]),
+        P("aside", St, [
+          t(e(ee), null, {
+            default: a(() => [
+              P("div", Ct, [
+                P("label", zt, [
+                  t(e(Z), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: a(() => [
+                      _(b(e(l)("panel.status")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(e(ve), {
+                    "model-value": n.value.status?.id ?? null,
+                    options: y.value,
+                    disabled: !T.value,
+                    "onUpdate:modelValue": Q
+                  }, null, 8, ["model-value", "options", "disabled"])
+                ]),
+                P("label", Tt, [
+                  t(e(Z), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: a(() => [
+                      _(b(e(l)("panel.assignee")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(e(ve), {
+                    "model-value": n.value.assignee?.id ?? null,
+                    options: w.value,
+                    disabled: !T.value,
+                    clearable: "",
+                    placeholder: e(l)("panel.unassigned"),
+                    "onUpdate:modelValue": j
+                  }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                ])
+              ])
+            ]),
+            _: 1
+          }),
+          t(e(ee), {
+            title: e(l)("panel.details")
+          }, {
+            default: a(() => [
+              P("div", Ft, [
+                t(e(Ge), {
+                  columns: 1,
+                  layout: "vertical",
+                  size: "sm"
+                }, {
+                  default: a(() => [
+                    t(e(Te), {
+                      label: e(l)("panel.received")
+                    }, {
+                      default: a(() => [
+                        t(e(Pe), {
+                          value: n.value.created_at,
+                          tone: "default"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(e(Te), {
+                      label: e(l)("panel.meta-source")
+                    }, {
+                      default: a(() => [
+                        t(e(xe), {
+                          type: n.value.source === "panel" ? "info" : "default"
+                        }, {
+                          default: a(() => [
+                            _(b(n.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["type"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    (u(!0), K(X, null, ye(Le.value, (z) => (u(), h(e(Te), {
+                      key: z.label,
+                      label: z.label
+                    }, {
+                      default: a(() => [
+                        z.link ? (u(), K("a", {
+                          key: 0,
+                          href: z.value,
+                          target: "_blank",
+                          rel: "noreferrer"
+                        }, b(z.value), 9, Wt)) : (u(), K("span", qt, b(z.value), 1))
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]))), 128))
+                  ]),
+                  _: 1
+                }),
+                n.value.notify_error ? (u(), h(e(Fe), {
+                  key: 0,
+                  type: "warning",
+                  closable: !1
+                }, {
+                  default: a(() => [
+                    _(b(e(l)("panel.notify-failed")), 1)
+                  ]),
+                  _: 1
+                })) : n.value.notified_at ? (u(), h(e(Z), {
+                  key: 1,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: a(() => [
+                    _(b(e(l)("panel.notified")), 1)
+                  ]),
+                  _: 1
+                })) : (u(), h(e(Z), {
+                  key: 2,
+                  size: "sm",
+                  tone: "muted"
+                }, {
+                  default: a(() => [
+                    _(b(e(l)("panel.not-notified")), 1)
+                  ]),
+                  _: 1
+                }))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          t(e(ee), {
+            title: e(l)("panel.log")
+          }, {
+            default: a(() => [
+              t(e(bl), { size: "sm" }, {
+                default: a(() => [
+                  (u(!0), K(X, null, ye(n.value.events, (z) => (u(), h(e(hl), {
+                    key: z.id
+                  }, {
+                    default: a(() => [
+                      t(e(Z), {
+                        size: "sm",
+                        as: "p",
+                        class: "wx-submission__event"
+                      }, {
+                        default: a(() => [
+                          _(b(ne(z)), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      P("p", At, [
+                        t(e(Z), {
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: a(() => [
+                            _(b(z.author?.name ?? e(l)("panel.system")), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        t(e(Pe), {
+                          value: z.created_at
+                        }, null, 8, ["value"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ])
+      ])) : O("", !0)
+    ]));
+  }
+}), It = /* @__PURE__ */ oe(Nt, [["__scopeId", "data-v-6b6abbf9"]]);
+function Pt(r = {}) {
+  const i = r.path ?? "/inbox";
+  return {
+    id: "inbox",
+    path: i,
+    landing: r.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: i, name: "webx.inbox", component: ct, props: { base: i } },
+      {
+        path: `${i}/statuses`,
+        name: "webx.inbox.statuses",
+        component: gt,
+        props: { base: i }
+      },
+      {
+        path: `${i}/forms/:id(\\d+)`,
+        name: "webx.inbox.form",
+        component: Zl,
+        props: { base: i }
+      },
+      // 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: `${i}/submissions/:id(\\d+)`,
+        name: "webx.inbox.submission",
+        component: It,
+        props: { base: i }
+      }
+    ]
+  };
+}
+export {
+  gl as FIELD_TYPES,
+  xl as STATUS_COLORS,
+  Fl as WxInboxFieldList,
+  Zl as WxInboxFormEditor,
+  ct as WxInboxPage,
+  gt as WxInboxStatusesPage,
+  ut as WxInboxSubmissionList,
+  It as WxInboxSubmissionPage,
+  ie as createInboxApi,
+  Pt as inbox,
+  yl as inboxMessages,
+  de as option
+};
+//# sourceMappingURL=index.js.map