@feedmepos/mf-report 5.28.0 → 5.28.1

package/dist/ReportCanvasView-ILVhB1KL.js

@@ -1,448 +0,0 @@
-import { ref as N, shallowRef as ne, onMounted as G, onBeforeUnmount as oe, defineComponent as re, watch as L, computed as ae, createElementBlock as U, openBlock as A, createElementVNode as V, createCommentVNode as J, withDirectives as se, createVNode as F, unref as C, isRef as H, withCtx as ie, toDisplayString as Y, vShow as ue } from "vue";
-import { useRoute as ce } from "vue-router";
-import { u as le } from "./_plugin-vue_export-helper-C6QDExPN.js";
-import { storeToRefs as x } from "pinia";
-import { _ as de } from "./LocationSelect.vue_vue_type_script_setup_true_lang-DC9QYJk-.js";
-import { D as fe } from "./DateRangeSelect-CRsKMi0U.js";
-import { F as B, r as j, u as W, a as X, a0 as me } from "./app-Bjt_JuJi.js";
-function K(o) {
-  const { businessId: c } = x(W());
-  if (!c.value) throw new Error("Business Id is not defined");
-  return `/${c.value}/report-canvas/${o}`;
-}
-const pe = (o) => {
-  const c = {
-    fetchType: B.Get,
-    url: K(o)
-  };
-  return j.fetch(c);
-}, ve = (o, c, l, s) => {
-  const p = {
-    fetchType: B.Post,
-    url: `${K(o)}/query/${c}`,
-    data: { params: l, timezone: s }
-  };
-  return j.fetch(p);
-}, ye = (o, c, l) => {
-  const s = {
-    fetchType: B.Post,
-    url: `${K(o)}/section/${c}/ack`,
-    data: l
-  };
-  return j.fetch(s);
-}, he = ["@from", "@to", "@locationIds", "@timezone"], we = ["@from", "@to", "@locationIds"], ge = 1, Se = 1500;
-function Re(o) {
-  if (!(!(o instanceof me) || o.status !== 429))
-    return Math.min(Math.max(o.retryAfterMs ?? Se, 500), 5e3);
-}
-const be = {
-  MY: "MYR",
-  SG: "SGD",
-  TH: "THB",
-  ID: "IDR",
-  PH: "PHP",
-  VN: "VND",
-  BN: "BND",
-  KH: "KHR",
-  MM: "MMK",
-  AE: "AED",
-  MO: "MOP",
-  MV: "MVR",
-  AU: "AUD",
-  JP: "JPY",
-  TW: "TWD",
-  HK: "HKD"
-};
-function q(o) {
-  return o == null ? !0 : Array.isArray(o) ? o.length === 0 : o === "";
-}
-function _e(o) {
-  const c = X(), { dateRange: l, selectedLocationIds: s, locations: p, timezone: v } = x(c), { country: _ } = x(W()), r = N({}), i = ne({}), R = N([]), I = [], g = {}, y = {};
-  function O(e) {
-    I.push(e);
-  }
-  function k(e) {
-    i.value = { ...i.value, [e.queryId]: e }, I.forEach((n) => n(e));
-  }
-  function T(e) {
-    const n = {};
-    for (const m of e.params)
-      n[m.name] = m.default ?? null;
-    n["@from"] = l.value.startDate ?? null, n["@to"] = l.value.endDate ?? null, n["@timezone"] = v.value, n["@locationIds"] = s.value.length ? [...s.value] : p.value.map((m) => m.id), r.value = n;
-  }
-  function a() {
-    return {
-      locations: p.value.map((e) => ({
-        id: e.id,
-        name: e.name || e.id,
-        code: e.code
-      })),
-      timezone: v.value,
-      locale: navigator.language || "en-US",
-      currency: be[(_.value || "").toUpperCase()] ?? ""
-    };
-  }
-  function h(e) {
-    return JSON.stringify(e.dependsOn.map((n) => r.value[n] ?? null));
-  }
-  function S(e) {
-    return !!e.lazy && e.dependsOn.some((n) => q(r.value[n] ?? null));
-  }
-  function D() {
-    return !we.some((e) => e in r.value && q(r.value[e] ?? null));
-  }
-  async function E(e) {
-    var m;
-    const n = (g[e.id] ?? 0) + 1;
-    g[e.id] = n, k({
-      queryId: e.id,
-      runId: n,
-      status: "loading",
-      rows: ((m = i.value[e.id]) == null ? void 0 : m.rows) ?? [],
-      truncated: !1
-    });
-    for (let b = 0; ; b++)
-      try {
-        const w = await ve(
-          o,
-          e.id,
-          r.value,
-          v.value
-        );
-        if (g[e.id] !== n) return;
-        k({
-          queryId: e.id,
-          runId: n,
-          status: "ok",
-          rows: w.rows ?? [],
-          truncated: !!w.truncated
-        });
-        return;
-      } catch (w) {
-        if (g[e.id] !== n) return;
-        const f = Re(w);
-        if (f !== void 0 && b < ge) {
-          if (await new Promise((u) => setTimeout(u, f)), g[e.id] !== n) return;
-          continue;
-        }
-        k({
-          queryId: e.id,
-          runId: n,
-          status: "error",
-          rows: [],
-          truncated: !1,
-          error: w instanceof Error ? w.message : String(w)
-        });
-        return;
-      }
-  }
-  function M(e = {}) {
-    var m, b, w;
-    const n = !D();
-    for (const f of R.value) {
-      if (S(f)) {
-        delete y[f.id], ((m = i.value[f.id]) == null ? void 0 : m.status) !== "idle" && k({
-          queryId: f.id,
-          runId: g[f.id] ?? 0,
-          status: "idle",
-          rows: [],
-          truncated: !1
-        });
-        continue;
-      }
-      if (n) {
-        ((b = i.value[f.id]) == null ? void 0 : b.status) !== "loading" && k({
-          queryId: f.id,
-          runId: g[f.id] ?? 0,
-          status: "loading",
-          rows: ((w = i.value[f.id]) == null ? void 0 : w.rows) ?? [],
-          truncated: !1
-        });
-        continue;
-      }
-      const u = h(f);
-      !e.force && y[f.id] === u || (y[f.id] = u, E(f));
-    }
-  }
-  function P(e) {
-    const n = { ...r.value };
-    let m = !1;
-    for (const [b, w] of Object.entries(e))
-      b in n && JSON.stringify(n[b] ?? null) !== JSON.stringify(w ?? null) && (n[b] = w, m = !0);
-    return m ? (r.value = n, M(), !0) : !1;
-  }
-  function t(e) {
-    R.value = e.queries, i.value = {};
-    for (const n of Object.keys(g)) delete g[n];
-    for (const n of Object.keys(y)) delete y[n];
-    T(e), M();
-  }
-  function d(e, n = []) {
-    R.value = e.queries;
-    const m = JSON.stringify(r.value), b = {};
-    for (const u of e.params)
-      b[u.name] = u.name in r.value ? r.value[u.name] : u.default ?? null;
-    r.value = b;
-    const w = new Set(e.queries.map((u) => u.id));
-    for (const u of Object.keys(g)) w.has(u) || delete g[u];
-    for (const u of Object.keys(y)) w.has(u) || delete y[u];
-    const f = Object.keys(i.value).filter((u) => !w.has(u));
-    if (f.length) {
-      const u = { ...i.value };
-      for (const te of f) delete u[te];
-      i.value = u;
-    }
-    for (const u of n) delete y[u];
-    return M(), JSON.stringify(r.value) !== m;
-  }
-  return {
-    params: r,
-    results: i,
-    queries: R,
-    env: a,
-    load: t,
-    applyCanvas: d,
-    run: M,
-    setParams: P,
-    onResult: O,
-    RESERVED: he
-  };
-}
-function Z(o) {
-  const c = o.replace(/^\//, "");
-  try {
-    const l = new URL(import.meta.url);
-    if (typeof location < "u" && location.hostname !== l.hostname)
-      return new URL(c, l).href;
-  } catch {
-  }
-  return `${"/".replace(/\/$/, "")}/${c}`;
-}
-const ee = {
-  "chart.js@4": "chart.js-4.js",
-  "fm-ui@1": "fm-ui-1.js"
-}, $ = /* @__PURE__ */ new Map();
-function Ee(o) {
-  return Z(`report-canvas-libs/${ee[o]}`);
-}
-async function z(o) {
-  const c = [...new Set(o)].filter((s) => ee[s]), l = {};
-  return await Promise.all(
-    c.map(async (s) => {
-      if (!$.has(s)) {
-        const v = await fetch(Ee(s));
-        if (!v.ok) return;
-        $.set(s, await v.text());
-      }
-      const p = $.get(s);
-      p && (l[s] = p);
-    })
-  ), l;
-}
-const Ie = Z("report-canvas-frame.html"), Q = 8e3;
-function ke(o, c) {
-  const l = N(!1);
-  let s = null;
-  const p = /* @__PURE__ */ new Map();
-  let v;
-  const _ = /* @__PURE__ */ new Map();
-  function r() {
-    var t;
-    return ((t = o.value) == null ? void 0 : t.contentWindow) ?? null;
-  }
-  function i(t) {
-    var d;
-    (d = r()) == null || d.postMessage(JSON.parse(JSON.stringify(t)), "*");
-  }
-  function R(t) {
-    const d = r();
-    if (!d || t.source !== d) return;
-    const e = t.data;
-    if (!(!e || typeof e != "object"))
-      switch (e.type) {
-        case "ready":
-          if (l.value) return;
-          v = e.nonce, l.value = !0, s == null || s(), s = null, D();
-          break;
-        case "setParams":
-          c.onSetParams(e.values ?? {});
-          break;
-        case "rendered":
-          if (!I(e)) return;
-          y(e.sectionId, e.version), c.onSectionRendered(e.sectionId, e.version);
-          break;
-        case "error":
-          if (!I(e)) return;
-          y(e.sectionId, e.version), c.onSectionError(e.sectionId, e.version, e.message);
-          break;
-      }
-  }
-  function I(t) {
-    return !v || t.nonce === v ? !0 : (console.warn("[report-canvas] dropped a render outcome without the shell nonce"), !1);
-  }
-  function g(t, d) {
-    return `${t}@${d}`;
-  }
-  function y(t, d) {
-    if (d === void 0) return;
-    const e = g(t, d), n = _.get(e);
-    n !== void 0 && (clearTimeout(n), _.delete(e));
-  }
-  function O() {
-    _.forEach((t) => clearTimeout(t)), _.clear();
-  }
-  function k(t) {
-    for (const d of t) {
-      const e = g(d.id, d.version);
-      _.has(e) || _.set(
-        e,
-        setTimeout(() => {
-          _.delete(e), c.onSectionError(
-            d.id,
-            d.version,
-            `the section did not report a render within ${Q}ms`
-          );
-        }, Q)
-      );
-    }
-  }
-  async function T(t, d, e) {
-    const n = await z(t.flatMap((b) => b.libs ?? [])), m = () => {
-      i({ type: "init", sections: t, params: d, libs: n, env: e }), O(), k(t);
-    };
-    l.value ? m() : s = m;
-  }
-  async function a(t) {
-    const d = await z(t.flatMap((e) => e.libs ?? []));
-    i({ type: "sections", sections: t, libs: d }), k(t);
-  }
-  function h(t) {
-    i({ type: "params", values: t });
-  }
-  function S(t) {
-    i({ type: "env", env: t });
-  }
-  function D() {
-    const t = [...p.values()];
-    p.clear(), t.forEach(E);
-  }
-  function E(t) {
-    i({
-      type: "rows",
-      queryId: t.queryId,
-      runId: t.runId,
-      rows: t.rows,
-      status: t.status,
-      truncated: t.truncated,
-      error: t.error
-    });
-  }
-  function M(t) {
-    if (!l.value) {
-      p.set(t.queryId, t);
-      return;
-    }
-    E(t);
-  }
-  G(() => window.addEventListener("message", R)), oe(() => {
-    window.removeEventListener("message", R), O();
-  });
-  function P() {
-    l.value = !1, s = null, v = void 0, p.clear(), O();
-  }
-  return { ready: l, init: T, swapSections: a, pushParams: h, pushEnv: S, pushRows: M, reset: P };
-}
-const Me = { class: "flex h-full min-h-0 w-full" }, Oe = { class: "flex min-w-0 grow flex-col" }, Pe = { class: "flex items-start overflow-x-auto border-b border-fm-color-border-secondary px-16 py-8 scrollbar-hide" }, Ce = {
-  key: 0,
-  class: "fm-typo-en-body-xs-400 border-b border-fm-color-border-secondary bg-fm-color-system-warning-100 px-16 py-8"
-}, Ne = {
-  key: 1,
-  class: "fm-typo-en-body-sm-400 p-16 text-fm-color-typo-error"
-}, Te = ["src", "title"], je = /* @__PURE__ */ re({
-  __name: "ReportCanvasView",
-  setup(o) {
-    const c = ce(), { t: l } = le(), s = String(c.query.reportId ?? ""), p = N(), v = N(""), _ = N(), r = _e(s), { dateRange: i, selectedLocationIds: R, locations: I, timezone: g } = x(X()), y = ke(_, {
-      onSetParams: (a) => {
-        r.setParams(a) && y.pushParams(r.params.value);
-      },
-      onSectionRendered: (a, h) => void O(a, h, "ok"),
-      onSectionError: (a, h, S) => {
-        console.warn("[report-canvas] section failed", { reportId: s, sectionId: a, message: S }), O(a, h, "error", S);
-      }
-    });
-    r.onResult((a) => y.pushRows(a));
-    async function O(a, h, S, D) {
-      var P;
-      const E = (P = p.value) == null ? void 0 : P.sections.find((t) => t.id === a);
-      if (!E || h !== E.version) return;
-      const M = S === "error" ? D ?? "the section failed to render" : void 0;
-      if (!(E.status === S && E.error === M)) {
-        E.status = S, E.error = M;
-        try {
-          await ye(s, a, { version: h, status: S, error: M });
-        } catch (t) {
-          console.warn("[report-canvas] ack failed", { reportId: s, sectionId: a, err: t });
-        }
-      }
-    }
-    async function k() {
-      try {
-        v.value = "";
-        const a = await pe(s);
-        p.value = a, r.load(a), await y.init(a.sections, r.params.value, r.env());
-      } catch (a) {
-        v.value = a instanceof Error ? a.message : String(a);
-      }
-    }
-    L([i, R, I], () => {
-      if (!p.value) return;
-      r.setParams({
-        "@from": i.value.startDate ?? null,
-        "@to": i.value.endDate ?? null,
-        "@locationIds": R.value.length ? [...R.value] : I.value.map((h) => h.id)
-      }) && y.pushParams(r.params.value);
-    }), L([I, g], () => {
-      p.value && y.pushEnv(r.env());
-    });
-    const T = ae(
-      () => Object.values(r.results.value).some((a) => a.truncated)
-    );
-    return G(async () => {
-      await k();
-    }), (a, h) => (A(), U("div", Me, [
-      V("div", Oe, [
-        V("div", Pe, [
-          F(de, {
-            modelValue: C(R),
-            "onUpdate:modelValue": h[1] || (h[1] = (S) => H(R) ? R.value = S : null),
-            options: C(I)
-          }, {
-            default: ie(() => [
-              F(fe, {
-                "date-range": C(i),
-                "onUpdate:dateRange": h[0] || (h[0] = (S) => H(i) ? i.value = S : null)
-              }, null, 8, ["date-range"])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "options"])
-        ]),
-        T.value ? (A(), U("div", Ce, Y(C(l)("reportV5.reportCanvas.canvas.truncated")), 1)) : J("", !0),
-        v.value ? (A(), U("p", Ne, Y(v.value), 1)) : J("", !0),
-        se(V("iframe", {
-          ref_key: "frame",
-          ref: _,
-          "data-testid": "report-canvas-frame",
-          class: "min-h-0 grow border-0",
-          src: C(Ie),
-          sandbox: "allow-scripts",
-          title: C(l)("reportV5.reportCanvas.canvas.title")
-        }, null, 8, Te), [
-          [ue, !v.value]
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  je as default
-};