@webx-ui/module-inbox 0.10.0 → 0.11.0

package/dist/SubmissionPage-DI8jAaud.js

@@ -1,608 +0,0 @@
-import { defineComponent as qe, ref as N, computed as c, watch as Se, openBlock as s, createElementBlock as d, createVNode as i, unref as a, withCtx as n, createBlock as p, createElementVNode as v, Fragment as W, renderList as z, toDisplayString as o, createTextVNode as f, createCommentVNode as b } from "vue";
-import { useRoute as Te, useRouter as Ce } from "vue-router";
-import { useAdmin as Ne, useTranslate as J, useErrorText as $e, WxScreenHead as Ve, WxNotes as Ae, WxDate as Q } from "@webx-ui/module-admin";
-import { useLocales as Be, localizedValue as Ie, toast as y, confirm as De, WxAction as X, WxSkeleton as Ee, WxCard as $, WxEmpty as Re, WxDescriptions as Y, WxDescriptionsItem as S, WxFileCard as Ue, WxAlert as Z, WxTabs as je, WxTab as V, WxTimeline as Fe, WxTimelineItem as Le, WxText as h, WxBadge as R, WxButton as ee, WxSelect as ae } from "@webx-ui/core";
-import { c as Me, u as Oe, d as Pe, _ as He } from "./index-BJ-mLCee.js";
-const Ke = { class: "wx-submission" }, Ge = {
-  key: 1,
-  class: "wx-submission__panes"
-}, Je = { class: "wx-submission__main" }, Qe = { class: "wx-submission__value" }, Xe = { class: "wx-submission__files" }, Ye = { class: "wx-submission__by" }, Ze = { class: "wx-submission__fields" }, ea = ["href"], aa = {
-  key: 1,
-  class: "wx-submission__detail"
-}, ta = { class: "wx-submission__notification" }, la = { class: "wx-submission__detail" }, sa = { key: 1 }, na = { key: 2 }, ia = { key: 3 }, ua = { key: 4 }, oa = {
-  key: 5,
-  class: "wx-submission__recipients"
-}, ra = { class: "wx-submission__detail" }, da = { key: 6 }, ca = { class: "wx-submission__fields" }, pa = {
-  key: 1,
-  class: "wx-submission__recipients"
-}, va = { class: "wx-submission__channel-text" }, fa = { key: 2 }, _a = { class: "wx-submission__aside" }, ma = { class: "wx-submission__fields" }, ba = { class: "wx-submission__field" }, ya = { class: "wx-submission__field" }, ha = /* @__PURE__ */ qe({
-  __name: "SubmissionPage",
-  props: {
-    base: { default: "/inbox" }
-  },
-  setup(te) {
-    const U = te, j = Ne(), g = Me(j), _ = Te(), T = Ce(), le = Be();
-    Oe();
-    const t = J("webx-inbox"), se = J("webx-admin"), w = $e(), u = N(null), A = N([]), F = N([]), B = N(!0), x = c(() => j.can("inbox.update")), k = c(() => Number(_.params.id)), ne = c(() => ({
-      view: typeof _.query.view == "string" ? _.query.view : void 0,
-      search: typeof _.query.search == "string" ? _.query.search : void 0,
-      assignee: typeof _.query.assignee == "string" ? _.query.assignee : void 0
-    })), C = c(() => ({ path: U.base, query: { ..._.query } })), ie = c(
-      () => A.value.map((e) => ({ value: e.id, label: L(e) }))
-    ), ue = c(
-      () => F.value.map((e) => ({ value: e.id, label: e.name }))
-    ), L = Pe(), I = c(() => t("panel.submission", { id: String(k.value) })), M = c(() => {
-      const e = u.value?.form;
-      return e === void 0 ? "" : Ie(e.title ?? {}, le.active.value, e.slug ?? "");
-    }), O = c(() => (u.value?.values ?? []).find((l) => l.type === "email" && (l.value ?? "") !== "")?.value ?? null), P = c(() => {
-      if (O.value === null) return null;
-      const e = encodeURIComponent(`${M.value} — ${I.value}`);
-      return `mailto:${O.value}?subject=${e}`;
-    });
-    async function D() {
-      B.value = !0;
-      try {
-        u.value = await g.submission(k.value, ne.value);
-      } catch (e) {
-        y.danger(w(e)), T.replace(C.value);
-      } finally {
-        B.value = !1;
-      }
-    }
-    async function oe() {
-      try {
-        A.value = await g.statuses(), x.value && (F.value = await g.recipients());
-      } catch (e) {
-        y.danger(w(e));
-      }
-    }
-    Se(k, () => {
-      D();
-    }, { immediate: !0 }), oe();
-    async function H(e) {
-      try {
-        u.value = await g.saveSubmission(k.value, e), y.success(t("panel.saved"));
-      } catch (r) {
-        y.danger(w(r)), await D();
-      }
-    }
-    function re(e) {
-      typeof e == "number" && H({ status_id: e });
-    }
-    function de(e) {
-      H({ assignee_id: typeof e == "number" ? e : null });
-    }
-    const ce = c(() => {
-      const e = [];
-      return P.value && e.push({
-        key: "reply",
-        label: t("panel.reply"),
-        icon: "mail",
-        primary: !0,
-        href: P.value,
-        target: "_self"
-      }), x.value && u.value !== null && e.push(
-        {
-          key: "unread",
-          icon: "eye-off",
-          label: t("panel.mark-unread"),
-          menu: !0,
-          run: () => {
-            me();
-          }
-        },
-        {
-          key: "notify",
-          icon: "mail",
-          label: t("panel.notify-again"),
-          menu: !0,
-          run: () => {
-            E();
-          }
-        },
-        {
-          key: "delete",
-          icon: "trash",
-          label: t("panel.delete"),
-          danger: !0,
-          run: () => {
-            be();
-          }
-        }
-      ), e;
-    });
-    async function E() {
-      try {
-        u.value = await g.notifySubmission(k.value), y.success(t("panel.notify-sent-again"));
-      } catch (e) {
-        y.danger(w(e));
-      }
-    }
-    const m = c(() => u.value?.notification ?? null);
-    function pe(e) {
-      return t(`panel.notify-recipient-${e}`);
-    }
-    const q = c(() => u.value?.channels ?? null), ve = c(() => (q.value ?? []).some((e) => e.status === "failed")), fe = c(() => (q.value ?? []).some((e) => e.retryable));
-    function _e(e) {
-      return e.status === "failed" ? "danger" : e.status === "sent" ? "success" : e.status === "skipped" ? "warning" : "default";
-    }
-    async function me() {
-      try {
-        await g.massSubmissions({ ids: [k.value], action: "unread" }), T.push(C.value);
-      } catch (e) {
-        y.danger(w(e));
-      }
-    }
-    async function be() {
-      if (await De({
-        title: t("panel.delete-submission-title"),
-        message: t("panel.delete-submission-text"),
-        confirmText: t("panel.delete"),
-        cancelText: t("panel.cancel"),
-        tone: "danger"
-      }))
-        try {
-          await g.removeSubmission(k.value), y.success(t("panel.deleted")), T.push(C.value);
-        } catch (r) {
-          y.danger(w(r));
-        }
-    }
-    function K(e) {
-      e !== null && T.push({ path: `${U.base}/submissions/${e}`, query: { ..._.query } });
-    }
-    function ye(e) {
-      const r = A.value.find((l) => l.key === e);
-      return r === void 0 ? e : L(r);
-    }
-    const he = c(
-      () => u.value?.events?.some((e) => e.type === "no_recipients") ?? !1
-    );
-    function ge(e) {
-      switch (e.type) {
-        case "created":
-          return t("panel.event-created");
-        case "status":
-          return t("panel.event-status", { to: ye(e.to ?? "") });
-        case "assignee":
-          return e.to === null || e.to === "" ? t("panel.event-unassigned") : t("panel.event-assignee", { to: e.to });
-        case "note":
-          return t("panel.event-note");
-        case "notified":
-          return t("panel.event-notified");
-        // A handler of `webx-inbox.handlers`: `from` is its class, shown by its own short name.
-        case "handled":
-          return t("panel.event-handled", { name: G(e.from) });
-        case "handler_error":
-          return t("panel.event-handler-error", {
-            name: G(e.from),
-            error: e.to ?? ""
-          });
-        case "no_recipients":
-          return t("panel.event-no-recipients");
-        case "notify_queued":
-          return t("panel.event-notify-queued");
-        case "notify_failed":
-          return t("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 t("panel.event-value", {
-            field: xe(e.field ?? ""),
-            from: e.from ?? "",
-            to: e.to ?? ""
-          });
-        default:
-          return e.type;
-      }
-    }
-    function xe(e) {
-      return u.value?.values.find((l) => l.name === e)?.label || e;
-    }
-    function G(e) {
-      return (e ?? "").split("\\").pop() ?? "";
-    }
-    function ke(e) {
-      return `${Math.max(1, Math.round(e / 1024))} KB`;
-    }
-    const we = c(() => {
-      const e = u.value?.meta ?? {}, r = [];
-      typeof e.page == "string" && e.page !== "" && r.push({ label: t("panel.meta-page"), value: e.page, link: !0 });
-      const l = u.value?.placement;
-      typeof l == "string" && l !== "" && r.push({ label: t("panel.meta-placement"), value: l }), typeof e.referrer == "string" && e.referrer !== "" && r.push({ label: t("panel.meta-referrer"), value: e.referrer, link: !0 });
-      for (const [We, ze] of Object.entries(e.utm ?? {}))
-        r.push({ label: We, value: String(ze) });
-      return typeof e.locale == "string" && e.locale !== "" && r.push({ label: t("panel.meta-locale"), value: e.locale }), typeof e.ip == "string" && e.ip !== "" && r.push({ label: t("panel.meta-ip"), value: e.ip }), typeof e.user_agent == "string" && e.user_agent !== "" && r.push({ label: t("panel.meta-agent"), value: e.user_agent }), r;
-    });
-    return (e, r) => (s(), d("div", Ke, [
-      i(a(Ve), {
-        title: I.value,
-        subtitle: M.value,
-        back: C.value,
-        actions: ce.value
-      }, {
-        extra: n(() => [
-          i(a(X), {
-            icon: "chevron-left",
-            size: "lg",
-            title: a(t)("panel.previous"),
-            disabled: !u.value?.previous_id,
-            onClick: r[0] || (r[0] = (l) => K(u.value?.previous_id ?? null))
-          }, null, 8, ["title", "disabled"]),
-          i(a(X), {
-            icon: "chevron-right",
-            size: "lg",
-            title: a(t)("panel.next"),
-            disabled: !u.value?.next_id,
-            onClick: r[1] || (r[1] = (l) => K(u.value?.next_id ?? null))
-          }, null, 8, ["title", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["title", "subtitle", "back", "actions"]),
-      B.value ? (s(), p(a(Ee), {
-        key: 0,
-        rows: 6
-      })) : u.value ? (s(), d("div", Ge, [
-        v("div", Je, [
-          i(a($), {
-            title: a(t)("panel.answers")
-          }, {
-            default: n(() => [
-              u.value.values.length === 0 ? (s(), p(a(Re), {
-                key: 0,
-                size: "sm",
-                description: a(t)("panel.no-answers")
-              }, null, 8, ["description"])) : (s(), p(a(Y), {
-                key: 1,
-                columns: 1,
-                layout: "vertical"
-              }, {
-                default: n(() => [
-                  (s(!0), d(W, null, z(u.value.values, (l) => (s(), p(a(S), {
-                    key: l.id,
-                    label: l.label ?? l.name
-                  }, {
-                    default: n(() => [
-                      v("p", Qe, o(l.value || "—"), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["label"]))), 128))
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          }, 8, ["title"]),
-          u.value.files.length > 0 ? (s(), p(a($), {
-            key: 0,
-            title: a(t)("panel.attachments")
-          }, {
-            default: n(() => [
-              v("div", Xe, [
-                (s(!0), d(W, null, z(u.value.files, (l) => (s(), p(a(Ue), {
-                  key: l.id,
-                  name: l.name,
-                  type: l.mime ?? void 0,
-                  "download-url": l.url,
-                  "download-label": a(t)("panel.download"),
-                  size: "sm"
-                }, {
-                  meta: n(() => [
-                    f(o(ke(l.size)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["title"])) : b("", !0),
-          ve.value ? (s(), p(a(Z), {
-            key: 1,
-            type: "warning",
-            closable: !1,
-            title: a(t)("panel.channels-failed")
-          }, null, 8, ["title"])) : b("", !0),
-          i(a($), { class: "wx-submission__more" }, {
-            default: n(() => [
-              i(a(je), {
-                variant: "pill",
-                "aria-label": I.value
-              }, {
-                default: n(() => [
-                  i(a(V), {
-                    value: "notes",
-                    label: a(se)("notes.title")
-                  }, {
-                    default: n(() => [
-                      i(a(Ae), {
-                        id: u.value.id,
-                        type: "inbox_submission",
-                        title: "",
-                        can: x.value,
-                        onChange: D
-                      }, null, 8, ["id", "can"])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  i(a(V), {
-                    value: "log",
-                    label: a(t)("panel.log")
-                  }, {
-                    default: n(() => [
-                      i(a(Fe), { size: "sm" }, {
-                        default: n(() => [
-                          (s(!0), d(W, null, z(u.value.events, (l) => (s(), p(a(Le), {
-                            key: l.id
-                          }, {
-                            default: n(() => [
-                              i(a(h), {
-                                size: "sm",
-                                as: "p",
-                                class: "wx-submission__event"
-                              }, {
-                                default: n(() => [
-                                  f(o(ge(l)), 1)
-                                ]),
-                                _: 2
-                              }, 1024),
-                              v("p", Ye, [
-                                i(a(h), {
-                                  size: "sm",
-                                  tone: "muted"
-                                }, {
-                                  default: n(() => [
-                                    f(o(l.author?.name ?? a(t)("panel.system")), 1)
-                                  ]),
-                                  _: 2
-                                }, 1024),
-                                i(a(Q), {
-                                  value: l.created_at
-                                }, null, 8, ["value"])
-                              ])
-                            ]),
-                            _: 2
-                          }, 1024))), 128))
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  i(a(V), {
-                    value: "details",
-                    label: a(t)("panel.details")
-                  }, {
-                    default: n(() => [
-                      v("div", Ze, [
-                        i(a(Y), {
-                          columns: 1,
-                          layout: "vertical",
-                          size: "sm"
-                        }, {
-                          default: n(() => [
-                            i(a(S), {
-                              label: a(t)("panel.received")
-                            }, {
-                              default: n(() => [
-                                i(a(Q), {
-                                  value: u.value.created_at,
-                                  tone: "default"
-                                }, null, 8, ["value"])
-                              ]),
-                              _: 1
-                            }, 8, ["label"]),
-                            i(a(S), {
-                              label: a(t)("panel.meta-source")
-                            }, {
-                              default: n(() => [
-                                i(a(R), {
-                                  type: u.value.source === "panel" ? "info" : "default"
-                                }, {
-                                  default: n(() => [
-                                    f(o(u.value.source === "panel" ? a(t)("panel.source-panel") : a(t)("panel.source-web")), 1)
-                                  ]),
-                                  _: 1
-                                }, 8, ["type"])
-                              ]),
-                              _: 1
-                            }, 8, ["label"]),
-                            (s(!0), d(W, null, z(we.value, (l) => (s(), p(a(S), {
-                              key: l.label,
-                              label: l.label
-                            }, {
-                              default: n(() => [
-                                l.link ? (s(), d("a", {
-                                  key: 0,
-                                  href: l.value,
-                                  target: "_blank",
-                                  rel: "noreferrer"
-                                }, o(l.value), 9, ea)) : (s(), d("span", aa, o(l.value), 1))
-                              ]),
-                              _: 2
-                            }, 1032, ["label"]))), 128)),
-                            i(a(S), {
-                              label: a(t)("panel.tab-notifications")
-                            }, {
-                              default: n(() => [
-                                v("div", ta, [
-                                  m.value?.state === "failed" ? (s(), p(a(Z), {
-                                    key: 0,
-                                    type: "warning",
-                                    closable: !1,
-                                    title: a(t)("panel.notify-failed")
-                                  }, {
-                                    default: n(() => [
-                                      v("span", la, o(m.value.error), 1)
-                                    ]),
-                                    _: 1
-                                  }, 8, ["title"])) : m.value?.state === "queued" ? (s(), d("span", sa, o(a(t)("panel.notify-queued")), 1)) : m.value?.state === "delivered" ? (s(), d("span", na, o(a(t)("panel.notified")), 1)) : he.value ? (s(), d("span", ia, o(a(t)("panel.notified-nobody")), 1)) : (s(), d("span", ua, o(a(t)("panel.not-notified")), 1)),
-                                  m.value && m.value.recipients.length > 0 ? (s(), d("ul", oa, [
-                                    (s(!0), d(W, null, z(m.value.recipients, (l) => (s(), d("li", {
-                                      key: l.address
-                                    }, [
-                                      v("span", ra, o(l.address), 1),
-                                      i(a(R), {
-                                        type: l.state === "failed" ? "danger" : l.state === "delivered" ? "success" : "default"
-                                      }, {
-                                        default: n(() => [
-                                          f(o(pe(l.state)), 1)
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["type"])
-                                    ]))), 128))
-                                  ])) : b("", !0),
-                                  x.value && (m.value?.state === "failed" || m.value?.state === "queued") ? (s(), d("div", da, [
-                                    i(a(ee), {
-                                      size: "sm",
-                                      onClick: E
-                                    }, {
-                                      default: n(() => [
-                                        f(o(a(t)("panel.notify-again")), 1)
-                                      ]),
-                                      _: 1
-                                    })
-                                  ])) : b("", !0)
-                                ])
-                              ]),
-                              _: 1
-                            }, 8, ["label"])
-                          ]),
-                          _: 1
-                        })
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  q.value ? (s(), p(a(V), {
-                    key: 0,
-                    value: "channels",
-                    label: a(t)("panel.channels")
-                  }, {
-                    default: n(() => [
-                      v("div", ca, [
-                        q.value.length === 0 ? (s(), p(a(h), {
-                          key: 0,
-                          size: "sm",
-                          tone: "muted"
-                        }, {
-                          default: n(() => [
-                            f(o(a(t)("panel.channels-none")), 1)
-                          ]),
-                          _: 1
-                        })) : (s(), d("ul", pa, [
-                          (s(!0), d(W, null, z(q.value, (l) => (s(), d("li", {
-                            key: l.id,
-                            class: "wx-submission__channel"
-                          }, [
-                            v("div", va, [
-                              i(a(h), { size: "sm" }, {
-                                default: n(() => [
-                                  f(o(l.channel), 1)
-                                ]),
-                                _: 2
-                              }, 1024),
-                              l.recipient !== "" ? (s(), p(a(h), {
-                                key: 0,
-                                size: "sm",
-                                tone: "muted"
-                              }, {
-                                default: n(() => [
-                                  f(o(l.recipient_label ?? l.recipient), 1)
-                                ]),
-                                _: 2
-                              }, 1024)) : b("", !0),
-                              l.error ?? l.reason_label ? (s(), p(a(h), {
-                                key: 1,
-                                size: "sm",
-                                tone: "muted",
-                                class: "wx-submission__detail"
-                              }, {
-                                default: n(() => [
-                                  f(o(l.error ?? l.reason_label), 1)
-                                ]),
-                                _: 2
-                              }, 1024)) : b("", !0)
-                            ]),
-                            i(a(R), {
-                              type: _e(l)
-                            }, {
-                              default: n(() => [
-                                f(o(l.status_label), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["type"])
-                          ]))), 128))
-                        ])),
-                        x.value && fe.value ? (s(), d("div", fa, [
-                          i(a(ee), {
-                            size: "sm",
-                            onClick: E
-                          }, {
-                            default: n(() => [
-                              f(o(a(t)("panel.notify-again")), 1)
-                            ]),
-                            _: 1
-                          })
-                        ])) : b("", !0)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["label"])) : b("", !0)
-                ]),
-                _: 1
-              }, 8, ["aria-label"])
-            ]),
-            _: 1
-          })
-        ]),
-        v("aside", _a, [
-          i(a($), null, {
-            default: n(() => [
-              v("div", ma, [
-                v("label", ba, [
-                  i(a(h), {
-                    size: "sm",
-                    tone: "muted"
-                  }, {
-                    default: n(() => [
-                      f(o(a(t)("panel.status")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  i(a(ae), {
-                    "model-value": u.value.status?.id ?? null,
-                    options: ie.value,
-                    disabled: !x.value,
-                    "onUpdate:modelValue": re
-                  }, null, 8, ["model-value", "options", "disabled"])
-                ]),
-                v("label", ya, [
-                  i(a(h), {
-                    size: "sm",
-                    tone: "muted"
-                  }, {
-                    default: n(() => [
-                      f(o(a(t)("panel.assignee")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  i(a(ae), {
-                    "model-value": u.value.assignee?.id ?? null,
-                    options: ue.value,
-                    disabled: !x.value,
-                    clearable: "",
-                    placeholder: a(t)("panel.unassigned"),
-                    "onUpdate:modelValue": de
-                  }, null, 8, ["model-value", "options", "disabled", "placeholder"])
-                ])
-              ])
-            ]),
-            _: 1
-          })
-        ])
-      ])) : b("", !0)
-    ]));
-  }
-}), za = /* @__PURE__ */ He(ha, [["__scopeId", "data-v-aeaabeff"]]);
-export {
-  za as default
-};
-//# sourceMappingURL=SubmissionPage-DI8jAaud.js.map