@feedmepos/mf-report 5.31.3 → 5.32.0

package/dist/DigestListView-De9tIPMS.js

@@ -0,0 +1,637 @@
+import { defineComponent as ve, ref as C, watch as Le, onBeforeUnmount as Ce, computed as u, createElementBlock as r, openBlock as o, normalizeClass as H, createElementVNode as v, createCommentVNode as m, renderSlot as Re, createTextVNode as Te, toDisplayString as y, unref as x, Fragment as w, renderList as q, resolveComponent as he, createBlock as oe, withCtx as le, createVNode as Z, createSlots as Ee, onMounted as je, onUnmounted as qe } from "vue";
+import { storeToRefs as Ie } from "pinia";
+import { useI18n as fe } from "@feedmepos/mf-common";
+import { useBreakpoints as Se } from "@feedmepos/ui-library";
+import { _ as Oe } from "./Default.vue_vue_type_script_setup_true_lang-B0KI2grl.js";
+import { _ as we } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
+import { useRoute as Ne } from "vue-router";
+import { c as Pe, d as Be, u as Ae, a as He, n as Xe, _ as ze, D as Ye } from "./useDigestFont-qj5lGRy-.js";
+import { _ as ge } from "./_plugin-vue_export-helper-C6QDExPN.js";
+import { g as Ue, f as We, A as Ze, k as be, r as Ge, l as Ke } from "./app-DvNjldW6.js";
+const Je = { class: "flex items-center justify-between gap-8" }, Qe = { class: "digest-kind" }, et = ["viewBox", "height", "aria-label"], tt = ["x2", "y1", "y2"], st = ["d"], at = ["d"], ot = ["d"], nt = ["x", "y", "width", "height"], rt = ["x", "y"], lt = ["x", "y", "width", "height"], it = ["x1", "x2", "y1", "y2"], ut = ["cx", "cy"], dt = ["x", "y", "text-anchor"], ct = ["x"], ht = ["x", "y"], vt = {
+  key: 1,
+  class: "flex items-start gap-8",
+  "data-testid": "digest-cover-quote"
+}, ft = { class: "digest-quote" }, gt = ["title"], ae = 28, W = 12, mt = 12, pt = /* @__PURE__ */ ve({
+  __name: "DigestCover",
+  props: {
+    cover: {},
+    quote: {},
+    dark: { type: Boolean },
+    hero: { type: Boolean }
+  },
+  setup(ne) {
+    const n = ne, { t: p, locale: N } = fe(), I = C(), P = C(0);
+    let M;
+    Le(I, (e) => {
+      M == null || M.disconnect(), !(!e || typeof ResizeObserver > "u") && (M = new ResizeObserver(([s]) => {
+        const { width: t, height: i } = s.contentRect;
+        t && (P.value = i / t);
+      }), M.observe(e));
+    }), Ce(() => M == null ? void 0 : M.disconnect());
+    const B = u(() => n.hero ? 520 : 340), _ = u(
+      () => n.hero ? 26 + (se.value.some((e) => e.lines.length > 1) ? 12 : 0) : 6
+    ), k = u(
+      () => P.value ? Math.max(ae + _.value + 40, Math.round(B.value * P.value)) : n.hero ? 168 : 110
+    ), O = u(() => {
+      const e = n.cover;
+      return e ? [e.title, e.takeaway].filter(Boolean).join(" · ") : p("reportV5.digest.card.leadStory");
+    }), f = u(
+      () => {
+        var e, s;
+        return [(e = n.cover) == null ? void 0 : e.title, ...(((s = n.cover) == null ? void 0 : s.marks) ?? []).map((t) => t.label)].filter(Boolean).join(" · ");
+      }
+    ), F = u(
+      () => {
+        var e;
+        return (((e = n.cover) == null ? void 0 : e.series) ?? []).flatMap((s) => s.values).filter((s) => s !== null);
+      }
+    ), R = u(() => {
+      var i;
+      const e = n.cover;
+      if ((e == null ? void 0 : e.kind) !== "waterfall") return [];
+      const s = ((i = e.series[0]) == null ? void 0 : i.values) ?? [];
+      let t = 0;
+      return s.map((a, c) => {
+        const d = a ?? 0, h = c === 0 || c === s.length - 1, g = h ? 0 : t;
+        return t = h ? d : t + d, { from: g, to: t, change: d, total: h };
+      });
+    }), b = u(
+      () => R.value.flatMap((e) => e.total ? [e.to] : [e.from, e.to])
+    ), V = u(() => {
+      const e = b.value;
+      if (!e.length) return 0;
+      const s = Math.min(...e), t = Math.max(...e);
+      return !(s > 0) || s === t || (t - s) * 4 >= t ? 0 : s - (t - s);
+    }), D = u(() => {
+      var h, g;
+      const e = k.value - ae - _.value, s = ($, z) => (Y) => ae + e - (Y - $) / (z - $ || 1) * e;
+      if (((h = n.cover) == null ? void 0 : h.kind) === "waterfall") {
+        const $ = b.value;
+        return $.length ? s(Math.min(V.value, ...$), Math.max(...$)) : s(0, 1);
+      }
+      const t = F.value;
+      if (!t.length) return ($) => k.value - _.value;
+      const i = ((g = n.cover) == null ? void 0 : g.kind) === "bar", a = i ? Math.min(0, ...t) : Math.min(...t), c = Math.max(...t), d = c - a || Math.abs(c) || 1;
+      return i ? s(a, c) : s(a - d * 0.15, c + d * 0.05);
+    }), T = u(() => {
+      var e;
+      return ((e = n.cover) == null ? void 0 : e.x.length) ?? 0;
+    }), G = u(() => T.value > 1 ? (B.value - W * 2) / (T.value - 1) : 0), E = (e) => T.value > 1 ? W + e * G.value : B.value / 2;
+    function K(e) {
+      let s = "M";
+      return e.map((t, i) => {
+        if (t === null)
+          return s = "M", "";
+        const a = `${s}${E(i).toFixed(1)},${D.value(t).toFixed(1)}`;
+        return s = "L", a;
+      }).join(" ");
+    }
+    const J = u(
+      () => {
+        var e;
+        return ((e = n.cover) == null ? void 0 : e.kind) === "line" ? n.cover.series.map((s) => K(s.values)) : [];
+      }
+    ), re = u(() => {
+      var t, i;
+      const e = ((t = n.cover) == null ? void 0 : t.kind) === "line" ? (i = n.cover.series[0]) == null ? void 0 : i.values : void 0;
+      if (!e || e.some((a) => a === null) || e.length < 2) return "";
+      const s = (k.value - _.value).toFixed(1);
+      return `${K(e)} L${E(e.length - 1).toFixed(1)},${s} L${E(0).toFixed(1)},${s} Z`;
+    }), S = u(() => (B.value - W * 2) / Math.max(T.value, 1)), X = u(() => {
+      var e;
+      return Math.min(((e = n.cover) == null ? void 0 : e.series.length) ?? 0, 2);
+    }), Q = u(() => S.value * 0.72 / Math.max(X.value, 1)), ee = (e, s) => W + e * S.value + S.value * 0.14 + s * Q.value, me = u(() => {
+      const e = n.cover;
+      if ((e == null ? void 0 : e.kind) !== "bar") return [];
+      const s = D.value(0), t = e.marks ?? [];
+      return e.series.slice(0, X.value).flatMap(
+        (i, a) => i.values.map((c, d) => {
+          const h = c === null ? s : D.value(c), g = t.some(($) => $.at === d && $.series === a);
+          return {
+            key: `${a}-${d}`,
+            x: ee(d, a),
+            y: Math.min(h, s),
+            width: Math.max(Q.value - 1.5, 1.5),
+            height: Math.max(Math.abs(s - h), c === null ? 0 : 1.5),
+            faint: a > 0,
+            marked: g,
+            // a noted bar stands out against the bars it is compared with
+            muted: t.length > 0 && !g && a === 0
+          };
+        })
+      );
+    });
+    function l(e, s) {
+      var d;
+      const t = (d = n.cover) == null ? void 0 : d.format, i = Math.abs(t === "ratio" ? e * 100 : e), a = new Intl.NumberFormat(N.value, {
+        maximumFractionDigits: i >= 100 ? 0 : 1
+      }).format(i), c = t === "ratio" || t === "percent" ? "%" : "";
+      return `${s ? "" : e < 0 ? "−" : "+"}${a}${c}`;
+    }
+    const j = u(() => {
+      const e = V.value, s = S.value * 0.6, t = R.value.map((a, c) => {
+        const d = D.value(a.total ? e : a.from), h = D.value(a.to), g = W + c * S.value + (S.value - s) / 2;
+        return {
+          key: c,
+          x: g,
+          y: Math.min(d, h),
+          width: s,
+          height: Math.max(Math.abs(d - h), 1.5),
+          total: a.total,
+          figure: l(a.change, a.total),
+          figureX: g + s / 2
+        };
+      }), i = n.hero && t.every((a) => a.figure.length * 6.5 <= S.value);
+      return t.map((a) => ({ ...a, figure: i ? a.figure : "" }));
+    }), te = (e) => e.length * (n.hero ? 7.5 : 7), ie = u(() => {
+      const e = n.cover;
+      if ((e == null ? void 0 : e.kind) !== "line" && (e == null ? void 0 : e.kind) !== "bar") return [];
+      const s = e.kind === "line", t = [], i = (e.marks ?? []).flatMap((a, c) => {
+        var xe;
+        const d = (xe = e.series[a.series]) == null ? void 0 : xe.values[a.at];
+        if (d == null || !s && a.series >= X.value) return [];
+        const h = s ? E(a.at) : ee(a.at, a.series) + Q.value / 2, g = D.value(d), $ = h > B.value * 0.8 ? "end" : h < B.value * 0.2 ? "start" : "middle", z = te(a.label), Y = $ === "end" ? h - z : $ === "start" ? h : h - z / 2, ue = !s && d < 0, U = s ? Math.max(g - 12, 16) : ue ? g + 14 : g - 6, pe = ue ? 14 : -14, De = (de) => de >= 12 && de <= k.value - _.value && !t.some((ce) => Y < ce.x1 && Y + z > ce.x0 && Math.abs(de - ce.y) < 14), ye = [U, U + pe, U + pe * 2], _e = D.value(0) + (ue ? -6 : 14), L = (s ? n.hero ? [...ye, g + 22, g + 36] : [U] : [...n.hero ? ye : [U], _e]).find(De);
+        L !== void 0 && t.push({ x0: Y, x1: Y + z, y: L });
+        const ke = s ? 6 : 2, Fe = L === void 0 || L === U || !s && L === _e ? void 0 : L < g ? [g - ke, L + 3] : [g + ke, L - 11];
+        return [
+          {
+            key: c,
+            x: h,
+            y: g,
+            anchor: $,
+            dot: s,
+            labelY: L ?? 0,
+            label: L === void 0 ? "" : a.label,
+            leader: Fe
+          }
+        ];
+      });
+      return n.hero || i.every((a) => a.label) ? i : i.map((a) => ({ ...a, label: "", leader: void 0 }));
+    });
+    function A(e, s, t) {
+      const i = (c) => c.length * 6.5 <= s;
+      if (i(e)) return [e];
+      if (!t) return;
+      const a = e.split(" ");
+      for (let c = a.length - 1; c > 0; c--) {
+        const d = [a.slice(0, c).join(" "), a.slice(c).join(" ")];
+        if (d.every(i)) return d;
+      }
+    }
+    const se = u(() => {
+      const e = n.cover;
+      if (!n.hero || !e) return [];
+      const s = e.kind !== "line", t = Math.ceil(e.x.length / mt), i = e.x.length - 1, a = (s ? S.value : G.value) * t, c = e.x.map((d, h) => ({
+        x: s ? W + h * S.value + S.value / 2 : E(h),
+        lines: A(Pe(e, h, N.value), a, s),
+        marked: (e.marks ?? []).some((g) => g.at === h)
+      })).filter((d, h) => (i - h) % t === 0);
+      return c.every((d) => d.lines) ? c.map((d) => ({ ...d, lines: d.lines })) : [];
+    }), Ve = u(() => {
+      if (!n.hero) return [];
+      const e = k.value - _.value;
+      return [e, (e + ae) / 2, ae];
+    });
+    return (e, s) => (o(), r("div", {
+      class: H(["digest-vis", { dark: e.dark, hero: e.hero }])
+    }, [
+      v("div", Je, [
+        v("span", Qe, [
+          s[0] || (s[0] = v("svg", {
+            width: "13",
+            height: "13",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [
+            v("path", { d: "M4 17l5-5 4 4 7-7" }),
+            v("path", { d: "M15 9h5v5" })
+          ], -1)),
+          Te(" " + y(x(p)("reportV5.digest.card.weekly")), 1)
+        ]),
+        Re(e.$slots, "badge", {}, void 0, !0)
+      ]),
+      e.cover ? (o(), r("svg", {
+        key: 0,
+        ref_key: "chart",
+        ref: I,
+        "data-testid": "digest-cover",
+        class: "digest-chart",
+        viewBox: `0 0 ${B.value} ${k.value}`,
+        width: "100%",
+        height: e.hero ? 200 : 110,
+        role: "img",
+        "aria-label": f.value
+      }, [
+        (o(!0), r(w, null, q(Ve.value, (t) => (o(), r("line", {
+          key: `grid-${t}`,
+          x1: "0",
+          x2: B.value,
+          y1: t,
+          y2: t,
+          class: "grid"
+        }, null, 8, tt))), 128)),
+        e.cover.kind === "line" ? (o(), r(w, { key: 0 }, [
+          re.value ? (o(), r("path", {
+            key: 0,
+            d: re.value,
+            class: "area"
+          }, null, 8, st)) : m("", !0),
+          (o(!0), r(w, null, q(J.value.slice(1), (t, i) => (o(), r("path", {
+            key: `base-${i}`,
+            d: t,
+            class: "baseline"
+          }, null, 8, at))), 128)),
+          J.value[0] ? (o(), r("path", {
+            key: 1,
+            d: J.value[0],
+            class: "line"
+          }, null, 8, ot)) : m("", !0)
+        ], 64)) : e.cover.kind === "waterfall" ? (o(!0), r(w, { key: 1 }, q(j.value, (t) => (o(), r(w, {
+          key: t.key
+        }, [
+          v("rect", {
+            x: t.x,
+            y: t.y,
+            width: t.width,
+            height: t.height,
+            rx: "2",
+            class: H(["bar", t.total ? "total" : "step"])
+          }, null, 10, nt),
+          t.figure ? (o(), r("text", {
+            key: 0,
+            "data-testid": "digest-cover-figure",
+            x: t.figureX,
+            y: t.y - 5,
+            "text-anchor": "middle",
+            class: "figure"
+          }, y(t.figure), 9, rt)) : m("", !0)
+        ], 64))), 128)) : (o(!0), r(w, { key: 2 }, q(me.value, (t) => (o(), r("rect", {
+          key: t.key,
+          x: t.x,
+          y: t.y,
+          width: t.width,
+          height: t.height,
+          rx: "2",
+          class: H(["bar", { faint: t.faint, marked: t.marked, muted: t.muted }])
+        }, null, 10, lt))), 128)),
+        (o(!0), r(w, null, q(ie.value, (t) => (o(), r(w, {
+          key: t.key
+        }, [
+          t.leader ? (o(), r("line", {
+            key: 0,
+            x1: t.x,
+            x2: t.x,
+            y1: t.leader[0],
+            y2: t.leader[1],
+            class: "leader"
+          }, null, 8, it)) : m("", !0),
+          t.dot ? (o(), r("circle", {
+            key: 1,
+            cx: t.x,
+            cy: t.y,
+            r: "5",
+            class: "dot"
+          }, null, 8, ut)) : m("", !0),
+          t.label ? (o(), r("text", {
+            key: 2,
+            "data-testid": "digest-cover-mark",
+            x: t.x,
+            y: t.labelY,
+            "text-anchor": t.anchor,
+            class: "mark"
+          }, y(t.label), 9, dt)) : m("", !0)
+        ], 64))), 128)),
+        (o(!0), r(w, null, q(se.value, (t) => (o(), r("text", {
+          key: t.x,
+          x: t.x,
+          "text-anchor": "middle",
+          class: H(["tick", { marked: t.marked }])
+        }, [
+          (o(!0), r(w, null, q(t.lines, (i, a) => (o(), r("tspan", {
+            key: a,
+            x: t.x,
+            y: k.value - 6 - (t.lines.length - 1 - a) * 12
+          }, y(i), 9, ht))), 128))
+        ], 10, ct))), 128))
+      ], 8, et)) : m("", !0),
+      !e.cover && e.quote ? (o(), r("div", vt, [
+        s[1] || (s[1] = v("span", {
+          class: "digest-quote-mark",
+          "aria-hidden": "true"
+        }, "“", -1)),
+        v("p", ft, y(e.quote), 1)
+      ])) : m("", !0),
+      v("p", {
+        class: "digest-take",
+        title: O.value
+      }, y(O.value), 9, gt)
+    ], 2));
+  }
+}), yt = /* @__PURE__ */ ge(pt, [["__scopeId", "data-v-fe5a40c9"]]), _t = {
+  class: "digest-new",
+  "data-testid": "digest-unread"
+}, kt = { class: "digest-card-body" }, xt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, wt = {
+  class: "digest-headline",
+  "data-testid": "digest-card-headline"
+}, bt = {
+  key: 0,
+  class: "digest-lead"
+}, $t = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, Mt = { class: "digest-story-number" }, St = { class: "digest-card-foot" }, Bt = {
+  key: 0,
+  class: "digest-read"
+}, Vt = {
+  key: 1,
+  class: "digest-go",
+  "aria-hidden": "true"
+}, Dt = 3, Ft = /* @__PURE__ */ ve({
+  __name: "DigestListCard",
+  props: {
+    card: {},
+    hero: { type: Boolean }
+  },
+  setup(ne) {
+    const n = ne, { t: p, locale: N } = fe(), { breakpoints: I } = Se(), P = Ne(), M = u(() => n.hero && (I.value.lg || I.value.md)), B = u(
+      () => Be(n.card.weekStart, n.card.weekEnd, N.value)
+    ), _ = u(
+      () => [
+        n.card.stories.length ? p(
+          "reportV5.digest.card.stories",
+          { count: n.card.stories.length },
+          n.card.stories.length
+        ) : "",
+        n.card.charts ? p("reportV5.digest.card.charts", { count: n.card.charts }, n.card.charts) : ""
+      ].filter(Boolean).join(" · ")
+    ), k = u(() => n.card.stories[0] ?? n.card.headline), O = u(() => ({
+      name: "digestReader",
+      params: { weekStart: n.card.weekStart },
+      query: P.query
+    }));
+    return (f, F) => {
+      const R = he("RouterLink");
+      return o(), oe(R, {
+        to: O.value,
+        class: H(["digest-card", { hero: f.hero }]),
+        "data-testid": f.hero ? "digest-hero" : "digest-list-card",
+        "data-week": f.card.weekStart
+      }, {
+        default: le(() => [
+          Z(yt, {
+            class: "digest-card-vis",
+            cover: f.card.cover,
+            quote: k.value,
+            dark: f.hero || !f.card.read,
+            hero: M.value
+          }, Ee({ _: 2 }, [
+            f.card.read ? void 0 : {
+              name: "badge",
+              fn: le(() => [
+                v("span", _t, y(x(p)("reportV5.digest.card.new")), 1)
+              ]),
+              key: "0"
+            }
+          ]), 1032, ["cover", "quote", "dark", "hero"]),
+          v("div", kt, [
+            v("span", xt, y(B.value), 1),
+            v("p", wt, y(f.card.headline), 1),
+            f.hero ? (o(), r(w, { key: 0 }, [
+              f.card.lead ? (o(), r("p", bt, y(f.card.lead), 1)) : m("", !0),
+              f.card.stories.length ? (o(), r("ol", $t, [
+                (o(!0), r(w, null, q(f.card.stories.slice(0, Dt), (b, V) => (o(), r("li", {
+                  key: V,
+                  class: "digest-story"
+                }, [
+                  v("span", Mt, y(V + 1), 1),
+                  v("span", null, y(b), 1)
+                ]))), 128))
+              ])) : m("", !0)
+            ], 64)) : m("", !0),
+            v("div", St, [
+              f.hero ? (o(), r("span", Bt, y(x(p)("reportV5.digest.card.read")), 1)) : m("", !0),
+              v("span", {
+                class: H(["fm-typo-en-body-md-400 text-fm-color-typo-secondary", { "ml-auto": f.hero }])
+              }, y(_.value), 3),
+              f.hero ? m("", !0) : (o(), r("span", Vt, F[0] || (F[0] = [
+                v("svg", {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2.2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  v("path", { d: "M5 12h14" }),
+                  v("path", { d: "M13 6l6 6-6 6" })
+                ], -1)
+              ])))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["to", "class", "data-testid", "data-week"]);
+    };
+  }
+}), $e = /* @__PURE__ */ ge(Ft, [["__scopeId", "data-v-3933c9b3"]]), Lt = {
+  key: 0,
+  class: "flex flex-wrap items-center justify-end gap-8"
+}, Ct = {
+  class: "min-h-0 flex-1 overflow-y-auto pb-32",
+  "data-testid": "digest-list"
+}, Rt = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 px-24 py-16 text-fm-color-typo-error",
+  "data-testid": "digest-error"
+}, Tt = {
+  key: 0,
+  class: "mx-24 mt-24 flex flex-col gap-12",
+  "aria-labelledby": "digest-new-heading"
+}, Et = {
+  id: "digest-new-heading",
+  class: "fm-typo-en-title-sm-600"
+}, jt = {
+  key: 1,
+  class: "mx-24 mt-[40px] flex flex-col gap-12",
+  "aria-labelledby": "digest-earlier-heading"
+}, qt = {
+  id: "digest-earlier-heading",
+  class: "fm-typo-en-title-sm-600"
+}, It = { class: "digest-grid" }, Ot = {
+  key: 2,
+  class: "mt-24 flex justify-center"
+}, Me = 5e3, Nt = /* @__PURE__ */ ve({
+  __name: "DigestListView",
+  setup(ne) {
+    const { t: p, locale: N } = fe(), { breakpoints: I } = Se(), { isFeedmeAdmin: P } = Ue(), M = We(), { subscription: B } = Ie(M);
+    Ae();
+    const _ = C([]), k = C(), O = C(!0), f = C(!1), F = C(""), R = C(!1), b = C(), V = C("");
+    let D;
+    const T = (l) => l instanceof Error ? l.message : String(l), G = (l) => l instanceof Ze && l.status === 403, E = u(() => _.value[0]), K = u(() => _.value.slice(1)), J = u(
+      () => {
+        var l;
+        return (l = B.value) != null && l.scheduled ? He(Xe(/* @__PURE__ */ new Date()), N.value) : "";
+      }
+    ), re = u(
+      () => {
+        var l, j;
+        return ((l = b.value) == null ? void 0 : l.status) === "requested" || ((j = b.value) == null ? void 0 : j.status) === "running";
+      }
+    ), S = u(() => {
+      const l = b.value;
+      if (!l) return "";
+      const j = new Date(Date.parse(`${l.weekStart}T00:00:00Z`) + 6 * 864e5).toISOString().slice(0, 10), te = {
+        week: Be(l.weekStart, j, N.value),
+        failure: (l.failure ?? "").split(`
+`)[0].slice(0, 160)
+      };
+      return p(`reportV5.digest.build.${l.status}`, te);
+    });
+    async function X() {
+      O.value = !0, F.value = "";
+      try {
+        const l = await be();
+        _.value = l.digests, k.value = l.next;
+      } catch (l) {
+        G(l) ? R.value = !0 : F.value = T(l);
+      } finally {
+        O.value = !1;
+      }
+    }
+    async function Q() {
+      if (k.value) {
+        f.value = !0;
+        try {
+          const l = await be(k.value);
+          _.value = [..._.value, ...l.digests], k.value = l.next;
+        } catch (l) {
+          F.value = T(l);
+        } finally {
+          f.value = !1;
+        }
+      }
+    }
+    je(async () => {
+      await Promise.all([
+        X(),
+        M.loadSubscription().catch((l) => {
+          G(l) && (R.value = !0);
+        })
+      ]);
+    });
+    async function ee() {
+      const l = b.value;
+      if (l) {
+        try {
+          b.value = await Ke(l.id);
+        } catch (j) {
+          V.value = T(j);
+          return;
+        }
+        if (re.value) {
+          D = setTimeout(ee, Me);
+          return;
+        }
+        b.value.status === "saved" && await X();
+      }
+    }
+    async function me() {
+      V.value = "";
+      try {
+        b.value = (await Ge()).run, D = setTimeout(ee, Me);
+      } catch (l) {
+        V.value = T(l);
+      }
+    }
+    return qe(() => {
+      D && clearTimeout(D);
+    }), (l, j) => {
+      const te = he("FmButton"), ie = he("FmPageHead");
+      return o(), oe(Oe, null, {
+        default: le(() => [
+          Z(ie, {
+            title: x(p)("reportV5.digest.title"),
+            description: x(I).lg || x(I).md ? x(p)("reportV5.digest.subtitle") : "",
+            class: "shrink-0"
+          }, {
+            append: le(() => {
+              var A, se;
+              return [
+                R.value ? m("", !0) : (o(), r("div", Lt, [
+                  S.value || V.value ? (o(), r("span", {
+                    key: 0,
+                    class: H([
+                      "fm-typo-en-body-sm-400 max-w-[360px]",
+                      V.value || ((A = b.value) == null ? void 0 : A.status) === "failed" || ((se = b.value) == null ? void 0 : se.status) === "rejected" ? "text-fm-color-typo-error" : "text-fm-color-typo-secondary"
+                    ]),
+                    "data-testid": "digest-build-status"
+                  }, y(V.value || S.value), 3)) : m("", !0),
+                  (x(P), m("", !0)),
+                  Z(ze)
+                ]))
+              ];
+            }),
+            _: 1
+          }, 8, ["title", "description"]),
+          v("div", Ct, [
+            R.value ? (o(), oe(we, {
+              key: 0,
+              "data-testid": "digest-refused",
+              title: x(p)("reportV5.digest.refusedTitle"),
+              "sub-title": x(p)("reportV5.digest.refusedBody")
+            }, null, 8, ["title", "sub-title"])) : (o(), r(w, { key: 1 }, [
+              Z(Ye, {
+                class: "mx-24",
+                "next-digest": J.value
+              }, null, 8, ["next-digest"]),
+              F.value ? (o(), r("p", Rt, y(F.value), 1)) : m("", !0),
+              !O.value && !F.value && !_.value.length ? (o(), oe(we, {
+                key: 1,
+                title: x(p)("reportV5.digest.emptyTitle"),
+                "sub-title": x(p)("reportV5.digest.emptyBody")
+              }, null, 8, ["title", "sub-title"])) : _.value.length ? (o(), r(w, { key: 2 }, [
+                E.value ? (o(), r("section", Tt, [
+                  v("h2", Et, y(x(p)(E.value.read ? "reportV5.digest.latest" : "reportV5.digest.newForYou")), 1),
+                  Z($e, {
+                    card: E.value,
+                    hero: ""
+                  }, null, 8, ["card"])
+                ])) : m("", !0),
+                K.value.length ? (o(), r("section", jt, [
+                  v("h2", qt, y(x(p)("reportV5.digest.earlier")), 1),
+                  v("div", It, [
+                    (o(!0), r(w, null, q(K.value, (A) => (o(), oe($e, {
+                      key: A.weekStart,
+                      card: A
+                    }, null, 8, ["card"]))), 128))
+                  ])
+                ])) : m("", !0),
+                k.value ? (o(), r("div", Ot, [
+                  Z(te, {
+                    "data-testid": "digest-show-more",
+                    variant: "secondary",
+                    label: x(p)("reportV5.digest.showMore"),
+                    disabled: f.value,
+                    onClick: Q
+                  }, null, 8, ["label", "disabled"])
+                ])) : m("", !0)
+              ], 64)) : m("", !0)
+            ], 64))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Jt = /* @__PURE__ */ ge(Nt, [["__scopeId", "data-v-f81c3f4a"]]);
+export {
+  Jt as default
+};