@webx-ui/module-inbox 0.9.1 → 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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"}