@webx-ui/module-inbox 0.11.4 → 0.12.0

package/dist/index-CAa0K6Q6.js

@@ -0,0 +1,2768 @@
+import { inject as Ct, defineComponent as be, useModel as Ke, computed as y, ref as q, watch as Ne, openBlock as d, createElementBlock as R, createElementVNode as Q, toDisplayString as A, createCommentVNode as T, createBlock as g, unref as e, withCtx as u, createTextVNode as z, createVNode as o, mergeModels as Qe, nextTick as At, isRef as ut, Fragment as te, renderList as fe, useTemplateRef as zt, createSlots as dt, toRaw as Ut, normalizeClass as Oe, mergeProps as Nt, resolveDynamicComponent as Wt, defineAsyncComponent as De } from "vue";
+import { useLocales as ye, localizedValue as me, WxBadge as de, WxAction as Ze, WxAutocomplete as It, useModal as rt, WxDialog as ct, WxAlert as _e, WxSkeleton as Et, WxFormItem as D, WxTextarea as Ft, WxSelect as ce, WxRadioGroup as Ot, WxCheckboxGroup as Rt, WxCheckbox as he, WxDatePicker as Re, WxText as H, WxInput as ne, WxSpace as mt, WxButton as ue, toast as se, useElementWidth as qt, createModal as pt, WxTabs as Dt, WxTable as Mt, WxEntityCard as Pt, WxAvatar as at, WxIcon as re, WxTooltip as Bt, confirm as ft, WxSegmented as vt, WxLocales as Lt, WxRichText as nt, WxTimePicker as st, WxInputNumber as ke, WxTagsInput as Ht, WxCard as jt, WxEmpty as Xt, WxSortableList as Yt } from "@webx-ui/core";
+import { useAdmin as Ve, i18nKey as Gt, useTranslate as ve, createRelationsApi as Kt, useErrorText as Me, rowMenuWidth as Qt, WxScreenHead as Zt, WxRowMenu as Ge, WxDate as ot, WxFilterChips as Jt, useRichTextLabels as el, useShortcodesWhen as tl, useRemoveConfirm as ll, WxCodeField as al, codify as nl } from "@webx-ui/module-admin";
+import { useRoute as sl, useRouter as ol } from "vue-router";
+const il = {
+  module: {
+    title: "Inbox"
+  },
+  panel: {
+    forms: "Forms",
+    "new-form": "New form",
+    "no-forms": "No forms yet.",
+    "no-forms-help": "A form is a few questions and a list of who hears the answers.",
+    unread: "Unread",
+    submissions: "Submissions in all",
+    off: "Off",
+    settings: "Settings",
+    duplicate: "Duplicate",
+    delete: "Delete",
+    "delete-form-title": "Delete “:form”?",
+    "delete-form-text": "The form and its questions go. This cannot be undone.",
+    cancel: "Cancel",
+    save: "Save",
+    saved: "Saved.",
+    deleted: "Deleted.",
+    duplicated: "A copy was made.",
+    failed: "Some values were not accepted. Check the highlighted fields.",
+    "reorder-failed": "The new order could not be saved.",
+    reorder: "Reorder",
+    "new-form-title": "New form",
+    title: "Title",
+    description: "Description",
+    "description-help": "A line under the title of the form on the site and in a dialog. Empty — nothing is shown.",
+    slug: "Address",
+    "slug-help": "What the form is called on the site and where it posts.",
+    "is-enabled": "Active",
+    "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: "Instead of the thank-you, go to",
+    "redirect-help": "A page of the site opens in the language the form was sent in, or in the main one when it has no translation. Nowhere — the thank-you takes the form’s place.",
+    recipients: "Who is written to",
+    "recipients-help": "Nobody here means nobody is told. The submission is kept either way.",
+    "mail-route": "Letters leave through",
+    "no-recipients": "Nobody yet.",
+    "add-admin": "Add an administrator",
+    "add-email": "Add an address",
+    remove: "Remove",
+    "remove-recipient-title": "Remove this recipient?",
+    "remove-recipient-text": "They stop being told when something arrives.",
+    "email-field": "Field with the visitor’s address",
+    "email-field-help": "A reply to the letter goes to this address.",
+    "email-field-help-channels": "A reply to the letter goes to this address; in channels it is {{reply_to}}.",
+    "notify-via": "How to tell about a submission",
+    "via-email": "By letter to addresses",
+    "via-channels": "Through notification channels",
+    "notify-through": "Notify through",
+    "notify-through-help": "Channels of the Notifications section: Telegram, e-mail and others. A submission from the site goes to each of them by its own template.",
+    "pick-channels": "Add a channel",
+    "no-channels": "No channels chosen.",
+    "no-channels-yet": "No channels yet.",
+    "set-up-channels": "Set up channels",
+    channels: "Channels",
+    "channels-none": "Nothing was sent through channels.",
+    "channels-failed": "A channel did not deliver the notification",
+    "no-email-field": "None",
+    honeypot: "Hidden field",
+    "honeypot-help": "A field nobody sees and a robot fills in.",
+    "min-seconds": "Fastest a person could send it, in seconds",
+    "min-seconds-help": "Zero switches the check off.",
+    throttle: "Sends a minute from one address",
+    "throttle-help": "Zero switches the limit off.",
+    captcha: "Captcha",
+    "captcha-keys": "The keys are not set in the panel but in the site’s .env: WEBX_INBOX_RECAPTCHA_KEY / WEBX_INBOX_RECAPTCHA_SECRET for reCAPTCHA, WEBX_INBOX_TURNSTILE_KEY / WEBX_INBOX_TURNSTILE_SECRET for Turnstile.",
+    "captcha-off": "Off",
+    "captcha-recaptcha": "reCAPTCHA",
+    "captcha-turnstile": "Turnstile",
+    "captcha-unconfigured": "The site has no keys for this captcha yet, so the form refuses every submission until they are in its .env.",
+    "captcha-recaptcha-checkbox": "This site draws reCAPTCHA as the “I’m not a robot” checkbox, so its keys must be v2 Checkbox keys. To run it invisibly, create v2 Invisible keys and set WEBX_INBOX_RECAPTCHA_TYPE=invisible.",
+    "captcha-recaptcha-invisible": "This site runs reCAPTCHA invisibly when the form is sent, so its keys must be v2 Invisible keys (WEBX_INBOX_RECAPTCHA_TYPE=invisible).",
+    "captcha-recaptcha-v3": "This site runs reCAPTCHA v3: no widget, only a score checked when the form is sent, so its keys must be v3 keys (WEBX_INBOX_RECAPTCHA_TYPE=v3).",
+    "captcha-turnstile-checkbox": "This site draws Turnstile when the page opens, and a Managed widget shows visitors “Verify you are human”. To run it invisibly, set WEBX_INBOX_TURNSTILE_MODE=invisible and the widget mode to Invisible in Cloudflare.",
+    "captcha-turnstile-invisible": "This site runs Turnstile invisibly when the form is sent. Set the widget mode to Invisible in Cloudflare: a Managed widget still shows a challenge when it decides one is needed.",
+    "embed-blade": "On a page of the site",
+    "embed-blade-help": "Put the tag where the form belongs. The markup is published and rewritten by the site.",
+    "embed-block": "In the block builder",
+    "embed-block-help": "A block type prints the same tag, so an editor drops the form in without touching a template.",
+    "embed-block-panel-help": "On this site block templates are written in the panel, in Blocks: put the same tag into the template of a block there.",
+    "embed-extras": "Filled in and placed",
+    "embed-extras-help": ":values fills the hidden fields by their name; placement names where the form stands, so the submission remembers it and the site can style each place.",
+    loading: "Loading…",
+    "embed-names": "Names of the fields",
+    "embed-names-help": "A hidden field is filled in by the page: the address it was sent from, a product, a campaign.",
+    copy: "Copy",
+    copied: "Copied.",
+    statuses: "Statuses",
+    "new-status": "New status",
+    "status-key": "Key",
+    "status-color": "Colour",
+    "status-default": "Given to a new submission",
+    "status-spam": "Spam",
+    "status-closed": "Nothing further expected",
+    "in-use": "In use",
+    "delete-status-title": "Delete “:status”?",
+    "delete-status-text": "Only a status nothing is in can go.",
+    "no-statuses": "No statuses yet.",
+    "color-default": "Grey",
+    "color-primary": "Blue",
+    "color-success": "Green",
+    "color-warning": "Amber",
+    "color-info": "Cyan",
+    "color-danger": "Red",
+    // The submissions: the list on the right of the section, and one of them opened.
+    id: "ID",
+    received: "Received",
+    status: "Status",
+    assignee: "Assignee",
+    unassigned: "Nobody",
+    "submissions-empty": "Nothing has come in through this form yet.",
+    "search-submissions": "Search the answers",
+    "view-all": "All",
+    "view-unread": "Unread",
+    export: "Export",
+    "new-submission": "New submission",
+    "new-submission-title": "A submission by hand",
+    "new-submission-help": "For one that came by telephone or on paper. It is written the same way and lands in the same list.",
+    created: "Added.",
+    submission: "Submission :id",
+    previous: "Previous",
+    next: "Next",
+    "mark-read": "Mark as read",
+    "mark-unread": "Mark as unread",
+    "delete-submission-title": "Delete this submission?",
+    "delete-submission-text": "It goes with its attachments. This cannot be undone.",
+    selected: ":count selected",
+    "move-to": "Move to",
+    "delete-selected-title": "Delete :count submissions?",
+    answers: "Answers",
+    attachments: "Attachments",
+    details: "Details",
+    "meta-page": "Page",
+    "meta-placement": "Placement",
+    "any-placement": "Any placement",
+    "placement-none": "Not specified",
+    "meta-referrer": "Came from",
+    "meta-landing": "Landing page",
+    "meta-utm-first": "First visit",
+    "meta-ip": "Address",
+    "meta-agent": "Browser",
+    "meta-locale": "Language",
+    "meta-source": "How it arrived",
+    "source-web": "From the site",
+    "source-panel": "Typed in",
+    notified: "The notification went out",
+    "not-notified": "No notification was sent",
+    "notify-failed": "The notification could not be sent",
+    reply: "Reply by mail",
+    log: "What has happened",
+    "event-created": "Arrived",
+    "event-status": "Status: :to",
+    "event-assignee": "Given to :to",
+    "event-unassigned": "Left to nobody",
+    "event-note": "A note was added",
+    "event-notified": "The notification went out",
+    "event-handled": "Handed to :name",
+    "event-handler-error": ":name failed: :error",
+    system: "System",
+    "no-answers": "Nothing was filled in.",
+    download: "Download",
+    "no-files-by-hand": "A file cannot be attached by hand: the files a submission carries are what was posted with it.",
+    "submissions-none": "Nothing here under this filter.",
+    "notifies-nobody": "Nobody is told about this form",
+    "notifies-nobody-text": "Every submission is kept here, but no letter goes out. Add a recipient on the Notifications tab.",
+    "notifies-nobody-short": "Nobody is told",
+    "recipient-admin_deleted": "This administrator no longer exists and gets no letter.",
+    "recipient-admin_inactive": "This administrator is switched off and gets no letter.",
+    "recipient-invalid_email": "This is not an e-mail address.",
+    "event-no-recipients": "Nobody was told: the form names no recipients",
+    "notified-nobody": "No notification: the form names nobody to tell",
+    "notify-queued": "The notification is waiting in the queue",
+    "notify-again": "Send the notification again",
+    "notify-sent-again": "The notification has been sent again",
+    "notify-recipient-queued": "waiting",
+    "notify-recipient-delivered": "sent",
+    "notify-recipient-failed": "failed",
+    "notify-recipient-trapped": "test transport",
+    "event-notify-queued": "The notification was queued",
+    "event-notify-failed": "The notification to :to failed",
+    "event-value": "Answer “:field” corrected: “:from” → “:to”"
+  },
+  fields: {
+    field: "Field",
+    "new-field": "New field",
+    "edit-field": "Field",
+    edit: "Edit",
+    "no-fields": "No questions yet.",
+    "no-fields-help": "A form with no fields draws nothing on the page.",
+    "save-first": "Save the form first, then write its questions.",
+    delete: "Delete",
+    "delete-title": "Delete “:field”?",
+    "delete-text": "It stops being asked. Answers already given keep it.",
+    cancel: "Cancel",
+    save: "Save",
+    name: "Name",
+    "name-help": "Needed for variables in notifications — {{field.:name}} — and for integrations. Usually there is no need to change it.",
+    "name-renamed": "Templates of notification channels that use {{field.:old}} stop working — change them to {{field.:new}}. Answers already received stay with the field.",
+    advanced: "Advanced",
+    type: "Type",
+    title: "Label",
+    placeholder: "Placeholder",
+    help: "Hint under the field",
+    "is-enabled": "Shown",
+    "is-required": "Required",
+    "is-fullsize": "Full width",
+    "is-halfsize": "Half 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",
+    view: "Show the choices as",
+    "view-list": "List",
+    "view-cards": "Cards",
+    "view-help": "A card shows a description and a picture with its choice. On a narrow screen the cards stand one under another.",
+    columns: "Cards in a row",
+    "choice-description": "Description",
+    "choice-image": "Picture",
+    "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",
+    show: "Show",
+    "show-always": "Always",
+    "show-when": "If",
+    "show-unless": "Unless",
+    "condition-field": "Field above",
+    "condition-values": "Any of these answers",
+    "condition-and": "and",
+    "condition-add": "One more condition",
+    "condition-remove": "Remove",
+    "condition-help": "Several answers in a row: any of them will do. Several rows: all of them must hold.",
+    "condition-none": "A condition counts on a choice field above this one, and there is none yet.",
+    "condition-ticked": "Ticked",
+    "condition-stranger": "This field is no longer a choice field above this one. Pick another or remove the row.",
+    "condition-removed": "No such answer: :value",
+    "condition-kept": "Also hidden if :condition. That stays as it is.",
+    "shown-when": "if :condition",
+    "shown-unless": "unless :condition",
+    "condition-broken": "Check the condition",
+    "problem-unknown-field": "The condition names “:field”, and the form has no such field.",
+    "problem-not-choice": "The condition names “:field”, which is not a choice field.",
+    "problem-not-before": "The condition names “:field”, which is not above this field. Drag it higher.",
+    "problem-unknown-value": "“:field” no longer has the answer “:value”.",
+    "type-step": "Step",
+    "add-step": "Step",
+    "new-step": "New step",
+    "edit-step": "Step",
+    "step-help": "The fields under a step, down to the next one, are asked on one screen; «Next» checks them before the visitor goes on.",
+    "step-title": "Title of the step",
+    "step-label": "Short label in the indicator",
+    "step-label-help": "For a long title. Empty — the title itself.",
+    "step-hint": "Line under the title",
+    "step-next": "Words of the «Next» button",
+    "step-next-help": "Empty — the site’s own word.",
+    "step-off-help": "A step that is off takes its fields with it: they are not asked.",
+    "step-numbered": "Step :number · :title",
+    "step-empty": "Nothing under this step yet: drag a field below it. The site does not show an empty step.",
+    "step-empty-badge": "Empty",
+    "step-name-help": "The step is called by it in MCP, and «Next» names it to the server when it checks the step.",
+    "delete-step-text": "Its fields join the step above. Answers already given keep them.",
+    "type-summary": "Summary",
+    "summary-help": "Shows the visitor the answers given above it, each with «Edit», before they send the form. Nothing of it goes into the submission.",
+    "summary-fields": "What to show",
+    "summary-fields-help": "Empty — every field above it, but consents, files and hidden fields.",
+    "summary-flat": "The form has no steps: the site shows a summary only in a form of steps, where the answers are out of sight.",
+    "summary-all": "Every field above it",
+    "type-datetime": "Date and time",
+    "datetime-help": "The visitor picks a day in a calendar and a time from a list, in the time zone of the site. A time already gone can never be chosen. Two visitors may choose the same time: whoever reads the submission settles it.",
+    "time-step": "Step of the times",
+    "time-step-minutes": ":minutes min",
+    "time-from": "From",
+    "time-to": "To",
+    "time-help": "The last time is a step before «To»: 09:00–17:00 by 30 minutes ends at 16:30.",
+    weekdays: "Days of the week",
+    "weekdays-help": "None chosen — every day.",
+    "weekdays-workdays": "Weekdays",
+    "timezone-label": "Words about the time zone",
+    "timezone-label-help": "Empty — the site says it itself in the visitor’s language, by the name of the zone: :label.",
+    "timezone-site": "Time zone of the site: :zone — changed in Settings › Contacts.",
+    "times-preview": "Times of a day: :times"
+  },
+  relations: {
+    form: "Form",
+    "field-search": "Find a form by its name or address",
+    "field-empty": "No form",
+    "field-remove": "Remove the form",
+    "field-missing": "No such form",
+    "field-off": "Switched off",
+    "field-nothing": "No form matches",
+    "field-searching": "Searching…",
+    unknown: "The Inbox has no form “:slug”. It has: :forms.",
+    "unknown-none": "The Inbox has no form “:slug” — it has no forms yet."
+  }
+}, it = /* @__PURE__ */ new WeakSet();
+function Se() {
+  try {
+    const { i18n: a } = Ve();
+    it.has(a) || (a.defaults("webx-inbox", il), it.add(a));
+  } catch {
+  }
+}
+function ul() {
+  const a = Ct(Gt, null), n = ye();
+  return (r) => {
+    const x = a?.state.locale;
+    return (x === void 0 ? void 0 : r.title[x]) || me(r.title, n.active.value, r.key);
+  };
+}
+const dl = { class: "wx-inbox-form-field" }, rl = {
+  key: 0,
+  class: "wx-inbox-form-field__chosen"
+}, cl = { class: "wx-inbox-form-field__text" }, ml = { class: "wx-inbox-form-field__title" }, pl = {
+  key: 0,
+  class: "wx-inbox-form-field__slug"
+}, fl = {
+  key: 1,
+  class: "wx-inbox-form-field__empty"
+}, vl = { class: "wx-inbox-form-field__search" }, hl = /* @__PURE__ */ be({
+  name: "WxInboxFormField",
+  __name: "FormField",
+  props: /* @__PURE__ */ Qe({
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    emptyText: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const n = a, r = Ke(a, "modelValue");
+    Se();
+    const x = Ve(), p = ve("webx-inbox"), F = Kt(x, "inbox-form"), l = y(() => typeof r.value == "string" ? r.value.trim() : ""), t = q(/* @__PURE__ */ new Map()), _ = q(/* @__PURE__ */ new Set()), N = q([]), I = q(!1), W = q("");
+    function j(E) {
+      const M = new Map(t.value);
+      for (const k of E) k.slug && M.set(k.slug, k);
+      t.value = M;
+    }
+    async function $(E) {
+      if (!(E === "" || t.value.has(E) || _.value.has(E)))
+        try {
+          const M = await F.search(E);
+          j(M), M.some((k) => k.slug === E) || (_.value = /* @__PURE__ */ new Set([..._.value, E]));
+        } catch {
+        }
+    }
+    Ne(l, (E) => {
+      $(E);
+    }, { immediate: !0 });
+    const V = y(() => l.value === "" ? null : t.value.get(l.value) ?? null), ee = y(() => l.value === "" ? null : V.value === null ? _.value.has(l.value) ? p("relations.field-missing") : null : V.value.visible ? null : p("relations.field-off")), X = y(
+      () => N.value.filter((E) => E.slug && E.slug !== l.value).map((E) => ({
+        value: E.title,
+        description: [E.slug, E.visible ? null : p("relations.field-off")].filter((M) => typeof M == "string" && M !== "").join(" · "),
+        id: E.slug
+      }))
+    );
+    async function S(E) {
+      I.value = !0;
+      try {
+        const M = await F.search(E);
+        N.value = M, j(M);
+      } catch {
+        N.value = [];
+      } finally {
+        I.value = !1;
+      }
+    }
+    function Y() {
+      N.value.length === 0 && !I.value && S(W.value);
+    }
+    function G(E) {
+      typeof E.id != "string" || E.id === "" || (r.value = E.id, At(() => {
+        W.value = "";
+      }));
+    }
+    function B() {
+      r.value = null;
+    }
+    const Z = y(() => n.placeholder ?? p("relations.field-search"));
+    return (E, M) => (d(), R("div", dl, [
+      l.value !== "" ? (d(), R("div", rl, [
+        Q("span", cl, [
+          Q("span", ml, A(V.value?.title ?? l.value), 1),
+          V.value ? (d(), R("span", pl, A(l.value), 1)) : T("", !0)
+        ]),
+        ee.value ? (d(), g(e(de), {
+          key: 0,
+          type: "warning"
+        }, {
+          default: u(() => [
+            z(A(ee.value), 1)
+          ]),
+          _: 1
+        })) : T("", !0),
+        n.disabled ? T("", !0) : (d(), g(e(Ze), {
+          key: 1,
+          type: "remove",
+          size: "sm",
+          title: e(p)("relations.field-remove"),
+          onClick: B
+        }, null, 8, ["title"]))
+      ])) : (d(), R("p", fl, A(n.emptyText ?? e(p)("relations.field-empty")), 1)),
+      Q("div", vl, [
+        o(e(It), {
+          modelValue: W.value,
+          "onUpdate:modelValue": M[0] || (M[0] = (k) => W.value = k),
+          options: X.value,
+          remote: "",
+          teleport: "",
+          loading: I.value,
+          "loading-text": e(p)("relations.field-searching"),
+          "empty-text": e(p)("relations.field-nothing"),
+          placeholder: Z.value,
+          "aria-label": Z.value,
+          disabled: n.disabled,
+          onSearch: S,
+          onOpen: Y,
+          onSelect: G
+        }, null, 8, ["modelValue", "options", "loading", "loading-text", "empty-text", "placeholder", "aria-label", "disabled"])
+      ])
+    ]));
+  }
+}), Te = (a, n) => {
+  const r = a.__vccOpts || a;
+  for (const [x, p] of n)
+    r[x] = p;
+  return r;
+}, bl = /* @__PURE__ */ Te(hl, [["__scopeId", "data-v-91f60441"]]);
+function ra(a = {}) {
+  const n = a.path ?? "/inbox";
+  return {
+    id: "inbox",
+    path: n,
+    landing: a.landing ?? !0,
+    routes: [
+      // The section's own path travels as a prop, so a panel that mounted it somewhere else
+      // still links between its screens correctly.
+      {
+        path: n,
+        name: "webx.inbox",
+        meta: { help: "inbox.index" },
+        component: () => import("./InboxPage-D1j4r5Wf.js"),
+        props: { base: n }
+      },
+      {
+        path: `${n}/statuses`,
+        name: "webx.inbox.statuses",
+        meta: { help: "inbox.statuses" },
+        component: () => import("./StatusesPage-4pt80oR1.js"),
+        props: { base: n }
+      },
+      {
+        path: `${n}/forms/:id(\\d+)`,
+        name: "webx.inbox.form",
+        meta: { help: "inbox.form" },
+        component: () => import("./FormEditorPage-BsJTI_wN.js"),
+        props: { base: n }
+      },
+      // A submission has an address of its own, not a dialog over the list (§11): it goes in
+      // the mail to whoever deals with it, it gets pasted into a chat, an agent links to it.
+      {
+        path: `${n}/submissions/:id(\\d+)`,
+        name: "webx.inbox.submission",
+        meta: { help: "inbox.submission" },
+        component: () => import("./SubmissionPage-DyygefM1.js"),
+        props: { base: n }
+      }
+    ],
+    // A form of the Inbox as a field of any screen or block — the contact block's form — chosen
+    // by name and kept by slug. Here and not in the panel: what it lists is this section's.
+    types: {
+      "wx-inbox-form": { component: bl, kind: "field" }
+    }
+  };
+}
+const Fe = /* @__PURE__ */ new WeakMap();
+function Pe(a) {
+  const n = `${a.apiPath}/inbox`, r = (l) => l.data, x = () => {
+  }, p = (l) => (Fe.delete(a.http), l);
+  function F() {
+    const l = Fe.get(a.http);
+    if (l !== void 0)
+      return l.then((_) => [..._]);
+    const t = a.http.get(`${n}/statuses`).then(r);
+    return Fe.set(a.http, t), t.catch(() => Fe.delete(a.http)), t.then((_) => [..._]);
+  }
+  return {
+    forms: () => a.http.get(`${n}/forms`).then(r),
+    form: (l) => a.http.get(`${n}/forms/${l}`).then(r),
+    createForm: (l) => a.http.post(`${n}/forms`, l).then(r),
+    saveForm: (l, t) => a.http.put(`${n}/forms/${l}`, t).then(r),
+    removeForm: (l) => a.http.delete(`${n}/forms/${l}`).then(x),
+    duplicateForm: (l) => a.http.post(`${n}/forms/${l}/duplicate`, {}).then(r),
+    sortForms: (l) => a.http.post(`${n}/forms/sorting`, { ids: l }).then(x),
+    fields: (l) => a.http.get(`${n}/forms/${l}/fields`).then(r),
+    createField: (l, t) => a.http.post(`${n}/forms/${l}/fields`, t).then(r),
+    saveField: (l, t) => a.http.put(`${n}/fields/${l}`, t).then(r),
+    removeField: (l) => a.http.delete(`${n}/fields/${l}`).then(x),
+    sortFields: (l, t) => a.http.post(`${n}/forms/${l}/fields/sorting`, { ids: t }).then(x),
+    statuses: F,
+    createStatus: (l) => a.http.post(`${n}/statuses`, l).then(r).then(p),
+    saveStatus: (l, t) => a.http.put(`${n}/statuses/${l}`, t).then(r).then(p),
+    removeStatus: (l) => a.http.delete(`${n}/statuses/${l}`).then(x).then(p),
+    sortStatuses: (l) => a.http.post(`${n}/statuses/sorting`, { ids: l }).then(x).then(p),
+    recipients: () => a.http.get(`${n}/recipients`).then(r),
+    submissions: (l, t = {}) => a.http.get(`${n}/forms/${l}/submissions`, { query: Ye(t) }).then((_) => ({
+      ..._.meta,
+      data: _.data,
+      columns: _.columns,
+      counts: _.counts,
+      // Optional on the wire: a server from before placements answers without them.
+      placements: _.placements ?? []
+    })),
+    submission: (l, t = {}) => a.http.get(`${n}/submissions/${l}`, { query: Ye(t) }).then(r),
+    createSubmission: (l, t) => a.http.post(`${n}/forms/${l}/submissions`, { fields: t }).then(r),
+    saveSubmission: (l, t) => a.http.put(`${n}/submissions/${l}`, t).then(r),
+    removeSubmission: (l) => a.http.delete(`${n}/submissions/${l}`).then(x),
+    notifySubmission: (l) => a.http.post(`${n}/submissions/${l}/notify`).then(r),
+    massSubmissions: (l) => a.http.post(`${n}/submissions/mass`, l).then(r),
+    exportUrl: (l, t = {}) => {
+      const _ = new URLSearchParams();
+      for (const [I, W] of Object.entries(Ye(t)))
+        W != null && W !== "" && _.set(I, String(W));
+      const N = _.toString();
+      return `${n}/forms/${l}/submissions/export${N === "" ? "" : `?${N}`}`;
+    }
+  };
+}
+function Ye(a) {
+  return {
+    view: a.view === void 0 || a.view === "" ? void 0 : a.view,
+    search: a.search === void 0 || a.search === "" ? void 0 : a.search,
+    assignee: a.assignee ?? void 0,
+    placement: a.placement ?? void 0,
+    sort: a.sort ?? void 0,
+    page: a.page,
+    per_page: a.per_page
+  };
+}
+function ca(a, n, r) {
+  return y({
+    get: () => a.value[n] ?? r,
+    set: (x) => {
+      const p = { ...a.value };
+      x === "" || x === null || x === void 0 ? delete p[n] : p[n] = x, a.value = p;
+    }
+  });
+}
+const yl = 10;
+function ie(a) {
+  return a.type === "step";
+}
+function gl(a) {
+  return a.type !== "step" && a.type !== "summary";
+}
+function wl(a) {
+  let n = !0;
+  return a.filter((r) => ie(r) ? (n = r.is_enabled, !1) : n && r.is_enabled && gl(r));
+}
+function ht(a) {
+  return a.findIndex(ie) > 0;
+}
+function xl(a) {
+  const n = a.filter(ie).length;
+  return n === 0 ? 0 : n + (ht(a) ? 1 : 0);
+}
+function kl(a) {
+  const n = /* @__PURE__ */ new Map();
+  let r = ht(a) ? 1 : 0;
+  for (const x of a)
+    ie(x) && n.set(x.id, ++r);
+  return n;
+}
+function _l(a) {
+  const n = /* @__PURE__ */ new Set();
+  return a.forEach((r, x) => {
+    const p = a[x + 1];
+    ie(r) && (p === void 0 || ie(p)) && n.add(r.id);
+  }), n;
+}
+function Vl(a, n) {
+  const r = a.indexOf(n);
+  return !ie(n) && a.slice(0, Math.max(r, 0)).some(ie);
+}
+const Sl = { class: "wx-inbox-by-hand" }, Tl = {
+  key: 6,
+  class: "wx-inbox-by-hand__moment"
+}, $l = /* @__PURE__ */ be({
+  __name: "SubmissionCreateDialog",
+  props: {
+    form: {}
+  },
+  setup(a) {
+    const n = a, { resolve: r, dismiss: x, open: p } = rt(), F = Ve(), l = Pe(F), t = ye();
+    Se();
+    const _ = ve("webx-inbox"), N = Me(), I = q([]), W = q(!0), j = q(!1), $ = q({}), V = q({}), ee = y(() => I.value.filter((v) => v.type !== "file")), X = y(() => I.value.some((v) => v.type === "file"));
+    function S(v) {
+      return V.value[`fields.${v.key}`]?.[0];
+    }
+    function Y(v) {
+      return me(v.title, t.active.value, v.key);
+    }
+    function G(v, b = "") {
+      return me(
+        v,
+        t.active.value,
+        b
+      );
+    }
+    function B(v) {
+      return (v.options.choices ?? []).map((b) => ({
+        value: b.value,
+        label: G(b.label, b.value)
+      }));
+    }
+    function Z(v) {
+      return $.value[v.key];
+    }
+    function E(v) {
+      const [b, f] = String(v.options["time-from"] ?? "09:00").split(":").map(Number), [m, U] = String(v.options["time-to"] ?? "17:00").split(":").map(Number), w = Number(v.options["time-step"] ?? 30), O = (m ?? 17) * 60 + (U ?? 0), L = [];
+      for (let ae = (b ?? 9) * 60 + (f ?? 0); w > 0 && ae + w <= O; ae += w) {
+        const ge = `${String(Math.floor(ae / 60)).padStart(2, "0")}:${String(ae % 60).padStart(2, "0")}`;
+        L.push({ value: ge, label: ge });
+      }
+      return L;
+    }
+    async function M() {
+      try {
+        const v = await l.form(n.form.id);
+        I.value = wl(v.fields ?? []);
+        for (const b of I.value)
+          $.value[b.key] = b.type === "checkbox" ? [] : b.type === "consent" ? !1 : b.type === "datetime" ? { date: "", time: "" } : "";
+      } catch (v) {
+        se.danger(N(v));
+      } finally {
+        W.value = !1;
+      }
+    }
+    M();
+    async function k() {
+      j.value = !0, V.value = {};
+      try {
+        r(await l.createSubmission(n.form.id, $.value));
+      } catch (v) {
+        const b = v.body;
+        b?.errors ? (V.value = b.errors, se.danger(_("panel.failed"))) : se.danger(N(v));
+      } finally {
+        j.value = !1;
+      }
+    }
+    return (v, b) => (d(), g(e(ct), {
+      open: e(p),
+      "onUpdate:open": b[1] || (b[1] = (f) => ut(p) ? p.value = f : null),
+      title: e(_)("panel.new-submission-title"),
+      width: 560
+    }, {
+      footer: u(() => [
+        o(e(mt), { size: "sm" }, {
+          default: u(() => [
+            o(e(ue), {
+              variant: "outline",
+              onClick: b[0] || (b[0] = (f) => e(x)())
+            }, {
+              default: u(() => [
+                z(A(e(_)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(ue), {
+              type: "primary",
+              loading: j.value,
+              disabled: W.value,
+              onClick: k
+            }, {
+              default: u(() => [
+                z(A(e(_)("panel.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        Q("div", Sl, [
+          o(e(_e), {
+            type: "info",
+            closable: !1
+          }, {
+            default: u(() => [
+              z(A(e(_)("panel.new-submission-help")), 1)
+            ]),
+            _: 1
+          }),
+          W.value ? (d(), g(e(Et), {
+            key: 0,
+            rows: 4
+          })) : (d(), R(te, { key: 1 }, [
+            (d(!0), R(te, null, fe(ee.value, (f) => (d(), g(e(D), {
+              key: f.id,
+              label: Y(f),
+              help: G(f.help),
+              error: S(f),
+              required: f.is_required
+            }, {
+              default: u(() => [
+                f.type === "textarea" ? (d(), g(e(Ft), {
+                  key: 0,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  rows: f.options.rows ?? 4,
+                  placeholder: G(f.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : f.type === "select" ? (d(), g(e(ce), {
+                  key: 1,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  options: B(f),
+                  clearable: "",
+                  placeholder: G(f.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : f.type === "radio" ? (d(), g(e(Ot), {
+                  key: 2,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  options: B(f)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : f.type === "checkbox" ? (d(), g(e(Rt), {
+                  key: 3,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  options: B(f)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : f.type === "consent" ? (d(), g(e(he), {
+                  key: 4,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  label: G(f.options.text, Y(f))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : f.type === "date" ? (d(), g(e(Re), {
+                  key: 5,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  placeholder: G(f.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : f.type === "datetime" ? (d(), R("div", Tl, [
+                  o(e(Re), {
+                    "model-value": Z(f).date || null,
+                    "aria-label": Y(f),
+                    "onUpdate:modelValue": (m) => Z(f).date = String(m ?? "")
+                  }, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"]),
+                  o(e(ce), {
+                    "model-value": Z(f).time || null,
+                    options: E(f),
+                    "aria-label": Y(f),
+                    clearable: "",
+                    "onUpdate:modelValue": (m) => Z(f).time = String(m ?? "")
+                  }, null, 8, ["model-value", "options", "aria-label", "onUpdate:modelValue"]),
+                  a.form.timezone ? (d(), g(e(H), {
+                    key: 0,
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: u(() => [
+                      z(A(a.form.timezone), 1)
+                    ]),
+                    _: 1
+                  })) : T("", !0)
+                ])) : (d(), g(e(ne), {
+                  key: 7,
+                  modelValue: $.value[f.key],
+                  "onUpdate:modelValue": (m) => $.value[f.key] = m,
+                  type: f.type === "email" ? "email" : f.type === "tel" ? "tel" : "text",
+                  placeholder: G(f.placeholder),
+                  maxlength: f.options.maxlength
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
+              ]),
+              _: 2
+            }, 1032, ["label", "help", "error", "required"]))), 128)),
+            X.value ? (d(), g(e(_e), {
+              key: 0,
+              type: "warning",
+              closable: !1
+            }, {
+              default: u(() => [
+                z(A(e(_)("panel.no-files-by-hand")), 1)
+              ]),
+              _: 1
+            })) : T("", !0)
+          ], 64))
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Cl = /* @__PURE__ */ Te($l, [["__scopeId", "data-v-626c8f67"]]), Al = { class: "wx-submissions__mass" }, zl = { class: "wx-submissions__state" }, Ul = 640, Nl = /* @__PURE__ */ be({
+  __name: "SubmissionList",
+  props: {
+    form: {},
+    base: { default: "/inbox" }
+  },
+  emits: ["changed"],
+  setup(a, { expose: n, emit: r }) {
+    const x = a, p = r, F = Ve(), l = Pe(F), t = sl(), _ = ol(), N = ye();
+    Se();
+    const I = zt("root"), W = qt(I), j = y(() => W.value > 0 && W.value < Ul), $ = y(() => j.value ? Number.POSITIVE_INFINITY : 0), V = ve("webx-inbox"), ee = ve("webx-admin"), X = Me(), S = q(null), Y = q([]), G = q(!1), B = q([]), Z = q(!1), E = y(() => F.can("inbox.update")), M = pt(Cl), k = y({
+      get: () => typeof t.query.view == "string" && t.query.view !== "" ? t.query.view : "all",
+      set: (h) => {
+        _.replace({
+          query: { ...t.query, view: h === "all" ? void 0 : h, page: void 0 }
+        });
+      }
+    }), v = y(() => ({
+      view: k.value,
+      search: typeof t.query.search == "string" ? t.query.search : "",
+      assignee: typeof t.query.assignee == "string" ? t.query.assignee : null,
+      placement: typeof t.query.placement == "string" ? t.query.placement : null,
+      sort: typeof t.query.sort == "string" ? t.query.sort : null,
+      page: Number(t.query.page ?? 1) || 1
+    })), b = y(
+      () => (S.value?.placements ?? []).map(
+        (h) => h === null ? { value: "none", label: V("panel.placement-none") } : { value: h, label: h }
+      )
+    ), f = y(
+      () => b.value.length > 1 || v.value.placement !== null
+    ), m = y(() => {
+      const h = v.value.placement;
+      if (h === null) return [];
+      const P = b.value.find((C) => C.value === h)?.label ?? (h === "none" ? V("panel.placement-none") : h);
+      return [
+        {
+          key: "placement",
+          label: `${V("panel.meta-placement")}: ${P}`,
+          clear: () => U(void 0)
+        }
+      ];
+    });
+    function U(h) {
+      _.replace({
+        query: {
+          ...t.query,
+          placement: typeof h == "string" && h !== "" ? h : void 0,
+          page: void 0
+        }
+      });
+    }
+    const w = y(() => {
+      const h = S.value?.counts, P = [
+        { value: "all", label: V("panel.view-all"), badge: h?.all || void 0 },
+        { value: "unread", label: V("panel.view-unread"), badge: h?.unread || void 0 }
+      ];
+      for (const C of Y.value)
+        P.push({
+          value: C.key,
+          label: we(C),
+          badge: h?.statuses[C.key] || void 0
+        });
+      return P;
+    });
+    function O(h, P) {
+      const C = S.value?.columns?.[P];
+      return C ? h.values[C.key] ?? "" : "";
+    }
+    const L = y(() => {
+      const h = S.value?.columns ?? [];
+      return j.value ? [{ key: "card", label: "" }] : [
+        ...h.map((P, C) => ({
+          key: `values.${P.key}`,
+          label: P.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: C === 0 ? void 0 : 320 + C * 320
+        })),
+        // A floor rather than a width: the cell holds a badge, sometimes an avatar and sometimes
+        // a paperclip, and a fixed width that any of them overflows makes the whole table scroll
+        // sideways by two pixels.
+        { key: "status", label: V("panel.status"), minWidth: 100 },
+        {
+          key: "created_at",
+          label: V("panel.received"),
+          sortable: !0,
+          width: 120,
+          // "today at 16:22" is three words the table will break over two lines given half a
+          // chance, and a date read down a column has to be one line to be read at all.
+          cellClass: "wx-submissions__when",
+          hideBelow: 520
+          // Kept on the card, unlike most dates: "when did this come in" is one of the two
+          // questions a submission is looked at for, and the other one is who sent it.
+        },
+        { key: "actions", label: "", width: Qt, align: "right", hideOnCards: !0 }
+      ];
+    }), ae = y(
+      () => v.value.view === "all" && v.value.search === "" && v.value.assignee === null && v.value.placement === null ? V("panel.submissions-empty") : V("panel.submissions-none")
+    ), ge = y(
+      () => Y.value.map((h) => ({ value: h.id, label: we(h) }))
+    ), we = ul();
+    function Be() {
+      return me(x.form.title, N.active.value, x.form.slug);
+    }
+    async function xe(h) {
+      G.value = !0;
+      try {
+        S.value = await l.submissions(x.form.id, {
+          view: v.value.view,
+          search: h?.search ?? v.value.search,
+          assignee: v.value.assignee,
+          placement: v.value.placement,
+          sort: h?.sort ? `${h.sort.order === "desc" ? "-" : ""}${h.sort.key}` : null,
+          page: h?.page ?? v.value.page,
+          per_page: h?.perPage
+        });
+      } catch (P) {
+        se.danger(X(P));
+      } finally {
+        G.value = !1;
+      }
+    }
+    function Le(h) {
+      const P = {
+        ...t.query,
+        search: h.search === "" ? void 0 : h.search,
+        sort: h.sort === null ? void 0 : `${h.sort.order === "desc" ? "-" : ""}${h.sort.key}`,
+        page: h.page === 1 ? void 0 : String(h.page)
+      };
+      _.replace({ query: P }), xe(h);
+    }
+    Ne([() => x.form.id, k, () => v.value.assignee, () => v.value.placement], () => {
+      B.value = [], xe();
+    }), He();
+    async function He() {
+      try {
+        Y.value = await l.statuses();
+      } catch (h) {
+        se.danger(X(h));
+      }
+    }
+    function $e(h) {
+      _.push({ path: `${x.base}/submissions/${h.id}`, query: { ...t.query } });
+    }
+    function Ce(h) {
+      return E.value ? [
+        {
+          key: "read",
+          icon: h.is_read ? "eye-off" : "eye",
+          label: h.is_read ? V("panel.mark-unread") : V("panel.mark-read"),
+          run: () => {
+            ze([h.id], h.is_read ? "unread" : "read");
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: V("panel.delete"),
+          danger: !0,
+          run: () => {
+            Ae([h.id]);
+          }
+        }
+      ] : [];
+    }
+    async function We(h) {
+      typeof h == "number" && (Z.value = !0, await ze(
+        B.value.map((P) => P.id),
+        "status",
+        h
+      ), Z.value = !1);
+    }
+    async function Ae(h) {
+      await ft({
+        title: h.length === 1 ? V("panel.delete-submission-title") : V("panel.delete-selected-title", { count: h.length }),
+        message: V("panel.delete-submission-text"),
+        confirmText: V("panel.delete"),
+        cancelText: V("panel.cancel"),
+        tone: "danger"
+      }) && await ze(h, "delete");
+    }
+    async function ze(h, P, C) {
+      if (h.length !== 0)
+        try {
+          await l.massSubmissions({ ids: h, action: P, status_id: C }), B.value = [], await xe(), p("changed");
+        } catch (pe) {
+          se.danger(X(pe));
+        }
+    }
+    async function je() {
+      const h = await M({ form: x.form });
+      h && (se.success(V("panel.created")), await xe(), p("changed"), _.push({ path: `${x.base}/submissions/${h.id}`, query: { ...t.query } }));
+    }
+    const Ie = y(
+      () => l.exportUrl(x.form.id, {
+        view: v.value.view,
+        search: v.value.search,
+        assignee: v.value.assignee,
+        placement: v.value.placement,
+        sort: v.value.sort
+      })
+    ), Xe = y(() => [
+      { key: "export", label: V("panel.export"), icon: "download", href: Ie.value }
+    ]);
+    return n({ create: je }), (h, P) => (d(), R("div", {
+      ref_key: "root",
+      ref: I,
+      class: "wx-submissions"
+    }, [
+      o(e(Zt), {
+        class: "wx-submissions__head",
+        level: 3,
+        title: Be(),
+        subtitle: a.form.slug,
+        actions: Xe.value
+      }, null, 8, ["title", "subtitle", "actions"]),
+      o(e(Dt), {
+        modelValue: k.value,
+        "onUpdate:modelValue": P[2] || (P[2] = (C) => k.value = C),
+        class: "wx-submissions__views",
+        items: w.value,
+        "collapse-below": 560,
+        "aria-label": e(V)("panel.status")
+      }, {
+        default: u(() => [
+          o(e(Mt), {
+            data: S.value,
+            columns: L.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: G.value,
+            "loading-text": e(V)("panel.loading"),
+            selectable: E.value,
+            "select-row-label": e(ee)("filters.select-row"),
+            "select-all-label": e(ee)("filters.select-all"),
+            "row-class": (C) => C.is_read ? void 0 : "is-unread",
+            "search-placeholder": e(V)("panel.search-submissions"),
+            "empty-text": ae.value,
+            "cards-below": $.value,
+            "filters-count": m.value.length,
+            onRowClick: $e,
+            onStateChange: Le,
+            onSelectionChange: P[1] || (P[1] = (C, pe) => B.value = pe)
+          }, dt({
+            "cell-status": u(({ row: C }) => [
+              Q("div", zl, [
+                C.status ? (d(), g(e(de), {
+                  key: 0,
+                  type: C.status.color
+                }, {
+                  default: u(() => [
+                    z(A(e(we)(C.status)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"])) : T("", !0),
+                C.assignee ? (d(), g(e(at), {
+                  key: 1,
+                  name: C.assignee.name,
+                  title: C.assignee.name,
+                  size: "xs",
+                  tone: "auto"
+                }, null, 8, ["name", "title"])) : T("", !0),
+                C.files_count > 0 ? (d(), g(e(Bt), {
+                  key: 2,
+                  content: e(V)("panel.attachments")
+                }, {
+                  default: u(() => [
+                    o(e(re), {
+                      name: "file",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : T("", !0)
+              ])
+            ]),
+            "cell-created_at": u(({ row: C }) => [
+              o(e(ot), {
+                value: C.created_at,
+                compact: ""
+              }, null, 8, ["value"])
+            ]),
+            "cell-card": u(({ row: C }) => [
+              o(e(Pt), {
+                variant: "plain",
+                shape: "circle",
+                title: O(C, 0)
+              }, {
+                subtitle: u(() => [
+                  z(A(O(C, 1)), 1)
+                ]),
+                meta: u(() => [
+                  C.status ? (d(), g(e(de), {
+                    key: 0,
+                    type: C.status.color,
+                    size: "sm"
+                  }, {
+                    default: u(() => [
+                      z(A(e(we)(C.status)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"])) : T("", !0),
+                  C.assignee ? (d(), g(e(at), {
+                    key: 1,
+                    name: C.assignee.name,
+                    title: C.assignee.name,
+                    size: "xs",
+                    tone: "auto"
+                  }, null, 8, ["name", "title"])) : T("", !0),
+                  C.files_count > 0 ? (d(), g(e(re), {
+                    key: 2,
+                    name: "file",
+                    size: "sm"
+                  })) : T("", !0),
+                  o(e(ot), {
+                    value: C.created_at
+                  }, null, 8, ["value"])
+                ]),
+                _: 2
+              }, 1032, ["title"])
+            ]),
+            "card-actions": u(({ row: C }) => [
+              o(e(Ge), {
+                actions: Ce(C),
+                label: String(C.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            "cell-actions": u(({ row: C }) => [
+              o(e(Ge), {
+                actions: Ce(C),
+                label: String(C.id)
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 2
+          }, [
+            B.value.length > 0 ? {
+              name: "actions",
+              fn: u(() => [
+                Q("div", Al, [
+                  o(e(H), {
+                    size: "sm",
+                    weight: "medium"
+                  }, {
+                    default: u(() => [
+                      z(A(e(V)("panel.selected", { count: B.value.length })), 1)
+                    ]),
+                    _: 1
+                  }),
+                  o(e(ce), {
+                    "model-value": null,
+                    options: ge.value,
+                    placeholder: e(V)("panel.move-to"),
+                    disabled: Z.value,
+                    size: "sm",
+                    style: { width: "180px" },
+                    "onUpdate:modelValue": We
+                  }, null, 8, ["options", "placeholder", "disabled"]),
+                  o(e(ue), {
+                    size: "sm",
+                    variant: "outline",
+                    type: "danger",
+                    onClick: P[0] || (P[0] = (C) => Ae(B.value.map((pe) => pe.id)))
+                  }, {
+                    default: u(() => [
+                      z(A(e(V)("panel.delete")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              key: "0"
+            } : void 0,
+            f.value ? {
+              name: "filters",
+              fn: u(() => [
+                o(e(D), {
+                  label: e(V)("panel.meta-placement")
+                }, {
+                  default: u(() => [
+                    o(e(ce), {
+                      "model-value": v.value.placement,
+                      options: b.value,
+                      placeholder: e(V)("panel.any-placement"),
+                      clearable: "",
+                      size: "sm",
+                      "onUpdate:modelValue": U
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              key: "1"
+            } : void 0,
+            m.value.length > 0 ? {
+              name: "applied",
+              fn: u(() => [
+                o(e(Jt), { filters: m.value }, null, 8, ["filters"])
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1032, ["data", "columns", "loading", "loading-text", "selectable", "select-row-label", "select-all-label", "row-class", "search-placeholder", "empty-text", "cards-below", "filters-count"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "items", "aria-label"])
+    ], 512));
+  }
+}), ma = /* @__PURE__ */ Te(Nl, [["__scopeId", "data-v-c743b9e7"]]), Wl = ["when", "unless"], Il = ["select", "radio", "checkbox", "consent"], bt = "1";
+function yt(a) {
+  if (a === null || typeof a != "object" || Array.isArray(a)) return null;
+  const n = {};
+  for (const [r, x] of Object.entries(a)) {
+    const p = r.trim(), F = (Array.isArray(x) ? x : [x]).map((l) => l === !0 ? bt : typeof l == "string" ? l.trim() : "").filter((l) => l !== "");
+    p !== "" && F.length > 0 && (n[p] = [...new Set(F)]);
+  }
+  return Object.keys(n).length === 0 ? null : n;
+}
+function qe(a, n) {
+  return yt(a?.[n]);
+}
+function gt(a) {
+  return Il.includes(a);
+}
+function Je(a, n) {
+  return a.type === "consent" ? [{ value: bt, label: n }] : Array.isArray(a.options.choices) ? a.options.choices : [];
+}
+function El(a, n) {
+  const r = n.findIndex((p) => p.id === a.id), x = [];
+  for (const p of Wl)
+    for (const [F, l] of Object.entries(qe(a.options, p) ?? {})) {
+      const t = n.findIndex((N) => N.key === F), _ = n[t];
+      if (_ === void 0)
+        x.push({ code: "unknown_field", key: p, name: F });
+      else if (!gt(_.type))
+        x.push({ code: "not_choice", key: p, name: F });
+      else if (r >= 0 && t >= r)
+        x.push({ code: "not_before", key: p, name: F });
+      else {
+        const N = Je(_, "").map((I) => I.value);
+        for (const I of l)
+          N.includes(I) || x.push({ code: "unknown_value", key: p, name: F, value: I });
+      }
+    }
+  return x;
+}
+function wt(a, n, r, x) {
+  return Object.entries(a).map(([p, F]) => {
+    const l = n.find((N) => N.key === p);
+    if (l === void 0) return `${p} = ${F.join(", ")}`;
+    const t = Je(l, x), _ = F.map((N) => {
+      const I = t.find((W) => W.value === N);
+      return I === void 0 ? N : xt(I.label, r, N);
+    });
+    return `${me(l.title, r, l.key)} = ${_.join(", ")}`;
+  }).join(" · ");
+}
+function xt(a, n, r) {
+  return me(a, n, r) || r;
+}
+const Fl = { class: "wx-inbox-condition__head" }, Ol = { class: "wx-inbox-condition__controls" }, Rl = {
+  key: 2,
+  class: "wx-inbox-condition__removed"
+}, ql = /* @__PURE__ */ be({
+  __name: "FieldCondition",
+  props: {
+    options: {},
+    above: {},
+    fields: {},
+    errors: {}
+  },
+  emits: ["update:options"],
+  setup(a, { emit: n }) {
+    const r = a, x = n;
+    Se();
+    const p = ve("webx-inbox"), F = ye(), l = q("always"), t = q([]), _ = q(null);
+    function N(m) {
+      const U = qe(m, "when"), w = qe(m, "unless"), O = U ?? w;
+      l.value = U !== null ? "when" : w !== null ? "unless" : "always", t.value = Object.entries(O ?? {}).map(([L, ae]) => ({ name: L, values: [...ae] })), _.value = U !== null && w !== null ? { key: "unless", condition: w } : null;
+    }
+    N(r.options);
+    let I = null;
+    Ne(
+      () => r.options,
+      (m) => {
+        Ut(m) !== I && N(m);
+      }
+    );
+    const W = y(() => r.above.filter((m) => gt(m.type))), j = y(() => p("fields.condition-ticked"));
+    function $(m) {
+      return me(m.title, F.active.value, m.key);
+    }
+    function V(m) {
+      return m !== "" && !W.value.some((U) => U.key === m);
+    }
+    function ee(m) {
+      const U = t.value.filter((O) => O !== m).map((O) => O.name), w = W.value.filter((O) => !U.includes(O.key)).map((O) => ({ value: O.key, label: $(O) }));
+      if (V(m.name)) {
+        const O = r.fields.find((L) => L.key === m.name);
+        w.unshift({ value: m.name, label: O ? $(O) : m.name });
+      }
+      return w;
+    }
+    function X(m) {
+      const U = W.value.find((w) => w.key === m.name);
+      return U === void 0 ? [] : Je(U, j.value).map((w) => ({
+        value: w.value,
+        label: xt(w.label, F.active.value, w.value)
+      }));
+    }
+    function S(m) {
+      if (V(m.name)) return [];
+      const U = X(m).map((w) => w.value);
+      return m.values.filter((w) => !U.includes(w));
+    }
+    function Y() {
+      const m = yt(
+        Object.fromEntries(t.value.map((w) => [w.name, w.values]))
+      ), U = { ...r.options };
+      delete U.when, delete U.unless, l.value !== "always" && m !== null && (U[l.value] = m), _.value !== null && _.value.key !== l.value && (U[_.value.key] = _.value.condition), I = U, x("update:options", U);
+    }
+    function G(m) {
+      l.value = m, m !== "always" && t.value.length === 0 ? B() : Y();
+    }
+    function B() {
+      const m = W.value.find((U) => !t.value.some((w) => w.name === U.key));
+      t.value = [...t.value, { name: m?.key ?? "", values: [] }], Y();
+    }
+    function Z(m, U) {
+      t.value = t.value.map((w, O) => O === m ? { name: U, values: [] } : w), Y();
+    }
+    function E(m, U) {
+      const w = t.value[m], O = S(w);
+      t.value = t.value.map(
+        (L, ae) => ae === m ? { ...L, values: [...O, ...U] } : L
+      ), Y();
+    }
+    function M(m, U) {
+      t.value = t.value.map(
+        (w, O) => O === m ? { ...w, values: w.values.filter((L) => L !== U) } : w
+      ), Y();
+    }
+    function k(m) {
+      t.value = t.value.filter((U, w) => w !== m), t.value.length === 0 && (l.value = "always"), Y();
+    }
+    const v = y(() => [
+      { value: "always", label: p("fields.show-always") },
+      { value: "when", label: p("fields.show-when") },
+      { value: "unless", label: p("fields.show-unless") }
+    ]), b = y(
+      () => _.value === null || _.value.key === l.value ? null : p("fields.condition-kept", {
+        condition: wt(
+          _.value.condition,
+          r.fields,
+          F.active.value,
+          j.value
+        )
+      })
+    ), f = y(() => t.value.length < W.value.length);
+    return (m, U) => (d(), R("section", {
+      class: Oe(["wx-inbox-condition", { "is-invalid": a.errors?.length }])
+    }, [
+      Q("div", Fl, [
+        o(e(H), {
+          size: "sm",
+          weight: "medium"
+        }, {
+          default: u(() => [
+            z(A(e(p)("fields.show")), 1)
+          ]),
+          _: 1
+        }),
+        o(e(vt), {
+          "model-value": l.value,
+          options: v.value,
+          size: "sm",
+          "aria-label": e(p)("fields.show"),
+          disabled: W.value.length === 0 && l.value === "always",
+          "onUpdate:modelValue": U[0] || (U[0] = (w) => G(w))
+        }, null, 8, ["model-value", "options", "aria-label", "disabled"])
+      ]),
+      W.value.length === 0 && l.value === "always" ? (d(), g(e(H), {
+        key: 0,
+        size: "sm",
+        tone: "placeholder"
+      }, {
+        default: u(() => [
+          z(A(e(p)("fields.condition-none")), 1)
+        ]),
+        _: 1
+      })) : T("", !0),
+      l.value !== "always" ? (d(), R(te, { key: 1 }, [
+        (d(!0), R(te, null, fe(t.value, (w, O) => (d(), R("div", {
+          key: O,
+          class: Oe(["wx-inbox-condition__row", { "is-invalid": V(w.name) || S(w).length > 0 }])
+        }, [
+          O > 0 ? (d(), g(e(H), {
+            key: 0,
+            size: "sm",
+            tone: "muted",
+            class: "wx-inbox-condition__and"
+          }, {
+            default: u(() => [
+              z(A(e(p)("fields.condition-and")), 1)
+            ]),
+            _: 1
+          })) : T("", !0),
+          Q("div", Ol, [
+            o(e(ce), {
+              "model-value": w.name || null,
+              options: ee(w),
+              placeholder: e(p)("fields.condition-field"),
+              "aria-label": e(p)("fields.condition-field"),
+              status: V(w.name) ? "error" : void 0,
+              "onUpdate:modelValue": (L) => Z(O, String(L ?? ""))
+            }, null, 8, ["model-value", "options", "placeholder", "aria-label", "status", "onUpdate:modelValue"]),
+            o(e(ce), {
+              multiple: "",
+              "model-value": w.values.filter((L) => !S(w).includes(L)),
+              options: X(w),
+              placeholder: e(p)("fields.condition-values"),
+              "aria-label": e(p)("fields.condition-values"),
+              disabled: w.name === "" || V(w.name),
+              "onUpdate:modelValue": (L) => E(O, L ?? [])
+            }, null, 8, ["model-value", "options", "placeholder", "aria-label", "disabled", "onUpdate:modelValue"]),
+            o(e(Ze), {
+              icon: "trash",
+              tone: "danger",
+              title: e(p)("fields.condition-remove"),
+              onClick: (L) => k(O)
+            }, null, 8, ["title", "onClick"])
+          ]),
+          V(w.name) ? (d(), g(e(H), {
+            key: 1,
+            size: "sm",
+            tone: "danger"
+          }, {
+            default: u(() => [
+              z(A(e(p)("fields.condition-stranger")), 1)
+            ]),
+            _: 1
+          })) : T("", !0),
+          S(w).length > 0 ? (d(), R("div", Rl, [
+            (d(!0), R(te, null, fe(S(w), (L) => (d(), g(e(de), {
+              key: L,
+              type: "danger",
+              closable: "",
+              "close-label": e(p)("fields.condition-remove"),
+              onClose: (ae) => M(O, L)
+            }, {
+              default: u(() => [
+                z(A(e(p)("fields.condition-removed", { value: L })), 1)
+              ]),
+              _: 2
+            }, 1032, ["close-label", "onClose"]))), 128))
+          ])) : T("", !0)
+        ], 2))), 128)),
+        f.value ? (d(), g(e(ue), {
+          key: 0,
+          variant: "outline",
+          size: "sm",
+          onClick: B
+        }, {
+          icon: u(() => [
+            o(e(re), { name: "plus" })
+          ]),
+          default: u(() => [
+            z(" " + A(e(p)("fields.condition-add")), 1)
+          ]),
+          _: 1
+        })) : T("", !0),
+        o(e(H), {
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: u(() => [
+            z(A(e(p)("fields.condition-help")), 1)
+          ]),
+          _: 1
+        })
+      ], 64)) : T("", !0),
+      b.value ? (d(), g(e(_e), {
+        key: 2,
+        type: "info",
+        variant: "soft",
+        description: b.value
+      }, null, 8, ["description"])) : T("", !0),
+      (d(!0), R(te, null, fe(a.errors ?? [], (w) => (d(), g(e(H), {
+        key: w,
+        size: "sm",
+        tone: "danger",
+        role: "alert"
+      }, {
+        default: u(() => [
+          z(A(w), 1)
+        ]),
+        _: 2
+      }, 1024))), 128))
+    ], 2));
+  }
+}), Dl = /* @__PURE__ */ Te(ql, [["__scopeId", "data-v-17717667"]]), Ml = /* @__PURE__ */ be({
+  __name: "LocalizedRichText",
+  props: /* @__PURE__ */ Qe({
+    placeholder: { default: void 0 },
+    minHeight: { default: "160px" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const n = Ke(a, "modelValue"), r = a, x = ye(), p = el(), F = tl(() => !0), l = ve("webx-admin"), t = y(() => {
+      const N = x.active.value;
+      return x.list.value.some((W) => W.code === N) ? N : x.list.value[0]?.code ?? "";
+    }), _ = y({
+      get: () => {
+        const N = n.value;
+        return typeof N == "string" ? t.value === "" || t.value === x.list.value[0]?.code ? N : "" : N[t.value] ?? "";
+      },
+      set: (N) => {
+        if (t.value === "") {
+          n.value = N;
+          return;
+        }
+        const I = typeof n.value == "string" ? { [t.value]: n.value } : n.value;
+        n.value = { ...I, [t.value]: N };
+      }
+    });
+    return (N, I) => e(x).list.value.length > 0 ? (d(), g(e(Lt), { key: 0 }, {
+      default: u(() => [
+        o(e(nt), {
+          modelValue: _.value,
+          "onUpdate:modelValue": I[0] || (I[0] = (W) => _.value = W),
+          placeholder: r.placeholder,
+          "min-height": r.minHeight,
+          labels: e(p),
+          tokens: e(F).length > 0 ? e(F) : void 0,
+          "tokens-title": e(l)("shortcodes.title"),
+          "tokens-label": e(l)("shortcodes.insert")
+        }, null, 8, ["modelValue", "placeholder", "min-height", "labels", "tokens", "tokens-title", "tokens-label"])
+      ]),
+      _: 1
+    })) : (d(), g(e(nt), {
+      key: 1,
+      modelValue: _.value,
+      "onUpdate:modelValue": I[1] || (I[1] = (W) => _.value = W),
+      placeholder: r.placeholder,
+      "min-height": r.minHeight,
+      labels: e(p),
+      tokens: e(F).length > 0 ? e(F) : void 0,
+      "tokens-title": e(l)("shortcodes.title"),
+      "tokens-label": e(l)("shortcodes.insert")
+    }, null, 8, ["modelValue", "placeholder", "min-height", "labels", "tokens", "tokens-title", "tokens-label"]));
+  }
+}), Pl = [
+  "text",
+  "email",
+  "tel",
+  "textarea",
+  "select",
+  "radio",
+  "checkbox",
+  "consent",
+  "date",
+  "datetime",
+  "file",
+  "hidden"
+], pa = ["default", "primary", "success", "warning", "info", "danger"], Bl = { class: "wx-inbox-field-form" }, Ll = { class: "wx-inbox-field-form__row" }, Hl = { class: "wx-inbox-field-form__days" }, jl = {
+  key: 7,
+  class: "wx-inbox-field-form__row"
+}, Xl = {
+  key: 8,
+  class: "wx-inbox-choices"
+}, Yl = { class: "wx-inbox-choices__row" }, Gl = {
+  key: 0,
+  class: "wx-inbox-choices__card"
+}, Kl = { class: "wx-inbox-field-form__row" }, Ql = { class: "wx-inbox-field-form__checks" }, Zl = { class: "wx-inbox-field-form__advanced" }, Jl = /* @__PURE__ */ be({
+  __name: "FieldDialog",
+  props: {
+    field: {},
+    form: {},
+    taken: { default: () => [] },
+    fields: { default: () => [] },
+    step: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const n = a, { resolve: r, dismiss: x, open: p } = rt(), F = Ve(), l = Pe(F);
+    Se();
+    const t = ve("webx-inbox"), _ = ll(), N = Me(), I = q(!1), W = q({}), j = q(""), $ = q("text"), V = q({}), ee = q({}), X = q({}), S = q({}), Y = q(!1), G = ye(), B = q(!0), Z = q(!1), E = q(!0), M = q(!1);
+    Ne(
+      () => n.field,
+      (c) => {
+        j.value = c?.name ?? "", $.value = c?.type ?? (n.step ? "step" : "text"), V.value = { ...c?.title ?? {} }, ee.value = { ...c?.placeholder ?? {} }, X.value = { ...c?.help ?? {} }, S.value = { ...c?.options ?? {} }, B.value = c?.is_enabled ?? !0, Z.value = c?.is_required ?? !1, E.value = c?.is_fullsize ?? !0, M.value = c?.in_table ?? !1, Y.value = c !== null, W.value = {};
+      },
+      { immediate: !0 }
+    );
+    function k(c) {
+      const i = c ?? {}, s = i[G.active.value];
+      if (typeof s == "string" && s.trim() !== "") return [s, G.active.value];
+      const J = Object.entries(i).find(
+        ([, le]) => typeof le == "string" && le.trim() !== ""
+      );
+      return J === void 0 ? ["", G.active.value] : [J[1], J[0]];
+    }
+    function v([c, i]) {
+      let s = nl(c, { separator: "_", max: 60, locale: i });
+      if (s === "") return "";
+      U.value && (s = `step_${s}`.slice(0, 60)), /^[a-z]/.test(s) || (s = `field_${s}`);
+      let J = s;
+      for (let le = 2; n.taken.includes(J); le++) J = `${s}_${le}`;
+      return J;
+    }
+    Ne(
+      () => k(V.value),
+      (c) => {
+        Y.value || (j.value = v(c));
+      }
+    );
+    function b(c) {
+      j.value = c, Y.value = c.trim() !== "", Y.value || (j.value = v(k(V.value)));
+    }
+    const f = y(() => {
+      const c = n.field?.name ?? "", i = j.value.trim();
+      return c !== "" && i !== "" && i !== c ? c : null;
+    }), m = y(() => [
+      ...Pl.map((c) => ({ value: c, label: t(`fields.type-${c}`) })),
+      { value: "summary", label: t("fields.type-summary") }
+    ]), U = y(() => $.value === "step"), w = y(() => $.value === "summary"), O = y(() => !U.value && !w.value), L = y(
+      () => lt.value.filter((c) => !["step", "summary", "consent", "file", "hidden"].includes(c.type)).map((c) => ({
+        value: c.key,
+        label: me(c.title, G.active.value, c.key)
+      }))
+    ), ae = y({
+      get: () => Array.isArray(S.value.fields) ? S.value.fields : [],
+      set: (c) => K("fields", c)
+    }), ge = y(() => !n.fields.some((c) => c.type === "step")), we = y(() => U.value ? n.field ? t("fields.edit-step") : t("fields.new-step") : n.field ? t("fields.edit-field") : t("fields.new-field")), Be = y(() => ["select", "radio", "checkbox"].includes($.value)), xe = y(() => $.value === "datetime"), Le = [15, 20, 30, 60, 90, 120], He = y(
+      () => Le.map((c) => ({ value: c, label: t("fields.time-step-minutes", { minutes: c }) }))
+    ), $e = y(() => Number(S.value["time-step"] ?? 30)), Ce = y(() => String(S.value["time-from"] ?? "09:00")), We = y(() => String(S.value["time-to"] ?? "17:00")), Ae = y(
+      () => Array.isArray(S.value.weekdays) ? S.value.weekdays.map(Number) : []
+    ), ze = y(
+      () => [1, 2, 3, 4, 5, 6, 7].map((c) => ({
+        value: c,
+        label: new Intl.DateTimeFormat(G.active.value, {
+          weekday: "short",
+          timeZone: "UTC"
+        }).format(Date.UTC(2024, 0, c))
+      }))
+    );
+    function je(c, i) {
+      const s = new Set(Ae.value);
+      i ? s.add(c) : s.delete(c), K(
+        "weekdays",
+        [...s].sort((J, le) => J - le)
+      );
+    }
+    const Ie = (c) => {
+      const [i, s] = c.split(":").map(Number);
+      return (i ?? 0) * 60 + (s ?? 0);
+    }, Xe = (c) => `${String(Math.floor(c / 60)).padStart(2, "0")}:${String(c % 60).padStart(2, "0")}`, h = y(() => {
+      const c = [], i = Ie(We.value);
+      for (let s = Ie(Ce.value); s + $e.value <= i && c.length < 200; s += $e.value)
+        c.push(Xe(s));
+      return c.length === 0 ? "—" : c.length > 3 ? `${c[0]}, ${c[1]} … ${c[c.length - 1]}` : c.join(", ");
+    }), P = y(() => n.form.timezone ?? "UTC"), C = y(
+      () => Array.isArray(S.value.choices) ? S.value.choices : []
+    ), pe = y({
+      get: () => Array.isArray(S.value.extensions) ? S.value.extensions : [],
+      set: (c) => K(
+        "extensions",
+        c.map((i) => i.replace(/^\./, ""))
+      )
+    }), et = y(() => $.value === "radio" || $.value === "checkbox"), Ue = y(() => et.value && S.value.view === "cards"), kt = y(() => [
+      { value: "list", label: t("fields.view-list") },
+      { value: "cards", label: t("fields.view-cards") }
+    ]);
+    function _t(c) {
+      const i = { ...S.value };
+      c === "cards" ? i.view = "cards" : (delete i.view, delete i.columns), S.value = i;
+    }
+    const tt = y(() => F.types?.["wx-media"]?.component);
+    function K(c, i) {
+      S.value = { ...S.value, [c]: i };
+    }
+    function Vt() {
+      K("choices", [...C.value, { value: "", label: {} }]);
+    }
+    function St(c) {
+      K(
+        "choices",
+        C.value.filter((i, s) => s !== c)
+      );
+    }
+    function Ee(c, i) {
+      K(
+        "choices",
+        C.value.map((s, J) => J === c ? { ...s, ...i } : s)
+      );
+    }
+    const lt = y(() => {
+      const c = n.field === null ? -1 : n.fields.findIndex((i) => i.id === n.field?.id);
+      return c < 0 ? n.fields.filter((i) => i.id !== n.field?.id) : n.fields.slice(0, c);
+    }), Tt = y(() => [
+      ...W.value["options.when"] ?? [],
+      ...W.value["options.unless"] ?? []
+    ]);
+    function oe(c) {
+      return W.value[c]?.[0];
+    }
+    async function $t() {
+      I.value = !0, W.value = {};
+      const c = {
+        name: j.value.trim() === "" ? null : j.value.trim(),
+        type: $.value,
+        title: V.value,
+        placeholder: ee.value,
+        help: X.value,
+        options: S.value,
+        is_enabled: B.value,
+        is_required: O.value && Z.value,
+        is_fullsize: !O.value || E.value,
+        in_table: O.value && M.value
+      };
+      try {
+        r(
+          n.field === null ? await l.createField(n.form.id, c) : await l.saveField(n.field.id, c)
+        );
+      } catch (i) {
+        const s = i.body;
+        s?.errors ? (W.value = s.errors, se.danger(t("panel.failed"))) : se.danger(N(i));
+      } finally {
+        I.value = !1;
+      }
+    }
+    return (c, i) => (d(), g(e(ct), {
+      open: e(p),
+      "onUpdate:open": i[35] || (i[35] = (s) => ut(p) ? p.value = s : null),
+      title: we.value,
+      width: 720
+    }, {
+      footer: u(() => [
+        o(e(mt), { size: "sm" }, {
+          default: u(() => [
+            o(e(ue), {
+              variant: "outline",
+              onClick: i[34] || (i[34] = (s) => e(x)())
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(ue), {
+              type: "primary",
+              loading: I.value,
+              onClick: $t
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        Q("div", Bl, [
+          U.value ? (d(), g(e(H), {
+            key: 0,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: u(() => [
+              z(A(e(t)("fields.step-help")), 1)
+            ]),
+            _: 1
+          })) : T("", !0),
+          U.value ? T("", !0) : (d(), g(e(D), {
+            key: 1,
+            label: e(t)("fields.type")
+          }, {
+            default: u(() => [
+              o(e(ce), {
+                modelValue: $.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (s) => $.value = s),
+                options: m.value,
+                status: oe("type") ? "error" : void 0
+              }, null, 8, ["modelValue", "options", "status"]),
+              oe("type") ? (d(), g(e(H), {
+                key: 0,
+                size: "sm",
+                tone: "danger"
+              }, {
+                default: u(() => [
+                  z(A(oe("type")), 1)
+                ]),
+                _: 1
+              })) : T("", !0)
+            ]),
+            _: 1
+          }, 8, ["label"])),
+          o(e(D), {
+            label: U.value ? e(t)("fields.step-title") : e(t)("fields.title"),
+            error: oe("title"),
+            required: ""
+          }, {
+            default: u(() => [
+              o(e(ne), {
+                modelValue: V.value,
+                "onUpdate:modelValue": i[1] || (i[1] = (s) => V.value = s),
+                localized: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          U.value ? (d(), R(te, { key: 2 }, [
+            o(e(D), {
+              label: e(t)("fields.step-label"),
+              help: e(t)("fields.step-label-help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: ee.value,
+                  "onUpdate:modelValue": i[2] || (i[2] = (s) => ee.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            o(e(D), {
+              label: e(t)("fields.step-hint")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: X.value,
+                  "onUpdate:modelValue": i[3] || (i[3] = (s) => X.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            o(e(D), {
+              label: e(t)("fields.step-next"),
+              help: e(t)("fields.step-next-help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  "model-value": S.value["next-text"] ?? {},
+                  localized: "",
+                  "onUpdate:modelValue": i[4] || (i[4] = (s) => K("next-text", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"])
+          ], 64)) : w.value ? (d(), R(te, { key: 3 }, [
+            o(e(H), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.summary-help")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(D), {
+              label: e(t)("fields.help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: X.value,
+                  "onUpdate:modelValue": i[5] || (i[5] = (s) => X.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            o(e(D), {
+              label: e(t)("fields.summary-fields"),
+              help: e(t)("fields.summary-fields-help")
+            }, {
+              default: u(() => [
+                o(e(ce), {
+                  modelValue: ae.value,
+                  "onUpdate:modelValue": i[6] || (i[6] = (s) => ae.value = s),
+                  options: L.value,
+                  placeholder: e(t)("fields.summary-all"),
+                  multiple: ""
+                }, null, 8, ["modelValue", "options", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            ge.value ? (d(), g(e(_e), {
+              key: 0,
+              type: "info",
+              variant: "soft",
+              description: e(t)("fields.summary-flat")
+            }, null, 8, ["description"])) : T("", !0)
+          ], 64)) : xe.value ? (d(), R(te, { key: 4 }, [
+            o(e(H), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.datetime-help")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(D), {
+              label: e(t)("fields.help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: X.value,
+                  "onUpdate:modelValue": i[7] || (i[7] = (s) => X.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            Q("div", Ll, [
+              o(e(D), {
+                label: e(t)("fields.time-step"),
+                error: oe("options.time-step")
+              }, {
+                default: u(() => [
+                  o(e(ce), {
+                    "model-value": $e.value,
+                    options: He.value,
+                    "onUpdate:modelValue": i[8] || (i[8] = (s) => K("time-step", Number(s)))
+                  }, null, 8, ["model-value", "options"])
+                ]),
+                _: 1
+              }, 8, ["label", "error"]),
+              o(e(D), {
+                label: e(t)("fields.time-from"),
+                error: oe("options.time-from")
+              }, {
+                default: u(() => [
+                  o(e(st), {
+                    "model-value": Ce.value,
+                    "minutes-increment": 5,
+                    "aria-label": e(t)("fields.time-from"),
+                    "onUpdate:modelValue": i[9] || (i[9] = (s) => K("time-from", s ?? "09:00"))
+                  }, null, 8, ["model-value", "aria-label"])
+                ]),
+                _: 1
+              }, 8, ["label", "error"]),
+              o(e(D), {
+                label: e(t)("fields.time-to"),
+                error: oe("options.time-to")
+              }, {
+                default: u(() => [
+                  o(e(st), {
+                    "model-value": We.value,
+                    "minutes-increment": 5,
+                    "aria-label": e(t)("fields.time-to"),
+                    "onUpdate:modelValue": i[10] || (i[10] = (s) => K("time-to", s ?? "17:00"))
+                  }, null, 8, ["model-value", "aria-label"])
+                ]),
+                _: 1
+              }, 8, ["label", "error"])
+            ]),
+            o(e(H), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.time-help")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(D), {
+              label: e(t)("fields.weekdays"),
+              help: e(t)("fields.weekdays-help"),
+              error: oe("options.weekdays")
+            }, {
+              default: u(() => [
+                Q("div", Hl, [
+                  (d(!0), R(te, null, fe(ze.value, (s) => (d(), g(e(he), {
+                    key: s.value,
+                    "model-value": Ae.value.includes(s.value),
+                    label: s.label,
+                    "onUpdate:modelValue": (J) => je(s.value, !!J)
+                  }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128)),
+                  o(e(ue), {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: i[11] || (i[11] = (s) => K("weekdays", [1, 2, 3, 4, 5]))
+                  }, {
+                    default: u(() => [
+                      z(A(e(t)("fields.weekdays-workdays")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 8, ["label", "help", "error"]),
+            o(e(D), {
+              label: e(t)("fields.timezone-label"),
+              help: e(t)("fields.timezone-label-help", { label: P.value })
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  "model-value": S.value["timezone-label"] ?? {},
+                  localized: "",
+                  "onUpdate:modelValue": i[12] || (i[12] = (s) => K("timezone-label", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            o(e(_e), {
+              type: "info",
+              variant: "soft",
+              description: e(t)("fields.timezone-site", { zone: a.form.timezone ?? "UTC" }) + " " + e(t)("fields.times-preview", { times: h.value })
+            }, null, 8, ["description"])
+          ], 64)) : $.value !== "hidden" ? (d(), R(te, { key: 5 }, [
+            $.value !== "consent" ? (d(), g(e(D), {
+              key: 0,
+              label: e(t)("fields.placeholder")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: ee.value,
+                  "onUpdate:modelValue": i[13] || (i[13] = (s) => ee.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : T("", !0),
+            o(e(D), {
+              label: e(t)("fields.help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  modelValue: X.value,
+                  "onUpdate:modelValue": i[14] || (i[14] = (s) => X.value = s),
+                  localized: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ], 64)) : T("", !0),
+          $.value === "consent" ? (d(), g(e(D), {
+            key: 6,
+            label: e(t)("fields.consent-text"),
+            help: e(t)("fields.consent-text-help")
+          }, {
+            default: u(() => [
+              o(Ml, {
+                "model-value": S.value.text ?? {},
+                "min-height": "100px",
+                "onUpdate:modelValue": i[15] || (i[15] = (s) => K("text", s))
+              }, null, 8, ["model-value"])
+            ]),
+            _: 1
+          }, 8, ["label", "help"])) : T("", !0),
+          et.value ? (d(), R("div", jl, [
+            o(e(D), {
+              label: e(t)("fields.view"),
+              help: Ue.value ? e(t)("fields.view-help") : void 0
+            }, {
+              default: u(() => [
+                o(e(vt), {
+                  "model-value": Ue.value ? "cards" : "list",
+                  options: kt.value,
+                  size: "sm",
+                  "aria-label": e(t)("fields.view"),
+                  "onUpdate:modelValue": i[16] || (i[16] = (s) => _t(String(s)))
+                }, null, 8, ["model-value", "options", "aria-label"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            Ue.value ? (d(), g(e(D), {
+              key: 0,
+              label: e(t)("fields.columns")
+            }, {
+              default: u(() => [
+                o(e(ke), {
+                  "model-value": S.value.columns ?? 1,
+                  min: 1,
+                  max: 4,
+                  "onUpdate:modelValue": i[17] || (i[17] = (s) => K("columns", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : T("", !0)
+          ])) : T("", !0),
+          Be.value ? (d(), R("div", Xl, [
+            o(e(H), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.choices")), 1)
+              ]),
+              _: 1
+            }),
+            C.value.length === 0 ? (d(), g(e(H), {
+              key: 0,
+              size: "sm",
+              tone: "placeholder"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.no-choices")), 1)
+              ]),
+              _: 1
+            })) : T("", !0),
+            (d(!0), R(te, null, fe(C.value, (s, J) => (d(), R("div", {
+              key: J,
+              class: Oe(["wx-inbox-choices__item", { "is-card": Ue.value }])
+            }, [
+              Q("div", Yl, [
+                o(e(ne), {
+                  "model-value": s.value,
+                  placeholder: e(t)("fields.choice-value"),
+                  "onUpdate:modelValue": (le) => Ee(J, { value: String(le) })
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+                o(e(ne), {
+                  "model-value": s.label,
+                  localized: "",
+                  placeholder: e(t)("fields.choice-label"),
+                  "onUpdate:modelValue": (le) => Ee(J, { label: le })
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
+                o(e(Ze), Nt({
+                  icon: "trash",
+                  tone: "danger",
+                  title: e(t)("fields.delete")
+                }, { ref_for: !0 }, e(_), {
+                  onClick: (le) => St(J)
+                }), null, 16, ["title", "onClick"])
+              ]),
+              Ue.value ? (d(), R("div", Gl, [
+                tt.value ? (d(), g(Wt(tt.value), {
+                  key: 0,
+                  class: "wx-inbox-choices__image",
+                  "model-value": s.image ?? null,
+                  label: e(t)("fields.choice-image"),
+                  accept: "image",
+                  aspect: "4/3",
+                  width: 160,
+                  captions: !1,
+                  "onUpdate:modelValue": (le) => Ee(J, { image: le })
+                }, null, 8, ["model-value", "label", "onUpdate:modelValue"])) : T("", !0),
+                o(e(ne), {
+                  class: "wx-inbox-choices__description",
+                  "model-value": s.description ?? {},
+                  localized: "",
+                  placeholder: e(t)("fields.choice-description"),
+                  "aria-label": e(t)("fields.choice-description"),
+                  "onUpdate:modelValue": (le) => Ee(J, { description: le })
+                }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
+              ])) : T("", !0)
+            ], 2))), 128)),
+            o(e(ue), {
+              variant: "outline",
+              size: "sm",
+              onClick: Vt
+            }, {
+              icon: u(() => [
+                o(e(re), { name: "plus" })
+              ]),
+              default: u(() => [
+                z(" " + A(e(t)("fields.add-choice")), 1)
+              ]),
+              _: 1
+            }),
+            oe("options.choices") ? (d(), g(e(H), {
+              key: 1,
+              size: "sm",
+              tone: "danger"
+            }, {
+              default: u(() => [
+                z(A(oe("options.choices")), 1)
+              ]),
+              _: 1
+            })) : T("", !0)
+          ])) : T("", !0),
+          Q("div", Kl, [
+            $.value === "textarea" ? (d(), g(e(D), {
+              key: 0,
+              label: e(t)("fields.rows")
+            }, {
+              default: u(() => [
+                o(e(ke), {
+                  "model-value": S.value.rows ?? 5,
+                  min: 2,
+                  max: 30,
+                  "onUpdate:modelValue": i[18] || (i[18] = (s) => K("rows", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : T("", !0),
+            ["text", "email", "textarea"].includes($.value) ? (d(), g(e(D), {
+              key: 1,
+              label: e(t)("fields.maxlength")
+            }, {
+              default: u(() => [
+                o(e(ke), {
+                  "model-value": S.value.maxlength ?? null,
+                  min: 1,
+                  max: 2e4,
+                  "onUpdate:modelValue": i[19] || (i[19] = (s) => K("maxlength", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : T("", !0),
+            $.value === "tel" ? (d(), g(e(D), {
+              key: 2,
+              label: e(t)("fields.pattern"),
+              help: e(t)("fields.pattern-help")
+            }, {
+              default: u(() => [
+                o(e(ne), {
+                  "model-value": S.value.pattern ?? "",
+                  "onUpdate:modelValue": i[20] || (i[20] = (s) => K("pattern", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"])) : T("", !0),
+            $.value === "date" ? (d(), R(te, { key: 3 }, [
+              o(e(D), {
+                label: e(t)("fields.earliest")
+              }, {
+                default: u(() => [
+                  o(e(Re), {
+                    clearable: "",
+                    "model-value": S.value.min ?? null,
+                    "onUpdate:modelValue": i[21] || (i[21] = (s) => K("min", s))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              o(e(D), {
+                label: e(t)("fields.latest")
+              }, {
+                default: u(() => [
+                  o(e(Re), {
+                    clearable: "",
+                    "model-value": S.value.max ?? null,
+                    "onUpdate:modelValue": i[22] || (i[22] = (s) => K("max", s))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : T("", !0),
+            $.value === "checkbox" ? (d(), R(te, { key: 4 }, [
+              o(e(D), {
+                label: e(t)("fields.min-choices")
+              }, {
+                default: u(() => [
+                  o(e(ke), {
+                    "model-value": S.value.min ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": i[23] || (i[23] = (s) => K("min", s))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              o(e(D), {
+                label: e(t)("fields.max-choices")
+              }, {
+                default: u(() => [
+                  o(e(ke), {
+                    "model-value": S.value.max ?? null,
+                    min: 0,
+                    "onUpdate:modelValue": i[24] || (i[24] = (s) => K("max", s))
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ], 64)) : T("", !0),
+            $.value === "file" ? (d(), g(e(D), {
+              key: 5,
+              label: e(t)("fields.max-size")
+            }, {
+              default: u(() => [
+                o(e(ke), {
+                  "model-value": S.value.max_size ?? null,
+                  min: 1,
+                  "onUpdate:modelValue": i[25] || (i[25] = (s) => K("max_size", s))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label"])) : T("", !0)
+          ]),
+          $.value === "file" ? (d(), R(te, { key: 9 }, [
+            o(e(D), {
+              label: e(t)("fields.extensions"),
+              help: e(t)("fields.extensions-help")
+            }, {
+              default: u(() => [
+                o(e(Ht), {
+                  modelValue: pe.value,
+                  "onUpdate:modelValue": i[26] || (i[26] = (s) => pe.value = s)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["label", "help"]),
+            o(e(he), {
+              "model-value": !!S.value.multiple,
+              label: e(t)("fields.multiple"),
+              "onUpdate:modelValue": i[27] || (i[27] = (s) => K("multiple", s))
+            }, null, 8, ["model-value", "label"])
+          ], 64)) : T("", !0),
+          $.value !== "hidden" && !w.value ? (d(), g(Dl, {
+            key: 10,
+            options: S.value,
+            above: lt.value,
+            fields: a.fields,
+            errors: Tt.value,
+            "onUpdate:options": i[28] || (i[28] = (s) => S.value = s)
+          }, null, 8, ["options", "above", "fields", "errors"])) : T("", !0),
+          Q("div", Ql, [
+            o(e(he), {
+              modelValue: B.value,
+              "onUpdate:modelValue": i[29] || (i[29] = (s) => B.value = s),
+              label: e(t)("fields.is-enabled")
+            }, null, 8, ["modelValue", "label"]),
+            O.value ? (d(), R(te, { key: 0 }, [
+              o(e(he), {
+                modelValue: Z.value,
+                "onUpdate:modelValue": i[30] || (i[30] = (s) => Z.value = s),
+                label: e(t)("fields.is-required")
+              }, null, 8, ["modelValue", "label"]),
+              $.value !== "hidden" ? (d(), g(e(he), {
+                key: 0,
+                modelValue: E.value,
+                "onUpdate:modelValue": i[31] || (i[31] = (s) => E.value = s),
+                label: e(t)("fields.is-fullsize")
+              }, null, 8, ["modelValue", "label"])) : T("", !0),
+              o(e(he), {
+                modelValue: M.value,
+                "onUpdate:modelValue": i[32] || (i[32] = (s) => M.value = s),
+                label: e(t)("fields.in-table")
+              }, null, 8, ["modelValue", "label"])
+            ], 64)) : T("", !0)
+          ]),
+          U.value && !B.value ? (d(), g(e(H), {
+            key: 11,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: u(() => [
+              z(A(e(t)("fields.step-off-help")), 1)
+            ]),
+            _: 1
+          })) : T("", !0),
+          Q("section", Zl, [
+            o(e(H), {
+              size: "sm",
+              weight: "medium",
+              tone: "muted"
+            }, {
+              default: u(() => [
+                z(A(e(t)("fields.advanced")), 1)
+              ]),
+              _: 1
+            }),
+            o(e(D), {
+              label: e(t)("fields.name"),
+              help: U.value ? e(t)("fields.step-name-help") : e(t)("fields.name-help", { name: j.value.trim() || "name" }),
+              error: oe("name")
+            }, {
+              default: u(() => [
+                o(e(al), {
+                  "model-value": j.value,
+                  separator: "_-",
+                  lead: "field",
+                  maxlength: 64,
+                  placeholder: "phone",
+                  "onUpdate:modelValue": i[33] || (i[33] = (s) => b(String(s ?? "")))
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["label", "help", "error"]),
+            f.value ? (d(), g(e(_e), {
+              key: 0,
+              type: "warning",
+              variant: "soft",
+              description: e(t)("fields.name-renamed", { old: f.value, new: j.value.trim() })
+            }, null, 8, ["description"])) : T("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ea = /* @__PURE__ */ Te(Jl, [["__scopeId", "data-v-78aed42f"]]), ta = { class: "wx-inbox-fields__add" }, la = {
+  key: 0,
+  class: "wx-inbox-field is-step"
+}, aa = { class: "wx-inbox-field__name" }, na = { class: "wx-inbox-field__name" }, sa = /* @__PURE__ */ be({
+  __name: "FieldList",
+  props: /* @__PURE__ */ Qe({
+    form: {},
+    canManage: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const n = a, r = Ke(a, "modelValue"), x = Ve(), p = Pe(x), F = ye();
+    Se();
+    const l = ve("webx-inbox"), t = Me(), _ = pt(ea);
+    function N(k) {
+      return me(k.title, F.active.value, k.key);
+    }
+    function I(k) {
+      return ie(k) ? [] : [
+        l(`fields.type-${k.type}`),
+        ...k.is_required ? [l("fields.is-required")] : [],
+        ...k.in_table ? [l("fields.in-table")] : [],
+        // Full width is the rule; only the exception is worth a word.
+        ...k.is_fullsize ? [] : [l("fields.is-halfsize")]
+      ];
+    }
+    function W(k) {
+      const v = l("fields.condition-ticked"), b = ["when", "unless"].flatMap((f) => {
+        const m = qe(k.options, f);
+        return m === null ? [] : [
+          l(`fields.shown-${f}`, {
+            condition: wt(m, r.value, F.active.value, v)
+          })
+        ];
+      });
+      return b.length === 0 ? null : b.join("; ");
+    }
+    function j(k) {
+      const v = r.value.find((b) => b.key === k.name);
+      return l(`fields.problem-${k.code.replace("_", "-")}`, {
+        field: v ? N(v) : k.name,
+        value: k.value ?? ""
+      });
+    }
+    const $ = y(
+      () => new Map(
+        r.value.map((k) => [k.id, El(k, r.value).map(j)])
+      )
+    ), V = y(() => r.value.length === 0), ee = y(() => kl(r.value)), X = y(() => _l(r.value)), S = y(() => ee.value.size > 0), Y = y(
+      () => !V.value && xl(r.value) + (S.value ? 1 : 2) <= yl
+    );
+    function G(k) {
+      return l("fields.step-numbered", { number: ee.value.get(k.id) ?? 1, title: N(k) });
+    }
+    async function B(k, v = !1) {
+      const b = r.value.filter((m) => m.id !== k?.id).map((m) => m.key), f = await _({ field: k, form: n.form, taken: b, fields: r.value, step: v });
+      f && (r.value = k === null ? [...r.value, f] : r.value.map((m) => m.id === f.id ? f : m));
+    }
+    async function Z(k) {
+      if (await ft({
+        title: l("fields.delete-title", { field: N(k) }),
+        message: ie(k) ? l("fields.delete-step-text") : l("fields.delete-text"),
+        confirmText: l("fields.delete"),
+        cancelText: l("fields.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await p.removeField(k.id), r.value = r.value.filter((b) => b.id !== k.id), se.success(l("panel.deleted"));
+        } catch (b) {
+          se.danger(t(b));
+        }
+    }
+    function E(k) {
+      return n.canManage ? [
+        { key: "edit", icon: "edit", label: l("fields.edit"), run: () => {
+          B(k);
+        } },
+        {
+          key: "delete",
+          icon: "trash",
+          label: l("fields.delete"),
+          danger: !0,
+          run: () => {
+            Z(k);
+          }
+        }
+      ] : [];
+    }
+    async function M() {
+      try {
+        await p.sortFields(
+          n.form.id,
+          r.value.map((k) => k.id)
+        );
+      } catch (k) {
+        se.danger(t(k, l("panel.reorder-failed"))), r.value = await p.fields(n.form.id).catch(() => r.value);
+      }
+    }
+    return (k, v) => (d(), g(e(jt), {
+      title: e(l)("panel.tab-fields")
+    }, dt({
+      default: u(() => [
+        V.value ? (d(), g(e(Xt), {
+          key: 0,
+          title: e(l)("fields.no-fields"),
+          description: e(l)("fields.no-fields-help")
+        }, null, 8, ["title", "description"])) : (d(), g(e(Yt), {
+          key: 1,
+          modelValue: r.value,
+          "onUpdate:modelValue": v[2] || (v[2] = (b) => r.value = b),
+          plain: "",
+          "item-key": "id",
+          "item-label": N,
+          "drag-label": e(l)("panel.reorder"),
+          disabled: !a.canManage,
+          "aria-label": e(l)("panel.tab-fields"),
+          onMove: M
+        }, {
+          default: u(({ item: b }) => [
+            e(ie)(b) ? (d(), R("div", la, [
+              Q("div", aa, [
+                o(e(re), {
+                  name: "list",
+                  size: "sm",
+                  "aria-hidden": "true"
+                }),
+                o(e(H), {
+                  weight: "semibold",
+                  truncate: ""
+                }, {
+                  default: u(() => [
+                    z(A(G(b)), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                b.is_enabled ? T("", !0) : (d(), g(e(de), {
+                  key: 0,
+                  type: "default"
+                }, {
+                  default: u(() => [
+                    z(A(e(l)("panel.off")), 1)
+                  ]),
+                  _: 1
+                })),
+                X.value.has(b.id) ? (d(), g(e(de), {
+                  key: 1,
+                  type: "warning"
+                }, {
+                  default: u(() => [
+                    z(A(e(l)("fields.step-empty-badge")), 1)
+                  ]),
+                  _: 1
+                })) : T("", !0),
+                $.value.get(b.id)?.length ? (d(), g(e(de), {
+                  key: 2,
+                  type: "danger"
+                }, {
+                  default: u(() => [
+                    z(A(e(l)("fields.condition-broken")), 1)
+                  ]),
+                  _: 1
+                })) : T("", !0)
+              ]),
+              X.value.has(b.id) ? (d(), g(e(H), {
+                key: 0,
+                size: "sm",
+                tone: "warning"
+              }, {
+                default: u(() => [
+                  z(A(e(l)("fields.step-empty")), 1)
+                ]),
+                _: 1
+              })) : T("", !0),
+              W(b) ? (d(), g(e(H), {
+                key: 1,
+                size: "sm",
+                tone: "muted",
+                class: "wx-inbox-field__condition"
+              }, {
+                default: u(() => [
+                  o(e(re), {
+                    name: "eye",
+                    size: "sm",
+                    "aria-hidden": "true"
+                  }),
+                  Q("span", null, A(W(b)), 1)
+                ]),
+                _: 2
+              }, 1024)) : T("", !0),
+              (d(!0), R(te, null, fe($.value.get(b.id) ?? [], (f) => (d(), g(e(H), {
+                key: f,
+                size: "sm",
+                tone: "danger"
+              }, {
+                default: u(() => [
+                  z(A(f), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ])) : (d(), R("div", {
+              key: 1,
+              class: Oe(["wx-inbox-field", { "is-inside": e(Vl)(r.value, b) }])
+            }, [
+              Q("div", na, [
+                o(e(H), {
+                  weight: "medium",
+                  truncate: ""
+                }, {
+                  default: u(() => [
+                    z(A(N(b)), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                b.is_enabled ? T("", !0) : (d(), g(e(de), {
+                  key: 0,
+                  type: "default"
+                }, {
+                  default: u(() => [
+                    z(A(e(l)("panel.off")), 1)
+                  ]),
+                  _: 1
+                })),
+                $.value.get(b.id)?.length ? (d(), g(e(de), {
+                  key: 1,
+                  type: "danger"
+                }, {
+                  default: u(() => [
+                    z(A(e(l)("fields.condition-broken")), 1)
+                  ]),
+                  _: 1
+                })) : T("", !0)
+              ]),
+              o(e(H), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: u(() => [
+                  b.name ? (d(), R(te, { key: 0 }, [
+                    Q("code", null, A(b.name), 1),
+                    v[3] || (v[3] = z(" · ", -1))
+                  ], 64)) : T("", !0),
+                  z(A(I(b).join(" · ")), 1)
+                ]),
+                _: 2
+              }, 1024),
+              W(b) ? (d(), g(e(H), {
+                key: 0,
+                size: "sm",
+                tone: "muted",
+                class: "wx-inbox-field__condition"
+              }, {
+                default: u(() => [
+                  o(e(re), {
+                    name: "eye",
+                    size: "sm",
+                    "aria-hidden": "true"
+                  }),
+                  Q("span", null, A(W(b)), 1)
+                ]),
+                _: 2
+              }, 1024)) : T("", !0),
+              (d(!0), R(te, null, fe($.value.get(b.id) ?? [], (f) => (d(), g(e(H), {
+                key: f,
+                size: "sm",
+                tone: "danger"
+              }, {
+                default: u(() => [
+                  z(A(f), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ], 2))
+          ]),
+          actions: u(({ item: b }) => [
+            o(e(Ge), {
+              actions: E(b),
+              label: N(b)
+            }, null, 8, ["actions", "label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "drag-label", "disabled", "aria-label"]))
+      ]),
+      _: 2
+    }, [
+      a.canManage ? {
+        name: "extra",
+        fn: u(() => [
+          Q("div", ta, [
+            o(e(ue), {
+              variant: "outline",
+              size: "sm",
+              disabled: !Y.value,
+              onClick: v[0] || (v[0] = (b) => B(null, !0))
+            }, {
+              icon: u(() => [
+                o(e(re), { name: "plus" })
+              ]),
+              default: u(() => [
+                z(" " + A(e(l)("fields.add-step")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            o(e(ue), {
+              type: "primary",
+              size: "sm",
+              onClick: v[1] || (v[1] = (b) => B(null))
+            }, {
+              icon: u(() => [
+                o(e(re), { name: "plus" })
+              ]),
+              default: u(() => [
+                z(" " + A(e(l)("fields.new-field")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title"]));
+  }
+}), fa = /* @__PURE__ */ Te(sa, [["__scopeId", "data-v-98c06f16"]]), va = De(() => import("./InboxPage-D1j4r5Wf.js")), ha = De(() => import("./FormEditorPage-BsJTI_wN.js")), ba = De(() => import("./StatusesPage-4pt80oR1.js")), ya = De(() => import("./SubmissionPage-DyygefM1.js"));
+export {
+  fa as F,
+  ma as S,
+  ha as W,
+  Te as _,
+  Ml as a,
+  pa as b,
+  Pe as c,
+  ul as d,
+  Pl as e,
+  bl as f,
+  va as g,
+  ba as h,
+  ya as i,
+  ra as j,
+  il as k,
+  ca as o,
+  wl as q,
+  Se as u
+};
+//# sourceMappingURL=index-CAa0K6Q6.js.map