@webx-ui/module-inbox 0.11.5 → 0.12.0

package/dist/{SubmissionPage-3Fhny2qD.js → SubmissionPage-DyygefM1.js}

@@ -1,8 +1,8 @@
-import { defineComponent as Se, ref as $, computed as c, watch as Te, openBlock as n, createElementBlock as d, createVNode as i, unref as a, withCtx as s, createBlock as p, createElementVNode as m, Fragment as w, renderList as z, resolveDynamicComponent as Ce, normalizeClass as $e, toDisplayString as r, createTextVNode as f, createCommentVNode as _ } from "vue";
+import { defineComponent as qe, ref as $, computed as c, watch as Te, openBlock as n, createElementBlock as d, createVNode as i, unref as a, withCtx as s, createBlock as p, createElementVNode as v, Fragment as w, renderList as z, resolveDynamicComponent as Ce, normalizeClass as $e, toDisplayString as r, createTextVNode as f, createCommentVNode as _ } from "vue";
 import { useRoute as Ne, useRouter as Ve } from "vue-router";
-import { useAdmin as Ae, useTranslate as X, useErrorText as Be, WxScreenHead as Ie, WxNotes as De, WxDate as Y } from "@webx-ui/module-admin";
-import { useLocales as Ee, localizedValue as Re, toast as y, confirm as Ue, WxAction as Z, WxSkeleton as je, WxCard as N, WxEmpty as Fe, WxDescriptions as ee, WxDescriptionsItem as S, WxFileCard as Le, WxAlert as U, WxTabs as Me, WxTab as V, WxTimeline as Oe, WxTimelineItem as Pe, WxText as h, WxBadge as j, WxButton as ae, WxSelect as te } from "@webx-ui/core";
-import { c as He, u as Ke, d as Ge, _ as Je } from "./index-C_zPRhNm.js";
+import { useAdmin as Ae, useTranslate as Z, useErrorText as Be, WxScreenHead as Ie, WxNotes as De, WxDate as ee } from "@webx-ui/module-admin";
+import { useLocales as je, localizedValue as Ee, toast as y, confirm as Oe, WxAction as ae, WxSkeleton as Re, WxCard as N, WxEmpty as Ue, WxDescriptions as te, WxDescriptionsItem as q, WxFileCard as Fe, WxAlert as U, WxTabs as Le, WxTab as V, WxTimeline as Me, WxTimelineItem as Pe, WxText as h, WxBadge as F, WxButton as le, WxSelect as ne } from "@webx-ui/core";
+import { c as He, u as Ke, d as Ge, _ as Je } from "./index-CAa0K6Q6.js";
 const Qe = { class: "wx-submission" }, Xe = {
   key: 1,
   class: "wx-submission__panes"
@@ -12,80 +12,80 @@ const Qe = { class: "wx-submission" }, Xe = {
 }, na = { class: "wx-submission__notification" }, sa = { class: "wx-submission__detail" }, ia = { key: 1 }, ua = { key: 2 }, oa = { key: 3 }, ra = { key: 4 }, da = {
   key: 5,
   class: "wx-submission__recipients"
-}, ca = { class: "wx-submission__detail" }, pa = { key: 6 }, fa = { class: "wx-submission__fields" }, va = {
+}, ca = { class: "wx-submission__detail" }, pa = { key: 6 }, fa = { class: "wx-submission__fields" }, ma = {
   key: 1,
   class: "wx-submission__recipients"
-}, ma = { class: "wx-submission__channel-text" }, _a = { key: 2 }, ba = { class: "wx-submission__aside" }, ya = { class: "wx-submission__fields" }, ha = { class: "wx-submission__field" }, ga = { class: "wx-submission__field" }, xa = /* @__PURE__ */ Se({
+}, va = { class: "wx-submission__channel-text" }, _a = { key: 2 }, ba = { class: "wx-submission__aside" }, ya = { class: "wx-submission__fields" }, ha = { class: "wx-submission__field" }, ga = { class: "wx-submission__field" }, xa = /* @__PURE__ */ qe({
   __name: "SubmissionPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(le) {
-    const F = le, A = Ae(), g = He(A), b = Ne(), T = Ve(), ne = Ee();
+  setup(se) {
+    const L = se, A = Ae(), g = He(A), b = Ne(), T = Ve(), ie = je();
     Ke();
-    const l = X("webx-inbox"), se = X("webx-admin"), W = Be(), u = $(null), B = $([]), L = $([]), I = $(!0), x = c(() => A.can("inbox.update"));
-    function M(e) {
+    const l = Z("webx-inbox"), ue = Z("webx-admin"), W = Be(), u = $(null), B = $([]), M = $([]), I = $(!0), x = c(() => A.can("inbox.update"));
+    function P(e) {
       if (e.type !== "enclosure" || e.field_id !== null) return null;
       const o = e.payload, t = typeof o?.kind == "string" ? o.kind : e.name;
       return A.types[`inbox-enclosure:${t}`]?.component ?? null;
     }
-    const k = c(() => Number(b.params.id)), ie = c(() => ({
+    const k = c(() => Number(b.params.id)), oe = c(() => ({
       view: typeof b.query.view == "string" ? b.query.view : void 0,
       search: typeof b.query.search == "string" ? b.query.search : void 0,
       assignee: typeof b.query.assignee == "string" ? b.query.assignee : void 0
-    })), C = c(() => ({ path: F.base, query: { ...b.query } })), ue = c(
-      () => B.value.map((e) => ({ value: e.id, label: O(e) }))
-    ), oe = c(
-      () => L.value.map((e) => ({ value: e.id, label: e.name }))
-    ), O = Ge(), D = c(() => l("panel.submission", { id: String(k.value) })), P = c(() => {
+    })), C = c(() => ({ path: L.base, query: { ...b.query } })), re = c(
+      () => B.value.map((e) => ({ value: e.id, label: H(e) }))
+    ), de = c(
+      () => M.value.map((e) => ({ value: e.id, label: e.name }))
+    ), H = Ge(), D = c(() => l("panel.submission", { id: String(k.value) })), K = c(() => {
       const e = u.value?.form;
-      return e === void 0 ? "" : Re(e.title ?? {}, ne.active.value, e.slug ?? "");
-    }), H = c(() => (u.value?.values ?? []).find((t) => t.type === "email" && (t.value ?? "") !== "")?.value ?? null), K = c(() => {
-      if (H.value === null) return null;
-      const e = encodeURIComponent(`${P.value} — ${D.value}`);
-      return `mailto:${H.value}?subject=${e}`;
+      return e === void 0 ? "" : Ee(e.title ?? {}, ie.active.value, e.slug ?? "");
+    }), G = c(() => (u.value?.values ?? []).find((t) => t.type === "email" && (t.value ?? "") !== "")?.value ?? null), J = c(() => {
+      if (G.value === null) return null;
+      const e = encodeURIComponent(`${K.value} — ${D.value}`);
+      return `mailto:${G.value}?subject=${e}`;
     });
-    async function E() {
+    async function j() {
       I.value = !0;
       try {
-        u.value = await g.submission(k.value, ie.value);
+        u.value = await g.submission(k.value, oe.value);
       } catch (e) {
         y.danger(W(e)), T.replace(C.value);
       } finally {
         I.value = !1;
       }
     }
-    async function re() {
+    async function ce() {
       try {
-        B.value = await g.statuses(), x.value && (L.value = await g.recipients());
+        B.value = await g.statuses(), x.value && (M.value = await g.recipients());
       } catch (e) {
         y.danger(W(e));
       }
     }
     Te(k, () => {
-      E();
-    }, { immediate: !0 }), re();
-    async function G(e) {
+      j();
+    }, { immediate: !0 }), ce();
+    async function Q(e) {
       try {
         u.value = await g.saveSubmission(k.value, e), y.success(l("panel.saved"));
       } catch (o) {
-        y.danger(W(o)), await E();
+        y.danger(W(o)), await j();
       }
     }
-    function de(e) {
-      typeof e == "number" && G({ status_id: e });
+    function pe(e) {
+      typeof e == "number" && Q({ status_id: e });
     }
-    function ce(e) {
-      G({ assignee_id: typeof e == "number" ? e : null });
+    function fe(e) {
+      Q({ assignee_id: typeof e == "number" ? e : null });
     }
-    const pe = c(() => {
+    const me = c(() => {
       const e = [];
-      return K.value && e.push({
+      return J.value && e.push({
         key: "reply",
         label: l("panel.reply"),
         icon: "mail",
         primary: !0,
-        href: K.value,
+        href: J.value,
         target: "_self"
       }), x.value && u.value !== null && e.push(
         {
@@ -94,7 +94,7 @@ const Qe = { class: "wx-submission" }, Xe = {
           label: l("panel.mark-unread"),
           menu: !0,
           run: () => {
-            be();
+            he();
           }
         },
         {
@@ -103,7 +103,7 @@ const Qe = { class: "wx-submission" }, Xe = {
           label: l("panel.notify-again"),
           menu: !0,
           run: () => {
-            R();
+            E();
           }
         },
         {
@@ -112,35 +112,35 @@ const Qe = { class: "wx-submission" }, Xe = {
           label: l("panel.delete"),
           danger: !0,
           run: () => {
-            ye();
+            ge();
           }
         }
       ), e;
     });
-    async function R() {
+    async function E() {
       try {
         u.value = await g.notifySubmission(k.value), y.success(l("panel.notify-sent-again"));
       } catch (e) {
         y.danger(W(e));
       }
     }
-    const v = c(() => u.value?.notification ?? null);
-    function fe(e) {
+    const m = c(() => u.value?.notification ?? null);
+    function ve(e) {
       return l(`panel.notify-recipient-${e}`);
     }
-    const q = c(() => u.value?.channels ?? null), ve = c(() => (q.value ?? []).some((e) => e.status === "failed")), me = c(() => (q.value ?? []).some((e) => e.retryable));
-    function _e(e) {
+    const S = c(() => u.value?.channels ?? null), _e = c(() => (S.value ?? []).some((e) => e.status === "failed")), be = c(() => (S.value ?? []).some((e) => e.retryable));
+    function ye(e) {
       return e.status === "failed" ? "danger" : e.status === "sent" && e.trap ? "warning" : e.status === "sent" ? "success" : e.status === "skipped" ? "warning" : "default";
     }
-    async function be() {
+    async function he() {
       try {
         await g.massSubmissions({ ids: [k.value], action: "unread" }), T.push(C.value);
       } catch (e) {
         y.danger(W(e));
       }
     }
-    async function ye() {
-      if (await Ue({
+    async function ge() {
+      if (await Oe({
         title: l("panel.delete-submission-title"),
         message: l("panel.delete-submission-text"),
         confirmText: l("panel.delete"),
@@ -153,22 +153,22 @@ const Qe = { class: "wx-submission" }, Xe = {
           y.danger(W(o));
         }
     }
-    function J(e) {
-      e !== null && T.push({ path: `${F.base}/submissions/${e}`, query: { ...b.query } });
+    function X(e) {
+      e !== null && T.push({ path: `${L.base}/submissions/${e}`, query: { ...b.query } });
     }
-    function he(e) {
+    function xe(e) {
       const o = B.value.find((t) => t.key === e);
-      return o === void 0 ? e : O(o);
+      return o === void 0 ? e : H(o);
     }
-    const ge = c(
+    const ke = c(
       () => u.value?.events?.some((e) => e.type === "no_recipients") ?? !1
     );
-    function xe(e) {
+    function we(e) {
       switch (e.type) {
         case "created":
           return l("panel.event-created");
         case "status":
-          return l("panel.event-status", { to: he(e.to ?? "") });
+          return l("panel.event-status", { to: xe(e.to ?? "") });
         case "assignee":
           return e.to === null || e.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: e.to });
         case "note":
@@ -177,10 +177,10 @@ const Qe = { class: "wx-submission" }, Xe = {
           return l("panel.event-notified");
         // A handler of `webx-inbox.handlers`: `from` is its class, shown by its own short name.
         case "handled":
-          return l("panel.event-handled", { name: Q(e.from) });
+          return l("panel.event-handled", { name: Y(e.from) });
         case "handler_error":
           return l("panel.event-handler-error", {
-            name: Q(e.from),
+            name: Y(e.from),
             error: e.to ?? ""
           });
         case "no_recipients":
@@ -192,7 +192,7 @@ const Qe = { class: "wx-submission" }, Xe = {
         // An answer corrected by hand: named by the label it was asked under, when it still has one.
         case "value":
           return l("panel.event-value", {
-            field: ke(e.field ?? ""),
+            field: ze(e.field ?? ""),
             from: e.from ?? "",
             to: e.to ?? ""
           });
@@ -200,74 +200,76 @@ const Qe = { class: "wx-submission" }, Xe = {
           return e.type;
       }
     }
-    function ke(e) {
+    function ze(e) {
       return u.value?.values.find((t) => t.name === e)?.label || e;
     }
-    function Q(e) {
+    function Y(e) {
       return (e ?? "").split("\\").pop() ?? "";
     }
-    function we(e) {
+    function We(e) {
       return `${Math.max(1, Math.round(e / 1024))} KB`;
     }
-    const ze = c(() => {
+    const Se = c(() => {
       const e = u.value?.meta ?? {}, o = [];
       typeof e.page == "string" && e.page !== "" && o.push({ label: l("panel.meta-page"), value: e.page, link: !0 });
       const t = u.value?.placement;
-      typeof t == "string" && t !== "" && o.push({ label: l("panel.meta-placement"), value: t }), typeof e.referrer == "string" && e.referrer !== "" && o.push({ label: l("panel.meta-referrer"), value: e.referrer, link: !0 });
-      for (const [We, qe] of Object.entries(e.utm ?? {}))
-        o.push({ label: We, value: String(qe) });
+      typeof t == "string" && t !== "" && o.push({ label: l("panel.meta-placement"), value: t }), typeof e.referrer == "string" && e.referrer !== "" && o.push({ label: l("panel.meta-referrer"), value: e.referrer, link: !0 }), typeof e.landing == "string" && e.landing !== "" && o.push({ label: l("panel.meta-landing"), value: e.landing, link: !0 });
+      for (const [O, R] of Object.entries(e.utm ?? {}))
+        o.push({ label: O, value: String(R) });
+      for (const [O, R] of Object.entries(e.utm_first ?? {}))
+        o.push({ label: `${l("panel.meta-utm-first")} · ${O}`, value: String(R) });
       return typeof e.locale == "string" && e.locale !== "" && o.push({ label: l("panel.meta-locale"), value: e.locale }), typeof e.ip == "string" && e.ip !== "" && o.push({ label: l("panel.meta-ip"), value: e.ip }), typeof e.user_agent == "string" && e.user_agent !== "" && o.push({ label: l("panel.meta-agent"), value: e.user_agent }), o;
     });
     return (e, o) => (n(), d("div", Qe, [
       i(a(Ie), {
         title: D.value,
-        subtitle: P.value,
+        subtitle: K.value,
         back: C.value,
-        actions: pe.value
+        actions: me.value
       }, {
         extra: s(() => [
-          i(a(Z), {
+          i(a(ae), {
             icon: "chevron-left",
             size: "lg",
             title: a(l)("panel.previous"),
             disabled: !u.value?.previous_id,
-            onClick: o[0] || (o[0] = (t) => J(u.value?.previous_id ?? null))
+            onClick: o[0] || (o[0] = (t) => X(u.value?.previous_id ?? null))
           }, null, 8, ["title", "disabled"]),
-          i(a(Z), {
+          i(a(ae), {
             icon: "chevron-right",
             size: "lg",
             title: a(l)("panel.next"),
             disabled: !u.value?.next_id,
-            onClick: o[1] || (o[1] = (t) => J(u.value?.next_id ?? null))
+            onClick: o[1] || (o[1] = (t) => X(u.value?.next_id ?? null))
           }, null, 8, ["title", "disabled"])
         ]),
         _: 1
       }, 8, ["title", "subtitle", "back", "actions"]),
-      I.value ? (n(), p(a(je), {
+      I.value ? (n(), p(a(Re), {
         key: 0,
         rows: 6
       })) : u.value ? (n(), d("div", Xe, [
-        m("div", Ye, [
+        v("div", Ye, [
           i(a(N), {
             title: a(l)("panel.answers")
           }, {
             default: s(() => [
-              u.value.values.length === 0 ? (n(), p(a(Fe), {
+              u.value.values.length === 0 ? (n(), p(a(Ue), {
                 key: 0,
                 size: "sm",
                 description: a(l)("panel.no-answers")
-              }, null, 8, ["description"])) : (n(), p(a(ee), {
+              }, null, 8, ["description"])) : (n(), p(a(te), {
                 key: 1,
                 columns: 1,
                 layout: "vertical"
               }, {
                 default: s(() => [
-                  (n(!0), d(w, null, z(u.value.values, (t) => (n(), p(a(S), {
+                  (n(!0), d(w, null, z(u.value.values, (t) => (n(), p(a(q), {
                     key: t.id,
                     label: t.label ?? t.name
                   }, {
                     default: s(() => [
-                      M(t) ? (n(), p(Ce(M(t)), {
+                      P(t) ? (n(), p(Ce(P(t)), {
                         key: 0,
                         payload: t.payload,
                         value: t.value
@@ -289,8 +291,8 @@ const Qe = { class: "wx-submission" }, Xe = {
             title: a(l)("panel.attachments")
           }, {
             default: s(() => [
-              m("div", Ze, [
-                (n(!0), d(w, null, z(u.value.files, (t) => (n(), p(a(Le), {
+              v("div", Ze, [
+                (n(!0), d(w, null, z(u.value.files, (t) => (n(), p(a(Fe), {
                   key: t.id,
                   name: t.name,
                   type: t.mime ?? void 0,
@@ -299,7 +301,7 @@ const Qe = { class: "wx-submission" }, Xe = {
                   size: "sm"
                 }, {
                   meta: s(() => [
-                    f(r(we(t.size)), 1)
+                    f(r(We(t.size)), 1)
                   ]),
                   _: 2
                 }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
@@ -307,7 +309,7 @@ const Qe = { class: "wx-submission" }, Xe = {
             ]),
             _: 1
           }, 8, ["title"])) : _("", !0),
-          ve.value ? (n(), p(a(U), {
+          _e.value ? (n(), p(a(U), {
             key: 1,
             type: "warning",
             closable: !1,
@@ -315,14 +317,14 @@ const Qe = { class: "wx-submission" }, Xe = {
           }, null, 8, ["title"])) : _("", !0),
           i(a(N), { class: "wx-submission__more" }, {
             default: s(() => [
-              i(a(Me), {
+              i(a(Le), {
                 variant: "pill",
                 "aria-label": D.value
               }, {
                 default: s(() => [
                   i(a(V), {
                     value: "notes",
-                    label: a(se)("notes.title")
+                    label: a(ue)("notes.title")
                   }, {
                     default: s(() => [
                       i(a(De), {
@@ -330,7 +332,7 @@ const Qe = { class: "wx-submission" }, Xe = {
                         type: "inbox_submission",
                         title: "",
                         can: x.value,
-                        onChange: E
+                        onChange: j
                       }, null, 8, ["id", "can"])
                     ]),
                     _: 1
@@ -340,7 +342,7 @@ const Qe = { class: "wx-submission" }, Xe = {
                     label: a(l)("panel.log")
                   }, {
                     default: s(() => [
-                      i(a(Oe), { size: "sm" }, {
+                      i(a(Me), { size: "sm" }, {
                         default: s(() => [
                           (n(!0), d(w, null, z(u.value.events, (t) => (n(), p(a(Pe), {
                             key: t.id
@@ -352,11 +354,11 @@ const Qe = { class: "wx-submission" }, Xe = {
                                 class: "wx-submission__event"
                               }, {
                                 default: s(() => [
-                                  f(r(xe(t)), 1)
+                                  f(r(we(t)), 1)
                                 ]),
                                 _: 2
                               }, 1024),
-                              m("p", ea, [
+                              v("p", ea, [
                                 i(a(h), {
                                   size: "sm",
                                   tone: "muted"
@@ -366,7 +368,7 @@ const Qe = { class: "wx-submission" }, Xe = {
                                   ]),
                                   _: 2
                                 }, 1024),
-                                i(a(Y), {
+                                i(a(ee), {
                                   value: t.created_at
                                 }, null, 8, ["value"])
                               ])
@@ -384,29 +386,29 @@ const Qe = { class: "wx-submission" }, Xe = {
                     label: a(l)("panel.details")
                   }, {
                     default: s(() => [
-                      m("div", aa, [
-                        i(a(ee), {
+                      v("div", aa, [
+                        i(a(te), {
                           columns: 1,
                           layout: "vertical",
                           size: "sm"
                         }, {
                           default: s(() => [
-                            i(a(S), {
+                            i(a(q), {
                               label: a(l)("panel.received")
                             }, {
                               default: s(() => [
-                                i(a(Y), {
+                                i(a(ee), {
                                   value: u.value.created_at,
                                   tone: "default"
                                 }, null, 8, ["value"])
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            i(a(S), {
+                            i(a(q), {
                               label: a(l)("panel.meta-source")
                             }, {
                               default: s(() => [
-                                i(a(j), {
+                                i(a(F), {
                                   type: u.value.source === "panel" ? "info" : "default"
                                 }, {
                                   default: s(() => [
@@ -417,7 +419,7 @@ const Qe = { class: "wx-submission" }, Xe = {
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            (n(!0), d(w, null, z(ze.value, (t) => (n(), p(a(S), {
+                            (n(!0), d(w, null, z(Se.value, (t) => (n(), p(a(q), {
                               key: t.label,
                               label: t.label
                             }, {
@@ -431,24 +433,24 @@ const Qe = { class: "wx-submission" }, Xe = {
                               ]),
                               _: 2
                             }, 1032, ["label"]))), 128)),
-                            i(a(S), {
+                            i(a(q), {
                               label: a(l)("panel.tab-notifications")
                             }, {
                               default: s(() => [
-                                m("div", na, [
-                                  v.value?.state === "failed" ? (n(), p(a(U), {
+                                v("div", na, [
+                                  m.value?.state === "failed" ? (n(), p(a(U), {
                                     key: 0,
                                     type: "warning",
                                     closable: !1,
                                     title: a(l)("panel.notify-failed")
                                   }, {
                                     default: s(() => [
-                                      m("span", sa, r(v.value.error), 1)
+                                      v("span", sa, r(m.value.error), 1)
                                     ]),
                                     _: 1
-                                  }, 8, ["title"])) : v.value?.state === "queued" ? (n(), d("span", ia, [
+                                  }, 8, ["title"])) : m.value?.state === "queued" ? (n(), d("span", ia, [
                                     f(r(a(l)("panel.notify-queued")) + " ", 1),
-                                    v.value.hint && !v.value.stalled ? (n(), p(a(h), {
+                                    m.value.hint && !m.value.stalled ? (n(), p(a(h), {
                                       key: 0,
                                       size: "sm",
                                       tone: "muted",
@@ -456,37 +458,37 @@ const Qe = { class: "wx-submission" }, Xe = {
                                       class: "wx-submission__hint"
                                     }, {
                                       default: s(() => [
-                                        f(r(v.value.hint), 1)
+                                        f(r(m.value.hint), 1)
                                       ]),
                                       _: 1
                                     })) : _("", !0)
-                                  ])) : v.value?.state === "delivered" ? (n(), d("span", ua, r(a(l)("panel.notified")), 1)) : ge.value ? (n(), d("span", oa, r(a(l)("panel.notified-nobody")), 1)) : (n(), d("span", ra, r(a(l)("panel.not-notified")), 1)),
-                                  (n(!0), d(w, null, z(v.value?.warnings ?? [], (t) => (n(), p(a(U), {
+                                  ])) : m.value?.state === "delivered" ? (n(), d("span", ua, r(a(l)("panel.notified")), 1)) : ke.value ? (n(), d("span", oa, r(a(l)("panel.notified-nobody")), 1)) : (n(), d("span", ra, r(a(l)("panel.not-notified")), 1)),
+                                  (n(!0), d(w, null, z(m.value?.warnings ?? [], (t) => (n(), p(a(U), {
                                     key: t,
                                     type: "warning",
                                     variant: "soft",
                                     closable: !1,
                                     description: t
                                   }, null, 8, ["description"]))), 128)),
-                                  v.value && v.value.recipients.length > 0 ? (n(), d("ul", da, [
-                                    (n(!0), d(w, null, z(v.value.recipients, (t) => (n(), d("li", {
+                                  m.value && m.value.recipients.length > 0 ? (n(), d("ul", da, [
+                                    (n(!0), d(w, null, z(m.value.recipients, (t) => (n(), d("li", {
                                       key: t.address
                                     }, [
-                                      m("span", ca, r(t.address), 1),
-                                      i(a(j), {
+                                      v("span", ca, r(t.address), 1),
+                                      i(a(F), {
                                         type: t.state === "failed" ? "danger" : t.trap ? "warning" : t.state === "delivered" ? "success" : "default"
                                       }, {
                                         default: s(() => [
-                                          f(r(fe(t.trap ? "trapped" : t.state)), 1)
+                                          f(r(ve(t.trap ? "trapped" : t.state)), 1)
                                         ]),
                                         _: 2
                                       }, 1032, ["type"])
                                     ]))), 128))
                                   ])) : _("", !0),
-                                  x.value && (v.value?.state === "failed" || v.value?.state === "queued") ? (n(), d("div", pa, [
-                                    i(a(ae), {
+                                  x.value && (m.value?.state === "failed" || m.value?.state === "queued") ? (n(), d("div", pa, [
+                                    i(a(le), {
                                       size: "sm",
-                                      onClick: R
+                                      onClick: E
                                     }, {
                                       default: s(() => [
                                         f(r(a(l)("panel.notify-again")), 1)
@@ -505,14 +507,14 @@ const Qe = { class: "wx-submission" }, Xe = {
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  q.value ? (n(), p(a(V), {
+                  S.value ? (n(), p(a(V), {
                     key: 0,
                     value: "channels",
                     label: a(l)("panel.channels")
                   }, {
                     default: s(() => [
-                      m("div", fa, [
-                        q.value.length === 0 ? (n(), p(a(h), {
+                      v("div", fa, [
+                        S.value.length === 0 ? (n(), p(a(h), {
                           key: 0,
                           size: "sm",
                           tone: "muted"
@@ -521,12 +523,12 @@ const Qe = { class: "wx-submission" }, Xe = {
                             f(r(a(l)("panel.channels-none")), 1)
                           ]),
                           _: 1
-                        })) : (n(), d("ul", va, [
-                          (n(!0), d(w, null, z(q.value, (t) => (n(), d("li", {
+                        })) : (n(), d("ul", ma, [
+                          (n(!0), d(w, null, z(S.value, (t) => (n(), d("li", {
                             key: t.id,
                             class: "wx-submission__channel"
                           }, [
-                            m("div", ma, [
+                            v("div", va, [
                               i(a(h), { size: "sm" }, {
                                 default: s(() => [
                                   f(r(t.channel), 1)
@@ -555,8 +557,8 @@ const Qe = { class: "wx-submission" }, Xe = {
                                 _: 2
                               }, 1024)) : _("", !0)
                             ]),
-                            i(a(j), {
-                              type: _e(t)
+                            i(a(F), {
+                              type: ye(t)
                             }, {
                               default: s(() => [
                                 f(r(t.status_label), 1)
@@ -565,10 +567,10 @@ const Qe = { class: "wx-submission" }, Xe = {
                             }, 1032, ["type"])
                           ]))), 128))
                         ])),
-                        x.value && me.value ? (n(), d("div", _a, [
-                          i(a(ae), {
+                        x.value && be.value ? (n(), d("div", _a, [
+                          i(a(le), {
                             size: "sm",
-                            onClick: R
+                            onClick: E
                           }, {
                             default: s(() => [
                               f(r(a(l)("panel.notify-again")), 1)
@@ -587,11 +589,11 @@ const Qe = { class: "wx-submission" }, Xe = {
             _: 1
           })
         ]),
-        m("aside", ba, [
+        v("aside", ba, [
           i(a(N), null, {
             default: s(() => [
-              m("div", ya, [
-                m("label", ha, [
+              v("div", ya, [
+                v("label", ha, [
                   i(a(h), {
                     size: "sm",
                     tone: "muted"
@@ -601,14 +603,14 @@ const Qe = { class: "wx-submission" }, Xe = {
                     ]),
                     _: 1
                   }),
-                  i(a(te), {
+                  i(a(ne), {
                     "model-value": u.value.status?.id ?? null,
-                    options: ue.value,
+                    options: re.value,
                     disabled: !x.value,
-                    "onUpdate:modelValue": de
+                    "onUpdate:modelValue": pe
                   }, null, 8, ["model-value", "options", "disabled"])
                 ]),
-                m("label", ga, [
+                v("label", ga, [
                   i(a(h), {
                     size: "sm",
                     tone: "muted"
@@ -618,13 +620,13 @@ const Qe = { class: "wx-submission" }, Xe = {
                     ]),
                     _: 1
                   }),
-                  i(a(te), {
+                  i(a(ne), {
                     "model-value": u.value.assignee?.id ?? null,
-                    options: oe.value,
+                    options: de.value,
                     disabled: !x.value,
                     clearable: "",
                     placeholder: a(l)("panel.unassigned"),
-                    "onUpdate:modelValue": ce
+                    "onUpdate:modelValue": fe
                   }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                 ])
               ])
@@ -635,8 +637,8 @@ const Qe = { class: "wx-submission" }, Xe = {
       ])) : _("", !0)
     ]));
   }
-}), Sa = /* @__PURE__ */ Je(xa, [["__scopeId", "data-v-d78eb931"]]);
+}), qa = /* @__PURE__ */ Je(xa, [["__scopeId", "data-v-8f44c643"]]);
 export {
-  Sa as default
+  qa as default
 };
-//# sourceMappingURL=SubmissionPage-3Fhny2qD.js.map
+//# sourceMappingURL=SubmissionPage-DyygefM1.js.map