@webx-ui/module-inbox 0.9.1 → 0.11.0

package/dist/SubmissionPage-BDI8xL0N.js

@@ -0,0 +1,642 @@
+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 { 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-gLN73Ici.js";
+const Qe = { class: "wx-submission" }, Xe = {
+  key: 1,
+  class: "wx-submission__panes"
+}, Ye = { class: "wx-submission__main" }, Ze = { class: "wx-submission__files" }, ea = { class: "wx-submission__by" }, aa = { class: "wx-submission__fields" }, ta = ["href"], la = {
+  key: 1,
+  class: "wx-submission__detail"
+}, 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 = {
+  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({
+  __name: "SubmissionPage",
+  props: {
+    base: { default: "/inbox" }
+  },
+  setup(le) {
+    const F = le, A = Ae(), g = He(A), b = Ne(), T = Ve(), ne = Ee();
+    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) {
+      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(() => ({
+      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(() => {
+      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}`;
+    });
+    async function E() {
+      I.value = !0;
+      try {
+        u.value = await g.submission(k.value, ie.value);
+      } catch (e) {
+        y.danger(W(e)), T.replace(C.value);
+      } finally {
+        I.value = !1;
+      }
+    }
+    async function re() {
+      try {
+        B.value = await g.statuses(), x.value && (L.value = await g.recipients());
+      } catch (e) {
+        y.danger(W(e));
+      }
+    }
+    Te(k, () => {
+      E();
+    }, { immediate: !0 }), re();
+    async function G(e) {
+      try {
+        u.value = await g.saveSubmission(k.value, e), y.success(l("panel.saved"));
+      } catch (o) {
+        y.danger(W(o)), await E();
+      }
+    }
+    function de(e) {
+      typeof e == "number" && G({ status_id: e });
+    }
+    function ce(e) {
+      G({ assignee_id: typeof e == "number" ? e : null });
+    }
+    const pe = c(() => {
+      const e = [];
+      return K.value && e.push({
+        key: "reply",
+        label: l("panel.reply"),
+        icon: "mail",
+        primary: !0,
+        href: K.value,
+        target: "_self"
+      }), x.value && u.value !== null && e.push(
+        {
+          key: "unread",
+          icon: "eye-off",
+          label: l("panel.mark-unread"),
+          menu: !0,
+          run: () => {
+            be();
+          }
+        },
+        {
+          key: "notify",
+          icon: "mail",
+          label: l("panel.notify-again"),
+          menu: !0,
+          run: () => {
+            R();
+          }
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: l("panel.delete"),
+          danger: !0,
+          run: () => {
+            ye();
+          }
+        }
+      ), e;
+    });
+    async function R() {
+      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) {
+      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) {
+      return e.status === "failed" ? "danger" : e.status === "sent" && e.trap ? "warning" : e.status === "sent" ? "success" : e.status === "skipped" ? "warning" : "default";
+    }
+    async function be() {
+      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({
+        title: l("panel.delete-submission-title"),
+        message: l("panel.delete-submission-text"),
+        confirmText: l("panel.delete"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await g.removeSubmission(k.value), y.success(l("panel.deleted")), T.push(C.value);
+        } catch (o) {
+          y.danger(W(o));
+        }
+    }
+    function J(e) {
+      e !== null && T.push({ path: `${F.base}/submissions/${e}`, query: { ...b.query } });
+    }
+    function he(e) {
+      const o = B.value.find((t) => t.key === e);
+      return o === void 0 ? e : O(o);
+    }
+    const ge = c(
+      () => u.value?.events?.some((e) => e.type === "no_recipients") ?? !1
+    );
+    function xe(e) {
+      switch (e.type) {
+        case "created":
+          return l("panel.event-created");
+        case "status":
+          return l("panel.event-status", { to: he(e.to ?? "") });
+        case "assignee":
+          return e.to === null || e.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: e.to });
+        case "note":
+          return l("panel.event-note");
+        case "notified":
+          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) });
+        case "handler_error":
+          return l("panel.event-handler-error", {
+            name: Q(e.from),
+            error: e.to ?? ""
+          });
+        case "no_recipients":
+          return l("panel.event-no-recipients");
+        case "notify_queued":
+          return l("panel.event-notify-queued");
+        case "notify_failed":
+          return l("panel.event-notify-failed", { to: e.to ?? "" });
+        // 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 ?? ""),
+            from: e.from ?? "",
+            to: e.to ?? ""
+          });
+        default:
+          return e.type;
+      }
+    }
+    function ke(e) {
+      return u.value?.values.find((t) => t.name === e)?.label || e;
+    }
+    function Q(e) {
+      return (e ?? "").split("\\").pop() ?? "";
+    }
+    function we(e) {
+      return `${Math.max(1, Math.round(e / 1024))} KB`;
+    }
+    const ze = 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) });
+      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,
+        back: C.value,
+        actions: pe.value
+      }, {
+        extra: s(() => [
+          i(a(Z), {
+            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))
+          }, null, 8, ["title", "disabled"]),
+          i(a(Z), {
+            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))
+          }, null, 8, ["title", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["title", "subtitle", "back", "actions"]),
+      I.value ? (n(), p(a(je), {
+        key: 0,
+        rows: 6
+      })) : u.value ? (n(), d("div", Xe, [
+        m("div", Ye, [
+          i(a(N), {
+            title: a(l)("panel.answers")
+          }, {
+            default: s(() => [
+              u.value.values.length === 0 ? (n(), p(a(Fe), {
+                key: 0,
+                size: "sm",
+                description: a(l)("panel.no-answers")
+              }, null, 8, ["description"])) : (n(), p(a(ee), {
+                key: 1,
+                columns: 1,
+                layout: "vertical"
+              }, {
+                default: s(() => [
+                  (n(!0), d(w, null, z(u.value.values, (t) => (n(), p(a(S), {
+                    key: t.id,
+                    label: t.label ?? t.name
+                  }, {
+                    default: s(() => [
+                      M(t) ? (n(), p(Ce(M(t)), {
+                        key: 0,
+                        payload: t.payload,
+                        value: t.value
+                      }, null, 8, ["payload", "value"])) : (n(), d("p", {
+                        key: 1,
+                        class: $e(["wx-submission__value", { "is-enclosure": t.type === "enclosure" }])
+                      }, r(t.value || "—"), 3))
+                    ]),
+                    _: 2
+                  }, 1032, ["label"]))), 128))
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          u.value.files.length > 0 ? (n(), p(a(N), {
+            key: 0,
+            title: a(l)("panel.attachments")
+          }, {
+            default: s(() => [
+              m("div", Ze, [
+                (n(!0), d(w, null, z(u.value.files, (t) => (n(), p(a(Le), {
+                  key: t.id,
+                  name: t.name,
+                  type: t.mime ?? void 0,
+                  "download-url": t.url,
+                  "download-label": a(l)("panel.download"),
+                  size: "sm"
+                }, {
+                  meta: s(() => [
+                    f(r(we(t.size)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])) : _("", !0),
+          ve.value ? (n(), p(a(U), {
+            key: 1,
+            type: "warning",
+            closable: !1,
+            title: a(l)("panel.channels-failed")
+          }, null, 8, ["title"])) : _("", !0),
+          i(a(N), { class: "wx-submission__more" }, {
+            default: s(() => [
+              i(a(Me), {
+                variant: "pill",
+                "aria-label": D.value
+              }, {
+                default: s(() => [
+                  i(a(V), {
+                    value: "notes",
+                    label: a(se)("notes.title")
+                  }, {
+                    default: s(() => [
+                      i(a(De), {
+                        id: u.value.id,
+                        type: "inbox_submission",
+                        title: "",
+                        can: x.value,
+                        onChange: E
+                      }, null, 8, ["id", "can"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  i(a(V), {
+                    value: "log",
+                    label: a(l)("panel.log")
+                  }, {
+                    default: s(() => [
+                      i(a(Oe), { size: "sm" }, {
+                        default: s(() => [
+                          (n(!0), d(w, null, z(u.value.events, (t) => (n(), p(a(Pe), {
+                            key: t.id
+                          }, {
+                            default: s(() => [
+                              i(a(h), {
+                                size: "sm",
+                                as: "p",
+                                class: "wx-submission__event"
+                              }, {
+                                default: s(() => [
+                                  f(r(xe(t)), 1)
+                                ]),
+                                _: 2
+                              }, 1024),
+                              m("p", ea, [
+                                i(a(h), {
+                                  size: "sm",
+                                  tone: "muted"
+                                }, {
+                                  default: s(() => [
+                                    f(r(t.author?.name ?? a(l)("panel.system")), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                i(a(Y), {
+                                  value: t.created_at
+                                }, null, 8, ["value"])
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  i(a(V), {
+                    value: "details",
+                    label: a(l)("panel.details")
+                  }, {
+                    default: s(() => [
+                      m("div", aa, [
+                        i(a(ee), {
+                          columns: 1,
+                          layout: "vertical",
+                          size: "sm"
+                        }, {
+                          default: s(() => [
+                            i(a(S), {
+                              label: a(l)("panel.received")
+                            }, {
+                              default: s(() => [
+                                i(a(Y), {
+                                  value: u.value.created_at,
+                                  tone: "default"
+                                }, null, 8, ["value"])
+                              ]),
+                              _: 1
+                            }, 8, ["label"]),
+                            i(a(S), {
+                              label: a(l)("panel.meta-source")
+                            }, {
+                              default: s(() => [
+                                i(a(j), {
+                                  type: u.value.source === "panel" ? "info" : "default"
+                                }, {
+                                  default: s(() => [
+                                    f(r(u.value.source === "panel" ? a(l)("panel.source-panel") : a(l)("panel.source-web")), 1)
+                                  ]),
+                                  _: 1
+                                }, 8, ["type"])
+                              ]),
+                              _: 1
+                            }, 8, ["label"]),
+                            (n(!0), d(w, null, z(ze.value, (t) => (n(), p(a(S), {
+                              key: t.label,
+                              label: t.label
+                            }, {
+                              default: s(() => [
+                                t.link ? (n(), d("a", {
+                                  key: 0,
+                                  href: t.value,
+                                  target: "_blank",
+                                  rel: "noreferrer"
+                                }, r(t.value), 9, ta)) : (n(), d("span", la, r(t.value), 1))
+                              ]),
+                              _: 2
+                            }, 1032, ["label"]))), 128)),
+                            i(a(S), {
+                              label: a(l)("panel.tab-notifications")
+                            }, {
+                              default: s(() => [
+                                m("div", na, [
+                                  v.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)
+                                    ]),
+                                    _: 1
+                                  }, 8, ["title"])) : v.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), {
+                                      key: 0,
+                                      size: "sm",
+                                      tone: "muted",
+                                      as: "span",
+                                      class: "wx-submission__hint"
+                                    }, {
+                                      default: s(() => [
+                                        f(r(v.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), {
+                                    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", {
+                                      key: t.address
+                                    }, [
+                                      m("span", ca, r(t.address), 1),
+                                      i(a(j), {
+                                        type: t.state === "failed" ? "danger" : t.trap ? "warning" : t.state === "delivered" ? "success" : "default"
+                                      }, {
+                                        default: s(() => [
+                                          f(r(fe(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), {
+                                      size: "sm",
+                                      onClick: R
+                                    }, {
+                                      default: s(() => [
+                                        f(r(a(l)("panel.notify-again")), 1)
+                                      ]),
+                                      _: 1
+                                    })
+                                  ])) : _("", !0)
+                                ])
+                              ]),
+                              _: 1
+                            }, 8, ["label"])
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  q.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), {
+                          key: 0,
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: s(() => [
+                            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", {
+                            key: t.id,
+                            class: "wx-submission__channel"
+                          }, [
+                            m("div", ma, [
+                              i(a(h), { size: "sm" }, {
+                                default: s(() => [
+                                  f(r(t.channel), 1)
+                                ]),
+                                _: 2
+                              }, 1024),
+                              t.recipient !== "" ? (n(), p(a(h), {
+                                key: 0,
+                                size: "sm",
+                                tone: "muted"
+                              }, {
+                                default: s(() => [
+                                  f(r(t.recipient_label ?? t.recipient), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : _("", !0),
+                              t.error ?? t.reason_label ? (n(), p(a(h), {
+                                key: 1,
+                                size: "sm",
+                                tone: "muted",
+                                class: "wx-submission__detail"
+                              }, {
+                                default: s(() => [
+                                  f(r(t.error ?? t.reason_label), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : _("", !0)
+                            ]),
+                            i(a(j), {
+                              type: _e(t)
+                            }, {
+                              default: s(() => [
+                                f(r(t.status_label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["type"])
+                          ]))), 128))
+                        ])),
+                        x.value && me.value ? (n(), d("div", _a, [
+                          i(a(ae), {
+                            size: "sm",
+                            onClick: R
+                          }, {
+                            default: s(() => [
+                              f(r(a(l)("panel.notify-again")), 1)
+                            ]),
+                            _: 1
+                          })
+                        ])) : _("", !0)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])) : _("", !0)
+                ]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 1
+          })
+        ]),
+        m("aside", ba, [
+          i(a(N), null, {
+            default: s(() => [
+              m("div", ya, [
+                m("label", ha, [
+                  i(a(h), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: s(() => [
+                      f(r(a(l)("panel.status")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  i(a(te), {
+                    "model-value": u.value.status?.id ?? null,
+                    options: ue.value,
+                    disabled: !x.value,
+                    "onUpdate:modelValue": de
+                  }, null, 8, ["model-value", "options", "disabled"])
+                ]),
+                m("label", ga, [
+                  i(a(h), {
+                    size: "sm",
+                    tone: "muted"
+                  }, {
+                    default: s(() => [
+                      f(r(a(l)("panel.assignee")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  i(a(te), {
+                    "model-value": u.value.assignee?.id ?? null,
+                    options: oe.value,
+                    disabled: !x.value,
+                    clearable: "",
+                    placeholder: a(l)("panel.unassigned"),
+                    "onUpdate:modelValue": ce
+                  }, null, 8, ["model-value", "options", "disabled", "placeholder"])
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ])) : _("", !0)
+    ]));
+  }
+}), Sa = /* @__PURE__ */ Je(xa, [["__scopeId", "data-v-d78eb931"]]);
+export {
+  Sa as default
+};
+//# sourceMappingURL=SubmissionPage-BDI8xL0N.js.map