@feedmepos/mf-report 5.32.2 → 5.32.3-beta.0

package/dist/DigestReaderView-FBXcXxUr.js

@@ -1,507 +0,0 @@
-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-Cfu4CYAi.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-DC-0p5rk.js";
-import { b as St, d as Ct, a as Vt, _ as Rt, D as Tt } from "./useDigestFont-B6du0dOB.js";
-import { f as Et, m as It, n as At, A as we } from "./app-zXupeysX.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
-};