@webx-ui/module-inbox 0.10.0 → 0.11.0

package/dist/SubmissionPage-BDI8xL0N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionPage-BDI8xL0N.js","sources":["../src/SubmissionPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch, type Component } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport {\n  useAdmin,\n  useErrorText,\n  useTranslate,\n  WxDate,\n  WxNotes,\n  WxScreenHead,\n  type ScreenAction,\n} from '@webx-ui/module-admin'\nimport {\n  confirm,\n  localizedValue,\n  toast,\n  useLocales,\n  WxAction,\n  WxAlert,\n  WxBadge,\n  WxButton,\n  WxCard,\n  WxDescriptions,\n  WxDescriptionsItem,\n  WxEmpty,\n  WxFileCard,\n  WxSelect,\n  WxSkeleton,\n  WxTab,\n  WxTabs,\n  WxText,\n  WxTimeline,\n  WxTimelineItem,\n} from '@webx-ui/core'\nimport { createInboxApi } from './api'\nimport { useInboxMessages, useStatusName } from './i18n'\nimport type {\n  ChannelDelivery,\n  InboxRecipient,\n  InboxStatus,\n  InboxSubmission,\n  SubmissionEvent,\n  SubmissionValue,\n} from './types'\n\n/**\n * One submission, on a screen of its own (§11).\n *\n * A dialog over the list would have kept the filters under the reader's hand, and it was\n * rejected for one reason: a submission needs an address somebody can send. It goes into the\n * mail to whoever deals with it, it gets pasted into a chat, an agent links to it. What the\n * dialog would have given back is paid for here instead — the list's whole state travels in\n * the address, so the way out lands exactly where the reader was, and the arrows walk the same\n * filtered pile.\n */\nconst props = withDefaults(defineProps<{ base?: string }>(), { base: '/inbox' })\n\nconst context = useAdmin()\nconst api = createInboxApi(context)\nconst route = useRoute()\nconst router = useRouter()\nconst locales = useLocales()\nuseInboxMessages()\n\nconst t = useTranslate('webx-inbox')\n/* The notes feed is the panel's own, and so is the word for it: a second \"Notes\" in this\n   module's dictionary would be the same line translated twice. */\nconst panel = useTranslate('webx-admin')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst submission = ref<InboxSubmission | null>(null)\nconst statuses = ref<InboxStatus[]>([])\nconst admins = ref<InboxRecipient[]>([])\nconst loading = ref(true)\n\nconst canUpdate = computed(() => context.can('inbox.update'))\n\n/**\n * What draws a module's enclosure (§2.20): the panel type `inbox-enclosure:<kind>` the module\n * registered — a configuration as a table, a basket as its lines. Without one, the enclosure's\n * text is shown as it came, in the letter's lines.\n */\nfunction enclosureView(value: SubmissionValue): Component | null {\n  if (value.type !== 'enclosure' || value.field_id !== null) return null\n  const payload = value.payload as { kind?: unknown } | null\n  const kind = typeof payload?.kind === 'string' ? payload.kind : value.name\n\n  return context.types[`inbox-enclosure:${kind}`]?.component ?? null\n}\n\nconst id = computed(() => Number(route.params.id))\n\n/** Everything the list was looking at, carried along so the arrows walk the same pile. */\nconst filter = computed(() => ({\n  view: typeof route.query.view === 'string' ? route.query.view : undefined,\n  search: typeof route.query.search === 'string' ? route.query.search : undefined,\n  assignee: typeof route.query.assignee === 'string' ? route.query.assignee : undefined,\n}))\n\n/** Back to the list, on the form, the tab and the page it was left at. */\nconst backTo = computed(() => ({ path: props.base, query: { ...route.query } }))\n\nconst statusOptions = computed(() =>\n  statuses.value.map((status) => ({ value: status.id, label: name(status) })),\n)\n\n/* Nobody is not an option in the list but the empty state of the control: a select whose\n   first line means \"none\" is one somebody picks by accident, and `clearable` already says\n   it. */\nconst assigneeOptions = computed(() =>\n  admins.value.map((admin) => ({ value: admin.id, label: admin.name })),\n)\n\n/* In the panel's language, not the content's: a status is a word of the interface. */\nconst name = useStatusName()\n\nconst heading = computed(() => t('panel.submission', { id: String(id.value) }))\n\nconst formTitle = computed(() => {\n  const form = submission.value?.form\n\n  return form === undefined\n    ? ''\n    : localizedValue(form.title ?? {}, locales.active.value, form.slug ?? '')\n})\n\n/**\n * Where a reply goes.\n *\n * The form says which field holds the sender's address (`email_field`); without one, the first\n * answer that was asked as an e-mail is the honest guess, and where there is none the button\n * is simply not there — a `mailto:` with nothing after it opens an empty window.\n */\nconst replyTo = computed(() => {\n  const values = submission.value?.values ?? []\n  const answer = values.find((value) => value.type === 'email' && (value.value ?? '') !== '')\n\n  return answer?.value ?? null\n})\n\nconst mailto = computed(() => {\n  if (replyTo.value === null) return null\n\n  const subject = encodeURIComponent(`${formTitle.value} — ${heading.value}`)\n\n  return `mailto:${replyTo.value}?subject=${subject}`\n})\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    submission.value = await api.submission(id.value, filter.value)\n  } catch (error) {\n    toast.danger(message(error))\n    void router.replace(backTo.value)\n  } finally {\n    loading.value = false\n  }\n}\n\nasync function lists(): Promise<void> {\n  try {\n    statuses.value = await api.statuses()\n\n    // Only where there is something to do with them: assigning is `inbox.update`, and the\n    // list of administrators is not a reader's business.\n    if (canUpdate.value) {\n      admins.value = await api.recipients()\n    }\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/* The arrows change the address without leaving the screen, so the record has to follow it. */\nwatch(id, () => void load(), { immediate: true })\n\nvoid lists()\n\nasync function save(input: { status_id?: number; assignee_id?: number | null }): Promise<void> {\n  try {\n    submission.value = await api.saveSubmission(id.value, input)\n    toast.success(t('panel.saved'))\n  } catch (error) {\n    toast.danger(message(error))\n    await load()\n  }\n}\n\nfunction onStatus(value: unknown): void {\n  if (typeof value === 'number') void save({ status_id: value })\n}\n\nfunction onAssignee(value: unknown): void {\n  void save({ assignee_id: typeof value === 'number' ? value : null })\n}\n\n/*\n * What the screen offers: answering it, and — behind the `···` — what is done to the pile it\n * came from. Replying is the main action by §18.3, so it is the one that keeps a button of its\n * own once the head runs out of room.\n */\nconst actions = computed<ScreenAction[]>(() => {\n  const list: ScreenAction[] = []\n\n  if (mailto.value) {\n    list.push({\n      key: 'reply',\n      label: t('panel.reply'),\n      icon: 'mail',\n      primary: true,\n      href: mailto.value,\n      target: '_self',\n    })\n  }\n\n  if (canUpdate.value && submission.value !== null) {\n    list.push(\n      {\n        key: 'unread',\n        icon: 'eye-off',\n        label: t('panel.mark-unread'),\n        menu: true,\n        run: () => void unread(),\n      },\n      {\n        key: 'notify',\n        icon: 'mail',\n        label: t('panel.notify-again'),\n        menu: true,\n        run: () => void notifyAgain(),\n      },\n      {\n        key: 'delete',\n        icon: 'trash',\n        label: t('panel.delete'),\n        danger: true,\n        run: () => void remove(),\n      },\n    )\n  }\n\n  return list\n})\n\n/*\n * The letter once more — after the mail settings were fixed, or for one stuck in a queue that\n * no worker reads. A form that names nobody is refused by the server, and that is said here.\n */\nasync function notifyAgain(): Promise<void> {\n  try {\n    submission.value = await api.notifySubmission(id.value)\n    toast.success(t('panel.notify-sent-again'))\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nconst notification = computed(() => submission.value?.notification ?? null)\n\nfunction recipientState(state: string): string {\n  return t(`panel.notify-recipient-${state}`)\n}\n\n/*\n * What the channels of the notifications module made of it (NOTIFICATIONS §15.3) — null on a\n * site without that module, and then there is no tab for it at all.\n */\nconst channels = computed(() => submission.value?.channels ?? null)\n\n/* A channel that did not deliver is said above the strip: nobody opens a tab to look for it. */\nconst channelsFailed = computed(() => (channels.value ?? []).some((row) => row.status === 'failed'))\n\nconst channelsRetryable = computed(() => (channels.value ?? []).some((row) => row.retryable))\n\nfunction channelTone(row: ChannelDelivery): 'danger' | 'success' | 'warning' | 'default' {\n  if (row.status === 'failed') return 'danger'\n  // Sent into a trap is not delivered: the label says so, and the colour must not contradict it.\n  if (row.status === 'sent' && row.trap) return 'warning'\n  if (row.status === 'sent') return 'success'\n  if (row.status === 'skipped') return 'warning'\n\n  return 'default'\n}\n\nasync function unread(): Promise<void> {\n  try {\n    await api.massSubmissions({ ids: [id.value], action: 'unread' })\n    // Straight back to the list: a submission marked unread and then left open is one the\n    // next request would mark read again.\n    void router.push(backTo.value)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nasync function remove(): Promise<void> {\n  const agreed = await confirm({\n    title: t('panel.delete-submission-title'),\n    message: t('panel.delete-submission-text'),\n    confirmText: t('panel.delete'),\n    cancelText: t('panel.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.removeSubmission(id.value)\n    toast.success(t('panel.deleted'))\n    void router.push(backTo.value)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\nfunction go(to: number | null): void {\n  if (to === null) return\n\n  void router.push({ path: `${props.base}/submissions/${to}`, query: { ...route.query } })\n}\n\n/**\n * A status the log names, in the words the panel calls it by.\n *\n * The log stores the key on purpose — read months later, the row it pointed at may have been\n * renamed or deleted, and history must not be rewritten by either. So the key is translated\n * where the panel still has that status, and shown as it stands where it does not: `spam` is\n * a poorer line than \"Спам\", and an invented one would be worse than both.\n */\nfunction statusName(key: string): string {\n  const status = statuses.value.find((one) => one.key === key)\n\n  return status === undefined ? key : name(status)\n}\n\nconst namesNobody = computed(\n  () => submission.value?.events?.some((event) => event.type === 'no_recipients') ?? false,\n)\n\n/** One line of the log, in words rather than as a pair of columns. */\nfunction line(event: SubmissionEvent): string {\n  switch (event.type) {\n    case 'created':\n      return t('panel.event-created')\n    case 'status':\n      return t('panel.event-status', { to: statusName(event.to ?? '') })\n    case 'assignee':\n      return event.to === null || event.to === ''\n        ? t('panel.event-unassigned')\n        : t('panel.event-assignee', { to: event.to })\n    case 'note':\n      return t('panel.event-note')\n    case 'notified':\n      return t('panel.event-notified')\n    // A handler of `webx-inbox.handlers`: `from` is its class, shown by its own short name.\n    case 'handled':\n      return t('panel.event-handled', { name: handlerName(event.from) })\n    case 'handler_error':\n      return t('panel.event-handler-error', {\n        name: handlerName(event.from),\n        error: event.to ?? '',\n      })\n    case 'no_recipients':\n      return t('panel.event-no-recipients')\n    case 'notify_queued':\n      return t('panel.event-notify-queued')\n    case 'notify_failed':\n      return t('panel.event-notify-failed', { to: event.to ?? '' })\n    // An answer corrected by hand: named by the label it was asked under, when it still has one.\n    case 'value':\n      return t('panel.event-value', {\n        field: answerLabel(event.field ?? ''),\n        from: event.from ?? '',\n        to: event.to ?? '',\n      })\n    default:\n      return event.type\n  }\n}\n\nfunction answerLabel(name: string): string {\n  const answer = submission.value?.values.find((value) => value.name === name)\n\n  return answer?.label || name\n}\n\nfunction handlerName(name: string | null): string {\n  return (name ?? '').split('\\\\').pop() ?? ''\n}\n\nfunction kilobytes(size: number): string {\n  return `${Math.max(1, Math.round(size / 1024))} KB`\n}\n\n/** The metadata worth showing, in the order somebody reads it, with the empty ones left out. */\nconst details = computed(() => {\n  const meta = submission.value?.meta ?? {}\n\n  const rows: { label: string; value: string; link?: boolean }[] = []\n\n  if (typeof meta.page === 'string' && meta.page !== '') {\n    rows.push({ label: t('panel.meta-page'), value: meta.page, link: true })\n  }\n\n  // Where on that page the form stood — the footer, an article — beside the page it answers.\n  const placement = submission.value?.placement\n  if (typeof placement === 'string' && placement !== '') {\n    rows.push({ label: t('panel.meta-placement'), value: placement })\n  }\n\n  if (typeof meta.referrer === 'string' && meta.referrer !== '') {\n    rows.push({ label: t('panel.meta-referrer'), value: meta.referrer, link: true })\n  }\n\n  for (const [key, value] of Object.entries(meta.utm ?? {})) {\n    rows.push({ label: key, value: String(value) })\n  }\n\n  if (typeof meta.locale === 'string' && meta.locale !== '') {\n    rows.push({ label: t('panel.meta-locale'), value: meta.locale })\n  }\n\n  if (typeof meta.ip === 'string' && meta.ip !== '') {\n    rows.push({ label: t('panel.meta-ip'), value: meta.ip })\n  }\n\n  if (typeof meta.user_agent === 'string' && meta.user_agent !== '') {\n    rows.push({ label: t('panel.meta-agent'), value: meta.user_agent })\n  }\n\n  return rows\n})\n</script>\n\n<template>\n  <div class=\"wx-submission\">\n    <wx-screen-head :title=\"heading\" :subtitle=\"formTitle\" :back=\"backTo\" :actions=\"actions\">\n      <!--\n        The same pile the reader was looking at, one step at a time. Not an action with a word\n        on it, so not something the head can fold into a menu: an arrow with nowhere to go is\n        disabled rather than hidden, because a control that changes shape at the ends is one\n        that moves under the hand.\n      -->\n      <template #extra>\n        <wx-action\n          icon=\"chevron-left\"\n          size=\"lg\"\n          :title=\"t('panel.previous')\"\n          :disabled=\"!submission?.previous_id\"\n          @click=\"go(submission?.previous_id ?? null)\"\n        />\n        <wx-action\n          icon=\"chevron-right\"\n          size=\"lg\"\n          :title=\"t('panel.next')\"\n          :disabled=\"!submission?.next_id\"\n          @click=\"go(submission?.next_id ?? null)\"\n        />\n      </template>\n    </wx-screen-head>\n\n    <wx-skeleton v-if=\"loading\" :rows=\"6\" />\n\n    <div v-else-if=\"submission\" class=\"wx-submission__panes\">\n      <div class=\"wx-submission__main\">\n        <wx-card :title=\"t('panel.answers')\">\n          <wx-empty\n            v-if=\"submission.values.length === 0\"\n            size=\"sm\"\n            :description=\"t('panel.no-answers')\"\n          />\n          <!-- The labels are the snapshot written when it arrived, never the field's current\n               words: a submission from a year ago has to read as it did (§2.2). -->\n          <wx-descriptions v-else :columns=\"1\" layout=\"vertical\">\n            <wx-descriptions-item\n              v-for=\"value in submission.values\"\n              :key=\"value.id\"\n              :label=\"value.label ?? value.name\"\n            >\n              <component\n                :is=\"enclosureView(value)\"\n                v-if=\"enclosureView(value)\"\n                :payload=\"value.payload\"\n                :value=\"value.value\"\n              />\n              <p\n                v-else\n                :class=\"['wx-submission__value', { 'is-enclosure': value.type === 'enclosure' }]\"\n              >\n                {{ value.value || '—' }}\n              </p>\n            </wx-descriptions-item>\n          </wx-descriptions>\n        </wx-card>\n\n        <wx-card v-if=\"submission.files.length > 0\" :title=\"t('panel.attachments')\">\n          <div class=\"wx-submission__files\">\n            <!-- Through the panel and not from the disk: the bytes are behind the same\n                 permission as the submission, for as long as the reader has it (§8). -->\n            <wx-file-card\n              v-for=\"file in submission.files\"\n              :key=\"file.id\"\n              :name=\"file.name\"\n              :type=\"file.mime ?? undefined\"\n              :download-url=\"file.url\"\n              :download-label=\"t('panel.download')\"\n              size=\"sm\"\n            >\n              <template #meta>{{ kilobytes(file.size) }}</template>\n            </wx-file-card>\n          </div>\n        </wx-card>\n\n        <!--\n          Everything about the submission rather than in it, behind one strip.\n\n          Three cards stacked down a column is three headings to read past before the eye gets\n          to the one that was wanted, and on a phone it is three screens of scrolling. They are\n          not read together — a note is written while replying, the log is opened when\n          something looks wrong, the metadata once — so only one of them is ever the answer.\n          Pills rather than a line, and inside the card rather than over it: this is one card\n          changing its contents, not a place in the panel that can be navigated to. The strip is\n          the card's heading — which is why there is no other one.\n        -->\n        <wx-alert\n          v-if=\"channelsFailed\"\n          type=\"warning\"\n          :closable=\"false\"\n          :title=\"t('panel.channels-failed')\"\n        />\n\n        <wx-card class=\"wx-submission__more\">\n          <wx-tabs variant=\"pill\" :aria-label=\"heading\">\n            <wx-tab value=\"notes\" :label=\"panel('notes.title')\">\n              <!-- The feed is the panel's own, not this module's: the same one will hang off\n                   an order and a client (§2.17). Its heading is the tab. -->\n              <wx-notes\n                :id=\"submission.id\"\n                type=\"inbox_submission\"\n                title=\"\"\n                :can=\"canUpdate\"\n                @change=\"load\"\n              />\n            </wx-tab>\n\n            <wx-tab value=\"log\" :label=\"t('panel.log')\">\n              <wx-timeline size=\"sm\">\n                <wx-timeline-item v-for=\"event in submission.events\" :key=\"event.id\">\n                  <!-- What happened on one line and who did it when on the next: three inline\n                       pieces in a row run into each other, and a log is read down. -->\n                  <wx-text size=\"sm\" as=\"p\" class=\"wx-submission__event\">{{ line(event) }}</wx-text>\n                  <p class=\"wx-submission__by\">\n                    <wx-text size=\"sm\" tone=\"muted\">\n                      {{ event.author?.name ?? t('panel.system') }}\n                    </wx-text>\n                    <wx-date :value=\"event.created_at\" />\n                  </p>\n                </wx-timeline-item>\n              </wx-timeline>\n            </wx-tab>\n\n            <wx-tab value=\"details\" :label=\"t('panel.details')\">\n              <div class=\"wx-submission__fields\">\n                <wx-descriptions :columns=\"1\" layout=\"vertical\" size=\"sm\">\n                  <wx-descriptions-item :label=\"t('panel.received')\">\n                    <wx-date :value=\"submission.created_at\" tone=\"default\" />\n                  </wx-descriptions-item>\n                  <wx-descriptions-item :label=\"t('panel.meta-source')\">\n                    <wx-badge :type=\"submission.source === 'panel' ? 'info' : 'default'\">\n                      {{\n                        submission.source === 'panel'\n                          ? t('panel.source-panel')\n                          : t('panel.source-web')\n                      }}\n                    </wx-badge>\n                  </wx-descriptions-item>\n                  <wx-descriptions-item v-for=\"row in details\" :key=\"row.label\" :label=\"row.label\">\n                    <a v-if=\"row.link\" :href=\"row.value\" target=\"_blank\" rel=\"noreferrer\">{{\n                      row.value\n                    }}</a>\n                    <span v-else class=\"wx-submission__detail\">{{ row.value }}</span>\n                  </wx-descriptions-item>\n\n                  <!-- One more pair rather than a block of its own: whether anybody was told is a\n                       fact about the submission like the rest, and it keeps their rhythm.\n                       An unsent notification is a mark on the submission, not a lost one\n                       (§2.10). Queued is not sent: on a site with a queue a worker sends it,\n                       and a worker can be missing or hold old mail settings (§9). -->\n                  <wx-descriptions-item :label=\"t('panel.tab-notifications')\">\n                    <div class=\"wx-submission__notification\">\n                      <wx-alert\n                        v-if=\"notification?.state === 'failed'\"\n                        type=\"warning\"\n                        :closable=\"false\"\n                        :title=\"t('panel.notify-failed')\"\n                      >\n                        <span class=\"wx-submission__detail\">{{ notification.error }}</span>\n                      </wx-alert>\n                      <span v-else-if=\"notification?.state === 'queued'\">\n                        {{ t('panel.notify-queued') }}\n                        <!-- When it leaves: a queue the scheduler runs sends it a minute later. -->\n                        <wx-text\n                          v-if=\"notification.hint && !notification.stalled\"\n                          size=\"sm\"\n                          tone=\"muted\"\n                          as=\"span\"\n                          class=\"wx-submission__hint\"\n                        >\n                          {{ notification.hint }}\n                        </wx-text>\n                      </span>\n                      <span v-else-if=\"notification?.state === 'delivered'\">\n                        {{ t('panel.notified') }}\n                      </span>\n                      <!-- Nobody named is not a letter waiting in the queue, and says so. -->\n                      <span v-else-if=\"namesNobody\">{{ t('panel.notified-nobody') }}</span>\n                      <span v-else>{{ t('panel.not-notified') }}</span>\n\n                      <!-- Waiting longer than a working queue takes, or taken by a trap: the two\n                           ways a letter looks fine here and never arrives. -->\n                      <wx-alert\n                        v-for=\"warning in notification?.warnings ?? []\"\n                        :key=\"warning\"\n                        type=\"warning\"\n                        variant=\"soft\"\n                        :closable=\"false\"\n                        :description=\"warning\"\n                      />\n\n                      <ul\n                        v-if=\"notification && notification.recipients.length > 0\"\n                        class=\"wx-submission__recipients\"\n                      >\n                        <li v-for=\"one in notification.recipients\" :key=\"one.address\">\n                          <span class=\"wx-submission__detail\">{{ one.address }}</span>\n                          <wx-badge\n                            :type=\"\n                              one.state === 'failed'\n                                ? 'danger'\n                                : one.trap\n                                  ? 'warning'\n                                  : one.state === 'delivered'\n                                    ? 'success'\n                                    : 'default'\n                            \"\n                          >\n                            {{ recipientState(one.trap ? 'trapped' : one.state) }}\n                          </wx-badge>\n                        </li>\n                      </ul>\n\n                      <div\n                        v-if=\"\n                          canUpdate &&\n                          (notification?.state === 'failed' || notification?.state === 'queued')\n                        \"\n                      >\n                        <wx-button size=\"sm\" @click=\"notifyAgain\">{{\n                          t('panel.notify-again')\n                        }}</wx-button>\n                      </div>\n                    </div>\n                  </wx-descriptions-item>\n                </wx-descriptions>\n              </div>\n            </wx-tab>\n            <wx-tab v-if=\"channels\" value=\"channels\" :label=\"t('panel.channels')\">\n              <div class=\"wx-submission__fields\">\n                <wx-text v-if=\"channels.length === 0\" size=\"sm\" tone=\"muted\">\n                  {{ t('panel.channels-none') }}\n                </wx-text>\n                <ul v-else class=\"wx-submission__recipients\">\n                  <li v-for=\"row in channels\" :key=\"row.id\" class=\"wx-submission__channel\">\n                    <div class=\"wx-submission__channel-text\">\n                      <wx-text size=\"sm\">{{ row.channel }}</wx-text>\n                      <wx-text v-if=\"row.recipient !== ''\" size=\"sm\" tone=\"muted\">\n                        {{ row.recipient_label ?? row.recipient }}\n                      </wx-text>\n                      <wx-text\n                        v-if=\"row.error ?? row.reason_label\"\n                        size=\"sm\"\n                        tone=\"muted\"\n                        class=\"wx-submission__detail\"\n                      >\n                        {{ row.error ?? row.reason_label }}\n                      </wx-text>\n                    </div>\n                    <wx-badge :type=\"channelTone(row)\">{{ row.status_label }}</wx-badge>\n                  </li>\n                </ul>\n\n                <div v-if=\"canUpdate && channelsRetryable\">\n                  <wx-button size=\"sm\" @click=\"notifyAgain\">{{\n                    t('panel.notify-again')\n                  }}</wx-button>\n                </div>\n              </div>\n            </wx-tab>\n          </wx-tabs>\n        </wx-card>\n      </div>\n\n      <aside class=\"wx-submission__aside\">\n        <wx-card>\n          <div class=\"wx-submission__fields\">\n            <label class=\"wx-submission__field\">\n              <wx-text size=\"sm\" tone=\"muted\">{{ t('panel.status') }}</wx-text>\n              <wx-select\n                :model-value=\"submission.status?.id ?? null\"\n                :options=\"statusOptions\"\n                :disabled=\"!canUpdate\"\n                @update:model-value=\"onStatus\"\n              />\n            </label>\n\n            <label class=\"wx-submission__field\">\n              <wx-text size=\"sm\" tone=\"muted\">{{ t('panel.assignee') }}</wx-text>\n              <wx-select\n                :model-value=\"submission.assignee?.id ?? null\"\n                :options=\"assigneeOptions\"\n                :disabled=\"!canUpdate\"\n                clearable\n                :placeholder=\"t('panel.unassigned')\"\n                @update:model-value=\"onAssignee\"\n              />\n            </label>\n          </div>\n        </wx-card>\n      </aside>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.wx-submission {\n  display: flex;\n  flex-direction: column;\n  /* The panel says how far apart things stand, and it says something different on a phone\n     than on a desktop (8, 12, 16). Writing the desktop number here is what made this screen\n     the one place in the panel with desktop air on a 375px screen. */\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  /* The panes below decide their own layout from the width of the screen rather than of the\n     window: the panel has a sidebar, and the window knows nothing about it. */\n  container-type: inline-size;\n}\n\n.wx-submission__panes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n}\n\n.wx-submission__main,\n.wx-submission__aside {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n}\n\n/* The answers are what the screen is for, so they take the room; everything about the\n   submission rather than in it stands beside them. */\n@container (min-width: 900px) {\n  .wx-submission__panes {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n\n  .wx-submission__main {\n    flex: 1 1 auto;\n  }\n\n  .wx-submission__aside {\n    flex: 0 0 320px;\n    max-width: 320px;\n  }\n}\n\n.wx-submission__value {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n/* An enclosure nobody draws reads as the letter does: its lines, kept in columns. */\n.wx-submission__value.is-enclosure {\n  font-family: var(--wx-font-family-mono);\n  font-size: var(--wx-font-size-sm);\n}\n\n.wx-submission__detail {\n  overflow-wrap: anywhere;\n}\n\n.wx-submission__notification {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-8);\n}\n\n/* Under \"waiting\", on a line of its own: when the letter leaves is the answer to the next question. */\n.wx-submission__hint {\n  display: block;\n}\n\n.wx-submission__recipients {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.wx-submission__recipients li {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-8);\n  overflow-wrap: anywhere;\n}\n\n/* The channel, who it went to and why not on the left; the badge stays on the right. */\n.wx-submission__recipients li.wx-submission__channel {\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wx-submission__channel-text {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.wx-submission__event {\n  margin: 0;\n}\n\n.wx-submission__by {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wx-space-6);\n  flex-wrap: wrap;\n  margin: 0;\n}\n\n.wx-submission__files {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wx-space-8);\n}\n\n.wx-submission__fields {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-12);\n}\n\n.wx-submission__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-space-4);\n}\n</style>\n"],"names":["props","__props","context","useAdmin","api","createInboxApi","route","useRoute","router","useRouter","locales","useLocales","useInboxMessages","t","useTranslate","panel","message","useErrorText","submission","ref","statuses","admins","loading","canUpdate","computed","enclosureView","value","payload","kind","id","filter","backTo","statusOptions","status","name","assigneeOptions","admin","useStatusName","heading","formTitle","form","localizedValue","replyTo","mailto","subject","load","error","toast","lists","watch","save","input","onStatus","onAssignee","actions","list","unread","notifyAgain","remove","notification","recipientState","state","channels","channelsFailed","row","channelsRetryable","channelTone","confirm","go","to","statusName","key","one","namesNobody","event","line","handlerName","answerLabel","kilobytes","size","details","meta","rows","placement","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","WxScreenHead","WxAction","_cache","$event","_createBlock","WxSkeleton","_hoisted_2","_createElementVNode","_hoisted_3","WxCard","WxEmpty","WxDescriptions","_Fragment","_renderList","WxDescriptionsItem","_resolveDynamicComponent","_normalizeClass","_toDisplayString","_hoisted_4","file","WxFileCard","WxAlert","WxTabs","WxTab","WxNotes","WxTimeline","WxTimelineItem","WxText","_createTextVNode","_hoisted_5","WxDate","_hoisted_6","WxBadge","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","warning","_hoisted_15","_hoisted_16","_hoisted_17","WxButton","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","WxSelect","_hoisted_25"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { inject as Qe, defineComponent as oe, useModel as Fe, computed as A, ref as U, watch as ge, openBlock as m, createElementBlock as M, createElementVNode as G, toDisplayString as I, createCommentVNode as W, createBlock as _, unref as e, withCtx as d, createTextVNode as z, createVNode as u, mergeModels as Ie, nextTick as Je, isRef as Pe, Fragment as Z, renderList as Oe, useTemplateRef as et, createSlots as De, mergeProps as tt, defineAsyncComponent as _e } from "vue";
-import { useLocales as ie, localizedValue as pe, WxBadge as xe, WxAction as Le, WxAutocomplete as lt, useModal as Me, WxDialog as He, WxAlert as Ne, WxSkeleton as at, WxFormItem as D, WxTextarea as nt, WxSelect as we, WxRadioGroup as st, WxCheckboxGroup as ot, WxCheckbox as se, WxDatePicker as Ue, WxInput as K, WxSpace as Xe, WxButton as te, toast as j, useElementWidth as it, createModal as Ge, WxTabs as rt, WxTable as ut, WxEntityCard as dt, WxAvatar as qe, WxIcon as ke, WxTooltip as ct, WxText as ee, confirm as Ye, WxLocales as mt, WxRichText as ze, WxInputNumber as me, WxTagsInput as pt, WxCard as ht, WxEmpty as ft, WxSortableList as vt } from "@webx-ui/core";
+import { inject as Qe, defineComponent as oe, useModel as Fe, computed as A, ref as U, watch as ge, openBlock as m, createElementBlock as M, createElementVNode as G, toDisplayString as I, createCommentVNode as W, createBlock as _, unref as e, withCtx as d, createTextVNode as z, createVNode as u, mergeModels as Ie, nextTick as Je, isRef as Pe, Fragment as Z, renderList as Oe, useTemplateRef as et, createSlots as Le, mergeProps as tt, defineAsyncComponent as _e } from "vue";
+import { useLocales as ie, localizedValue as pe, WxBadge as xe, WxAction as De, WxAutocomplete as lt, useModal as Me, WxDialog as He, WxAlert as Ne, WxSkeleton as at, WxFormItem as L, WxTextarea as nt, WxSelect as we, WxRadioGroup as st, WxCheckboxGroup as ot, WxCheckbox as se, WxDatePicker as Ue, WxInput as K, WxSpace as Xe, WxButton as te, toast as j, useElementWidth as it, createModal as Ge, WxTabs as rt, WxTable as ut, WxEntityCard as dt, WxAvatar as qe, WxIcon as ke, WxTooltip as ct, WxText as ee, confirm as Ye, WxLocales as mt, WxRichText as ze, WxInputNumber as me, WxTagsInput as pt, WxCard as ht, WxEmpty as ft, WxSortableList as vt } from "@webx-ui/core";
 import { useAdmin as re, i18nKey as bt, useTranslate as le, createRelationsApi as yt, useErrorText as Ve, rowMenuWidth as gt, WxScreenHead as xt, WxRowMenu as We, WxDate as Re, WxFilterChips as wt, useRichTextLabels as kt, useShortcodesWhen as _t, useRemoveConfirm as Vt, slugify as Tt } from "@webx-ui/module-admin";
 import { useRoute as $t, useRouter as St } from "vue-router";
 const At = {
@@ -48,6 +48,7 @@ const At = {
     "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",
@@ -187,6 +188,7 @@ const At = {
     "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”"
@@ -360,7 +362,7 @@ const Nt = { class: "wx-inbox-form-field" }, Ut = {
           ]),
           _: 1
         })) : W("", !0),
-        n.disabled ? W("", !0) : (m(), _(e(Le), {
+        n.disabled ? W("", !0) : (m(), _(e(De), {
           key: 1,
           type: "remove",
           size: "sm",
@@ -406,19 +408,19 @@ function rl(a = {}) {
       {
         path: n,
         name: "webx.inbox",
-        component: () => import("./InboxPage-PAtQ48A2.js"),
+        component: () => import("./InboxPage-iMQ0pjrR.js"),
         props: { base: n }
       },
       {
         path: `${n}/statuses`,
         name: "webx.inbox.statuses",
-        component: () => import("./StatusesPage-xVeRPm4u.js"),
+        component: () => import("./StatusesPage-arNMRLzM.js"),
         props: { base: n }
       },
       {
         path: `${n}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
-        component: () => import("./FormEditorPage-CXYnpKAh.js"),
+        component: () => import("./FormEditorPage-B2Q0gTp3.js"),
         props: { base: n }
       },
       // A submission has an address of its own, not a dialog over the list (§11): it goes in
@@ -426,7 +428,7 @@ function rl(a = {}) {
       {
         path: `${n}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: () => import("./SubmissionPage-DI8jAaud.js"),
+        component: () => import("./SubmissionPage-BDI8xL0N.js"),
         props: { base: n }
       }
     ],
@@ -610,7 +612,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             key: 0,
             rows: 4
           })) : (m(), M(Z, { key: 1 }, [
-            (m(!0), M(Z, null, Oe(H.value, (i) => (m(), _(e(D), {
+            (m(!0), M(Z, null, Oe(H.value, (i) => (m(), _(e(L), {
               key: i.id,
               label: $(i),
               help: E(i.help),
@@ -678,7 +680,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Ot = /* @__PURE__ */ fe(Pt, [["__scopeId", "data-v-72006299"]]), Dt = { class: "wx-submissions__mass" }, Lt = { class: "wx-submissions__state" }, Mt = 640, Ht = /* @__PURE__ */ oe({
+}), Ot = /* @__PURE__ */ fe(Pt, [["__scopeId", "data-v-72006299"]]), Lt = { class: "wx-submissions__mass" }, Dt = { class: "wx-submissions__state" }, Mt = 640, Ht = /* @__PURE__ */ oe({
   __name: "SubmissionList",
   props: {
     form: {},
@@ -746,7 +748,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
       const h = y.value?.columns?.[F];
       return h ? o.values[h.key] ?? "" : "";
     }
-    const L = A(() => {
+    const D = A(() => {
       const o = y.value?.columns ?? [];
       return q.value ? [{ key: "card", label: "" }] : [
         ...o.map((F, h) => ({
@@ -909,7 +911,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
         default: d(() => [
           u(e(ut), {
             data: y.value,
-            columns: L.value,
+            columns: D.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
@@ -928,9 +930,9 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             onRowClick: s,
             onStateChange: f,
             onSelectionChange: F[1] || (F[1] = (h, ce) => P.value = ce)
-          }, De({
+          }, Le({
             "cell-status": d(({ row: h }) => [
-              G("div", Lt, [
+              G("div", Dt, [
                 h.status ? (m(), _(e(xe), {
                   key: 0,
                   type: h.status.color
@@ -1023,7 +1025,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             P.value.length > 0 ? {
               name: "actions",
               fn: d(() => [
-                G("div", Dt, [
+                G("div", Lt, [
                   u(e(ee), {
                     size: "sm",
                     weight: "medium"
@@ -1060,7 +1062,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             ve.value ? {
               name: "filters",
               fn: d(() => [
-                u(e(D), {
+                u(e(L), {
                   label: e(p)("panel.meta-placement")
                 }, {
                   default: d(() => [
@@ -1212,25 +1214,25 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
       () => Array.isArray(y.value.choices) ? y.value.choices : []
     ), de = A({
       get: () => Array.isArray(y.value.extensions) ? y.value.extensions : [],
-      set: (f) => L(
+      set: (f) => D(
         "extensions",
         f.map((r) => r.replace(/^\./, ""))
       )
     });
-    function L(f, r) {
+    function D(f, r) {
       y.value = { ...y.value, [f]: r };
     }
     function $e() {
-      L("choices", [...Q.value, { value: "", label: {} }]);
+      D("choices", [...Q.value, { value: "", label: {} }]);
     }
     function Se(f) {
-      L(
+      D(
         "choices",
         Q.value.filter((r, s) => s !== f)
       );
     }
     function J(f, r) {
-      L(
+      D(
         "choices",
         Q.value.map((s, O) => O === f ? { ...s, ...r } : s)
       );
@@ -1297,7 +1299,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
       ]),
       default: d(() => [
         G("div", Yt, [
-          u(e(D), {
+          u(e(L), {
             label: e(l)("fields.type")
           }, {
             default: d(() => [
@@ -1309,7 +1311,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             ]),
             _: 1
           }, 8, ["label"]),
-          u(e(D), {
+          u(e(L), {
             label: e(l)("fields.title"),
             error: ae("title"),
             required: ""
@@ -1324,7 +1326,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             _: 1
           }, 8, ["label", "error"]),
           x.value !== "hidden" ? (m(), M(Z, { key: 0 }, [
-            x.value !== "consent" ? (m(), _(e(D), {
+            x.value !== "consent" ? (m(), _(e(L), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
@@ -1337,7 +1339,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
               ]),
               _: 1
             }, 8, ["label"])) : W("", !0),
-            u(e(D), {
+            u(e(L), {
               label: e(l)("fields.help")
             }, {
               default: d(() => [
@@ -1350,7 +1352,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
               _: 1
             }, 8, ["label"])
           ], 64)) : W("", !0),
-          x.value === "consent" ? (m(), _(e(D), {
+          x.value === "consent" ? (m(), _(e(L), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
@@ -1359,7 +1361,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
               u(Xt, {
                 "model-value": y.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": r[4] || (r[4] = (s) => L("text", s))
+                "onUpdate:modelValue": r[4] || (r[4] = (s) => D("text", s))
               }, null, 8, ["model-value"])
             ]),
             _: 1
@@ -1399,7 +1401,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
                 placeholder: e(l)("fields.choice-label"),
                 "onUpdate:modelValue": (Y) => J(O, { label: Y })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              u(e(Le), tt({
+              u(e(De), tt({
                 icon: "trash",
                 tone: "danger",
                 title: e(l)("fields.delete")
@@ -1432,7 +1434,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             })) : W("", !0)
           ])) : W("", !0),
           G("div", Kt, [
-            x.value === "textarea" ? (m(), _(e(D), {
+            x.value === "textarea" ? (m(), _(e(L), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
@@ -1441,12 +1443,12 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
                   "model-value": y.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": r[5] || (r[5] = (s) => L("rows", s))
+                  "onUpdate:modelValue": r[5] || (r[5] = (s) => D("rows", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : W("", !0),
-            ["text", "email", "textarea"].includes(x.value) ? (m(), _(e(D), {
+            ["text", "email", "textarea"].includes(x.value) ? (m(), _(e(L), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
@@ -1455,12 +1457,12 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
                   "model-value": y.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": r[6] || (r[6] = (s) => L("maxlength", s))
+                  "onUpdate:modelValue": r[6] || (r[6] = (s) => D("maxlength", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : W("", !0),
-            x.value === "tel" ? (m(), _(e(D), {
+            x.value === "tel" ? (m(), _(e(L), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
@@ -1468,64 +1470,64 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
               default: d(() => [
                 u(e(K), {
                   "model-value": y.value.pattern ?? "",
-                  "onUpdate:modelValue": r[7] || (r[7] = (s) => L("pattern", s))
+                  "onUpdate:modelValue": r[7] || (r[7] = (s) => D("pattern", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label", "help"])) : W("", !0),
             x.value === "date" ? (m(), M(Z, { key: 3 }, [
-              u(e(D), {
+              u(e(L), {
                 label: e(l)("fields.earliest")
               }, {
                 default: d(() => [
                   u(e(Ue), {
                     clearable: "",
                     "model-value": y.value.min ?? null,
-                    "onUpdate:modelValue": r[8] || (r[8] = (s) => L("min", s))
+                    "onUpdate:modelValue": r[8] || (r[8] = (s) => D("min", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(D), {
+              u(e(L), {
                 label: e(l)("fields.latest")
               }, {
                 default: d(() => [
                   u(e(Ue), {
                     clearable: "",
                     "model-value": y.value.max ?? null,
-                    "onUpdate:modelValue": r[9] || (r[9] = (s) => L("max", s))
+                    "onUpdate:modelValue": r[9] || (r[9] = (s) => D("max", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
             ], 64)) : W("", !0),
             x.value === "checkbox" ? (m(), M(Z, { key: 4 }, [
-              u(e(D), {
+              u(e(L), {
                 label: e(l)("fields.min-choices")
               }, {
                 default: d(() => [
                   u(e(me), {
                     "model-value": y.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": r[10] || (r[10] = (s) => L("min", s))
+                    "onUpdate:modelValue": r[10] || (r[10] = (s) => D("min", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              u(e(D), {
+              u(e(L), {
                 label: e(l)("fields.max-choices")
               }, {
                 default: d(() => [
                   u(e(me), {
                     "model-value": y.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": r[11] || (r[11] = (s) => L("max", s))
+                    "onUpdate:modelValue": r[11] || (r[11] = (s) => D("max", s))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
             ], 64)) : W("", !0),
-            x.value === "file" ? (m(), _(e(D), {
+            x.value === "file" ? (m(), _(e(L), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
@@ -1533,14 +1535,14 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
                 u(e(me), {
                   "model-value": y.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": r[12] || (r[12] = (s) => L("max_size", s))
+                  "onUpdate:modelValue": r[12] || (r[12] = (s) => D("max_size", s))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : W("", !0)
           ]),
           x.value === "file" ? (m(), M(Z, { key: 3 }, [
-            u(e(D), {
+            u(e(L), {
               label: e(l)("fields.extensions"),
               help: e(l)("fields.extensions-help")
             }, {
@@ -1555,7 +1557,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
             u(e(se), {
               "model-value": !!y.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": r[14] || (r[14] = (s) => L("multiple", s))
+              "onUpdate:modelValue": r[14] || (r[14] = (s) => D("multiple", s))
             }, null, 8, ["model-value", "label"])
           ], 64)) : W("", !0),
           G("div", Zt, [
@@ -1592,7 +1594,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
               ]),
               _: 1
             }),
-            u(e(D), {
+            u(e(L), {
               label: e(l)("fields.name"),
               help: e(l)("fields.name-help", { name: q.value.trim() || "name" }),
               error: ae("name")
@@ -1690,7 +1692,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
     }
     return (k, y) => (m(), _(e(ht), {
       title: e(t)("panel.tab-fields")
-    }, De({
+    }, Le({
       default: d(() => [
         C.value ? (m(), _(e(ft), {
           key: 0,
@@ -1778,7 +1780,7 @@ const Bt = { class: "wx-inbox-by-hand" }, Pt = /* @__PURE__ */ oe({
       } : void 0
     ]), 1032, ["title"]));
   }
-}), ml = /* @__PURE__ */ fe(al, [["__scopeId", "data-v-5d9f662e"]]), pl = _e(() => import("./InboxPage-PAtQ48A2.js")), hl = _e(() => import("./FormEditorPage-CXYnpKAh.js")), fl = _e(() => import("./StatusesPage-xVeRPm4u.js")), vl = _e(() => import("./SubmissionPage-DI8jAaud.js"));
+}), ml = /* @__PURE__ */ fe(al, [["__scopeId", "data-v-5d9f662e"]]), pl = _e(() => import("./InboxPage-iMQ0pjrR.js")), hl = _e(() => import("./FormEditorPage-B2Q0gTp3.js")), fl = _e(() => import("./StatusesPage-arNMRLzM.js")), vl = _e(() => import("./SubmissionPage-BDI8xL0N.js"));
 export {
   ml as F,
   dl as S,
@@ -1798,4 +1800,4 @@ export {
   ul as o,
   he as u
 };
-//# sourceMappingURL=index-BJ-mLCee.js.map
+//# sourceMappingURL=index-gLN73Ici.js.map