@feedmepos/mf-report 5.34.2 → 5.35.0-beta.0

package/dist/DigestReaderView-BS0iuanX.js

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