@feedmepos/mf-report 5.31.3 → 5.32.0-beta.0

package/dist/DigestReaderView-bRfEYtZA.js

@@ -0,0 +1,507 @@
+import { defineComponent as be, ref as h, watch as W, onMounted as _e, nextTick as dt, createElementBlock as x, openBlock as m, unref as a, computed as g, onBeforeUnmount as ct, resolveComponent as J, createBlock as C, withCtx as $, createElementVNode as _, createCommentVNode as V, createVNode as j, createSlots as pt, toDisplayString as F, normalizeClass as he } from "vue";
+import { useRoute as mt, useRouter as ft } from "vue-router";
+import { useI18n as xe } from "@feedmepos/mf-common";
+import { useBreakpoints as vt } from "@feedmepos/ui-library";
+import { _ as gt } from "./Default.vue_vue_type_script_setup_true_lang-CW_VllVL.js";
+import { _ as ke } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
+import { u as ht, a as kt, R as wt, b as yt, c as bt, d as _t, e as xt } from "./useReportCanvasPanel-CquUHqIK.js";
+import { b as St, d as Ct, a as Vt, _ as Rt, D as Tt } from "./useDigestFont-Gf1l5qYq.js";
+import { f as Et, m as It, n as At, A as we } from "./app-BXVd3ce-.js";
+import { _ as Mt } from "./_plugin-vue_export-helper-C6QDExPN.js";
+const Pt = ["srcdoc", "title"], Bt = /* @__PURE__ */ be({
+  __name: "DigestCanvasFrame",
+  props: {
+    digest: {},
+    commentMode: { type: Boolean },
+    picked: {}
+  },
+  emits: ["select", "area", "cancel"],
+  setup(ee, { emit: n }) {
+    const L = { MYR: "RM" }, k = ee, R = n, { t: Y } = xe(), I = h(), b = {
+      reportId: `digest-${k.digest.weekStart}`,
+      version: 1,
+      state: "published",
+      canEdit: !1,
+      hostFilters: !1,
+      ...k.digest.canvas
+    }, l = ht(b.reportId, { frozen: k.digest.rows }), G = new Set(
+      b.sections.flatMap((r) => {
+        var d;
+        const w = (d = r.config) == null ? void 0 : d.href;
+        return r.component === "digest-idea" && typeof w == "string" ? [w] : [];
+      })
+    ), y = kt(I, {
+      onSelectSection: (r, w) => R("select", r, w),
+      onSelectArea: (r) => R("area", r),
+      onCancelSelection: () => R("cancel"),
+      onSetParams: (r, w) => {
+        l.setParams(r, w);
+      },
+      // a saved page records nothing back: its sections were checked before it was saved
+      onSectionRendered: () => {
+      },
+      onSectionError: (r, w, d) => {
+        console.warn("[digest] section failed", { weekStart: k.digest.weekStart, sectionId: r, message: d });
+      },
+      onSectionLayout: () => {
+      },
+      onOpenLink: (r) => {
+        G.has(r) && window.open(r, "_blank", "noopener,noreferrer");
+      }
+    });
+    return l.onResult((r) => y.pushRows(r)), l.onParamsChanged(() => y.pushParams(l.paramState())), W([() => k.commentMode, () => k.picked, y.ready], () => {
+      y.setCommentMode(!!k.commentMode, k.picked ?? [], !0);
+    }), _e(async () => {
+      l.load(b), await dt();
+      const r = l.env();
+      await y.init(b.sections, l.paramState(), {
+        ...r,
+        currency: k.digest.money || L[r.currency] || r.currency,
+        digest: !0,
+        digestFont: St
+      });
+    }), (r, w) => (m(), x("iframe", {
+      ref_key: "frame",
+      ref: I,
+      "data-testid": "digest-frame",
+      class: "min-h-0 grow border-0",
+      srcdoc: a(wt),
+      sandbox: "allow-scripts",
+      title: a(Y)("reportV5.digest.frameTitle")
+    }, null, 8, Pt));
+  }
+}), Dt = { class: "flex min-w-0 grow flex-col" }, $t = { class: "fm-typo-en-title-md-600 block min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap" }, jt = {
+  key: 0,
+  class: "flex shrink-0 flex-wrap items-center gap-8 border-b border-fm-color-border-secondary px-16 py-8",
+  "data-testid": "digest-toolbar"
+}, Ft = { class: "digest-kind" }, Lt = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary",
+  "data-testid": "digest-published"
+}, Ot = {
+  key: 1,
+  "data-testid": "digest-comment-hint",
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, qt = ["aria-pressed", "aria-label", "disabled"], zt = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  "aria-hidden": "true"
+}, Nt = ["fill"], Ut = {
+  key: 3,
+  class: "fm-typo-en-body-sm-400 p-16 text-fm-color-typo-error",
+  "data-testid": "digest-error"
+}, Ht = {
+  key: 4,
+  class: "flex min-h-[75vh] flex-1 flex-col"
+}, Yt = ["role", "aria-modal", "aria-label"], ye = 24, Gt = /* @__PURE__ */ be({
+  __name: "DigestReaderView",
+  setup(ee) {
+    var pe;
+    const { t: n, locale: L } = xe(), { breakpoints: k } = vt(), R = mt(), Y = ft(), I = Et(), b = g(() => String(R.params.weekStart ?? "")), l = h(), G = h(!0), y = h(""), r = h(!1), w = h(!1), d = h(!1), f = h(""), te = h(""), A = h(!1), p = h(!1), K = h(!1), ae = g(() => p.value && !K.value), { root: Se, drawer: Ce, docked: Q, modal: X } = yt(d, ae);
+    W([p, d], ([e, t]) => {
+      (!e || !t) && (K.value = !1);
+    });
+    const O = h([]), M = h([]), i = g({
+      get: () => A.value ? O.value : M.value,
+      set: (e) => {
+        A.value ? O.value = e : M.value = e;
+      }
+    }), q = g(() => i.value.flatMap((e) => e.targets)), P = (e) => e.map((t) => ({ targets: [t], widen: [] })), Ve = g(() => i.value.map((e) => e.targets[0])), Re = g(
+      () => i.value.map(({ targets: [e, ...t] }) => {
+        if (!t.length) return e;
+        const s = [e, ...t];
+        return {
+          sectionId: e.sectionId,
+          version: e.version,
+          label: [...new Set(s.map((u) => u.label).filter(Boolean))].join(", "),
+          elementText: s.map((u) => u.elementText).filter(Boolean).join(" · "),
+          area: e.area
+        };
+      })
+    ), z = g(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.canvas.sections) ?? [];
+    }), se = g(
+      () => q.value.some(
+        (e) => !z.value.some(
+          (t) => t.id === e.sectionId && t.version === e.version
+        )
+      )
+    );
+    function Te(e, t) {
+      var o;
+      const s = e.config ?? {}, u = s.title ?? s.headline;
+      if (typeof u == "string" && u) return u;
+      if (e.component === "digest-kpis") return n("reportV5.digest.ask.tiles");
+      const c = z.value.slice(0, t).reverse().find((T) => T.component === "digest-chapter");
+      return e.component === "digest-text" && typeof ((o = c == null ? void 0 : c.config) == null ? void 0 : o.title) == "string" ? c.config.title : n("reportV5.digest.ask.part", { number: t + 1 });
+    }
+    function N() {
+      i.value = [], p.value = !1;
+    }
+    function Ee(e) {
+      const t = i.value[e];
+      if (!t) return;
+      const [s] = t.targets;
+      if (!s.element || s.area) {
+        i.value = i.value.filter((D, E) => E !== e);
+        return;
+      }
+      const { element: u, ...c } = s, [o, ...T] = t.widen, H = o ? { ...c, element: o, elementText: o.text ?? "", elementTag: o.tag } : c;
+      i.value = i.value.map(
+        (D, E) => E === e ? { targets: [H], widen: T } : D
+      );
+    }
+    function ne(e) {
+      const t = z.value.findIndex((u) => u.id === e.sectionId), s = z.value[t];
+      if (!(!s || s.version !== e.version))
+        return { ...e, label: e.label || Te(s, t) };
+    }
+    function Ie(e, t) {
+      var s, u, c, o, T, H, D, E, me, fe, ve, ge;
+      return e.sectionId === t.sectionId && ((s = e.element) == null ? void 0 : s.part) === ((u = t.element) == null ? void 0 : u.part) && (((c = e.element) == null ? void 0 : c.path) ?? []).join(".") === (((o = t.element) == null ? void 0 : o.path) ?? []).join(".") && ((H = (T = e.element) == null ? void 0 : T.datum) == null ? void 0 : H.datasetIndex) === ((E = (D = t.element) == null ? void 0 : D.datum) == null ? void 0 : E.datasetIndex) && ((fe = (me = e.element) == null ? void 0 : me.datum) == null ? void 0 : fe.index) === ((ge = (ve = t.element) == null ? void 0 : ve.datum) == null ? void 0 : ge.index);
+    }
+    function Ae(e, t) {
+      if (!p.value || S.value) return;
+      const s = ne(e);
+      if (!s) return;
+      const u = i.value.findIndex(
+        (c) => !c.targets[0].area && Ie(c.targets[0], s)
+      );
+      u >= 0 ? i.value = i.value.filter((c, o) => o !== u) : q.value.length < ye && (i.value = [...i.value, { targets: [s], widen: t }]), d.value = !0;
+    }
+    function Me(e) {
+      if (!p.value || S.value) return;
+      const t = e.map(ne);
+      !t.length || !t.every((s) => !!s) || q.value.length + t.length > ye || (i.value = [...i.value, { targets: t, widen: [] }], d.value = !0);
+    }
+    const Pe = ((pe = window.matchMedia) == null ? void 0 : pe.call(window, "(pointer: coarse)").matches) ?? !1;
+    function Be() {
+      if (p.value) return N();
+      p.value = !0, d.value = !0;
+    }
+    function De() {
+      K.value = !0, d.value = !0;
+    }
+    function oe(e) {
+      e.key === "Escape" && p.value && N();
+    }
+    const v = bt(_t(b.value)), {
+      messages: $e,
+      sessionId: je,
+      title: Fe,
+      chats: Le,
+      chatsCursor: re,
+      chatsLoading: Oe,
+      chatsError: qe,
+      switching: Z,
+      earlier: ze,
+      loadingEarlier: Ne,
+      streaming: Ue,
+      turnId: He,
+      step: Ye,
+      error: ie,
+      interrupted: Ge,
+      stoppable: Ke,
+      stopping: Qe,
+      unsent: Xe,
+      slow: Ze,
+      startedAt: Je,
+      awaiting: We,
+      noReplyId: et
+    } = v, S = g(() => Ue.value || We.value), le = g(() => S.value || Z.value);
+    let ue = !1;
+    W(d, (e) => {
+      !e || ue || (ue = !0, v.load());
+    });
+    async function U() {
+      const e = f.value.trim();
+      if (!(!e || S.value || Z.value || se.value)) {
+        if (f.value = "", await v.send(e, q.value), ie.value) {
+          f.value || (f.value = e);
+          return;
+        }
+        N();
+      }
+    }
+    async function de(e) {
+      v.stashDraft(
+        f.value,
+        M.value.flatMap((s) => s.targets)
+      ), await e();
+      const t = v.recallDraft();
+      f.value = t.text, M.value = P(t.targets), p.value = !1;
+    }
+    async function tt(e) {
+      if (le.value) return;
+      const t = e ? [...O.value] : [];
+      let s = !1;
+      await de(async () => {
+        s = await v.startChat();
+      }), s && e && (A.value = !1, M.value = t, O.value = [], f.value = e, await U());
+    }
+    const at = (e) => de(() => v.select(e));
+    function st(e) {
+      const t = v.takeUnsent(e);
+      if (t)
+        return f.value = t.text, i.value = P(t.targets), U();
+    }
+    async function nt() {
+      const e = await v.stop();
+      !e || f.value.trim() || (f.value = e.text, i.value = P(e.targets));
+    }
+    function ot(e) {
+      const t = v.requestOf(e);
+      t && (f.value = t.text, i.value = P(t.targets));
+    }
+    function rt(e) {
+      const t = v.requestOf(e);
+      if (t)
+        return f.value = t.text, i.value = P(t.targets), U();
+    }
+    const B = g(
+      () => l.value ? Ct(l.value.weekStart, l.value.weekEnd, L.value) : ""
+    ), it = g(() => {
+      const e = l.value;
+      if (!e) return "";
+      const t = [
+        n("reportV5.digest.published", {
+          date: Vt(e.createdAt, L.value, e.timezone)
+        })
+      ];
+      return e.outlets && t.push(n("reportV5.digest.outlets", { count: e.outlets }, e.outlets)), t.join(" · ");
+    }), lt = g(
+      () => {
+        var e;
+        return (((e = l.value) == null ? void 0 : e.canvas.sections) ?? []).filter(
+          (t) => {
+            var s;
+            return t.component === "digest-chapter" && typeof ((s = t.config) == null ? void 0 : s.title) == "string";
+          }
+        ).slice(0, 3).map((t) => {
+          var u;
+          const s = String((u = t.config) == null ? void 0 : u.title);
+          return { label: s, prompt: n("reportV5.digest.ask.about", { title: s }) };
+        });
+      }
+    ), ce = g(() => ({
+      title: n("reportV5.digest.ask.title"),
+      welcome: n("reportV5.digest.ask.welcome"),
+      hint: n("reportV5.digest.ask.hint", { subject: B.value }),
+      target: n("reportV5.digest.ask.target", { subject: B.value }),
+      placeholder: n("reportV5.digest.ask.title"),
+      outcomes: {
+        withheld: n("reportV5.digest.ask.withheld"),
+        failed: n("reportV5.digest.ask.failed"),
+        stopped: n("reportV5.digest.ask.stopped")
+      }
+    }));
+    function ut() {
+      Y.push({ name: "digest", query: R.query });
+    }
+    return _e(async () => {
+      window.addEventListener("keydown", oe);
+      try {
+        l.value = await It(b.value), At(b.value).catch(() => {
+        });
+      } catch (e) {
+        e instanceof we && e.status === 403 ? r.value = !0 : e instanceof we && e.status === 404 ? w.value = !0 : y.value = e instanceof Error ? e.message : String(e);
+      } finally {
+        G.value = !1;
+      }
+      I.subscription || await I.loadSubscription().catch(() => {
+      });
+    }), ct(() => window.removeEventListener("keydown", oe)), (e, t) => {
+      const s = J("FmTooltip"), u = J("FmPageHead"), c = J("FmButton");
+      return m(), C(gt, null, {
+        default: $(() => [
+          _("div", {
+            ref_key: "root",
+            ref: Se,
+            class: "relative flex h-full min-h-0 w-full"
+          }, [
+            _("div", Dt, [
+              j(u, {
+                class: "shrink-0",
+                title: B.value || a(n)("reportV5.digest.title"),
+                "back-button": !0,
+                "data-testid": "digest-reader-head",
+                "onClick:back": ut
+              }, pt({
+                title: $(() => [
+                  j(s, {
+                    content: B.value,
+                    placement: "bottom",
+                    "z-index": 2e3,
+                    class: "flex min-w-0 max-w-full justify-start"
+                  }, {
+                    default: $(() => [
+                      _("p", $t, F(B.value || a(n)("reportV5.digest.title")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["content"])
+                ]),
+                _: 2
+              }, [
+                a(k).lg || a(k).md ? {
+                  name: "append",
+                  fn: $(() => [
+                    l.value ? (m(), C(Rt, { key: 0 })) : V("", !0)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["title"]),
+              l.value ? (m(), x("div", jt, [
+                _("span", Ft, F(a(n)("reportV5.digest.card.weekly")), 1),
+                _("span", Lt, F(it.value), 1),
+                t[9] || (t[9] = _("span", { class: "grow" }, null, -1)),
+                p.value && i.value.length && !a(Q) ? (m(), C(c, {
+                  key: 0,
+                  "data-testid": "digest-ask-picked",
+                  variant: "tertiary",
+                  size: "sm",
+                  "prepend-icon": "auto_awesome",
+                  label: a(n)("reportV5.digest.ask.askPicked"),
+                  onClick: De
+                }, null, 8, ["label"])) : p.value ? (m(), x("span", Ot, F(i.value.length ? a(n)("reportV5.digest.ask.picked", { count: i.value.length }) : a(n)(a(Pe) ? "reportV5.digest.ask.pickingTouch" : "reportV5.digest.ask.picking")), 1)) : V("", !0),
+                j(s, {
+                  placement: "bottom",
+                  content: p.value ? a(n)("reportV5.reportAi.chat.cancelSelection") : a(n)("reportV5.digest.ask.comment")
+                }, {
+                  default: $(() => [
+                    _("button", {
+                      "data-testid": "digest-comment-toggle",
+                      class: he(["digest-comment flex h-32 w-32 items-center justify-center rounded-md text-fm-color-typo-secondary disabled:opacity-50", p.value && "bg-fm-color-neutral-gray-100 text-fm-color-primary"]),
+                      "aria-pressed": p.value,
+                      "aria-label": a(n)("reportV5.digest.ask.comment"),
+                      disabled: S.value,
+                      onClick: Be
+                    }, [
+                      (m(), x("svg", zt, [
+                        _("path", {
+                          d: "M5 3.5h5a6.5 6.5 0 1 1-6.5 6.5V5A1.5 1.5 0 0 1 5 3.5Z",
+                          fill: p.value ? "currentColor" : "none",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, null, 8, Nt)
+                      ]))
+                    ], 10, qt)
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                d.value ? V("", !0) : (m(), C(c, {
+                  key: 2,
+                  "data-testid": "digest-ask-open",
+                  variant: "tertiary",
+                  "prepend-icon": "auto_awesome",
+                  label: a(n)("reportV5.digest.ask.title"),
+                  onClick: t[0] || (t[0] = (o) => d.value = !0)
+                }, null, 8, ["label"]))
+              ])) : V("", !0),
+              r.value ? (m(), C(ke, {
+                key: 1,
+                "data-testid": "digest-refused",
+                title: a(n)("reportV5.digest.refusedTitle"),
+                "sub-title": a(n)("reportV5.digest.refusedBody")
+              }, null, 8, ["title", "sub-title"])) : w.value ? (m(), C(ke, {
+                key: 2,
+                title: a(n)("reportV5.digest.missingTitle"),
+                "sub-title": a(n)("reportV5.digest.missingBody")
+              }, null, 8, ["title", "sub-title"])) : y.value ? (m(), x("p", Ut, F(y.value), 1)) : l.value ? (m(), x("div", Ht, [
+                j(Tt, {
+                  "hide-subscribed": "",
+                  class: "m-16 shrink-0"
+                }),
+                (m(), C(Bt, {
+                  key: `${l.value.weekStart}:${l.value.createdAt}`,
+                  digest: l.value,
+                  "comment-mode": p.value && !S.value,
+                  picked: Ve.value,
+                  onSelect: Ae,
+                  onArea: Me,
+                  onCancel: N
+                }, null, 8, ["digest", "comment-mode", "picked"]))
+              ])) : V("", !0)
+            ]),
+            a(X) ? (m(), x("div", {
+              key: 0,
+              class: "digest-scrim absolute inset-0 z-20",
+              onClick: t[1] || (t[1] = (o) => d.value = !1)
+            })) : V("", !0),
+            d.value && l.value && (a(Q) || !ae.value) ? (m(), x("div", {
+              key: 1,
+              ref_key: "drawer",
+              ref: Ce,
+              "data-testid": "digest-chat",
+              class: he(
+                a(Q) ? "w-[380px] shrink-0" : "absolute inset-y-0 right-0 z-30 w-full max-w-[380px] shadow-lg"
+              ),
+              role: a(X) ? "dialog" : void 0,
+              "aria-modal": a(X) ? "true" : void 0,
+              "aria-label": ce.value.title
+            }, [
+              j(xt, {
+                "home-draft": te.value,
+                "onUpdate:homeDraft": t[2] || (t[2] = (o) => te.value = o),
+                "home-open": A.value,
+                "onUpdate:homeOpen": t[3] || (t[3] = (o) => A.value = o),
+                messages: a($e),
+                draft: f.value,
+                targets: Re.value,
+                "target-stale": se.value,
+                streaming: S.value,
+                "turn-id": a(He),
+                phase: a(Ye) ?? "working",
+                slow: a(Ze),
+                "started-at": a(Je),
+                error: a(ie),
+                interrupted: a(Ge),
+                blank: !1,
+                run: null,
+                "run-anchor-id": null,
+                "run-stale": !1,
+                "retry-error": "",
+                "unsent-ids": a(Xe),
+                "no-reply-id": a(et),
+                "chat-id": a(je),
+                "chat-title": a(Fe),
+                chats: a(Le),
+                "chats-cursor": a(re),
+                "chats-loading": a(Oe),
+                "chats-error": a(qe),
+                switching: a(Z),
+                busy: le.value,
+                stoppable: a(Ke),
+                stopping: a(Qe),
+                earlier: a(ze),
+                "loading-earlier": a(Ne),
+                copy: ce.value,
+                starters: lt.value,
+                "onUpdate:draft": t[4] || (t[4] = (o) => f.value = o),
+                onClearTarget: Ee,
+                onSubmit: U,
+                onClose: t[5] || (t[5] = (o) => d.value = !1),
+                onResend: st,
+                onAskAgain: rt,
+                onEditRequest: ot,
+                onStop: nt,
+                onNewChat: tt,
+                onSelectChat: at,
+                onLoadChats: t[6] || (t[6] = (o) => a(v).loadChats()),
+                onLoadMoreChats: t[7] || (t[7] = (o) => a(v).loadChats(a(re) ?? void 0)),
+                onLoadEarlier: t[8] || (t[8] = (o) => a(v).loadEarlier())
+              }, null, 8, ["home-draft", "home-open", "messages", "draft", "targets", "target-stale", "streaming", "turn-id", "phase", "slow", "started-at", "error", "interrupted", "unsent-ids", "no-reply-id", "chat-id", "chat-title", "chats", "chats-cursor", "chats-loading", "chats-error", "switching", "busy", "stoppable", "stopping", "earlier", "loading-earlier", "copy", "starters"])
+            ], 10, Yt)) : V("", !0)
+          ], 512)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), na = /* @__PURE__ */ Mt(Gt, [["__scopeId", "data-v-9e0f290b"]]);
+export {
+  na as default
+};