@feedmepos/mf-report 5.28.0 → 5.28.1

package/dist/{Layout-DS0XCT_E.js → Layout-Rr16bUkn.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as t, createBlock as r, openBlock as n, withCtx as _, createVNode as c } from "vue";
-import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-WGOOX2b8.js";
+import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-2PkkRpW_.js";
 const f = /* @__PURE__ */ o({
   __name: "Layout",
   setup(m) {

package/dist/{LocationSelect.vue_vue_type_script_setup_true_lang-DC9QYJk-.js → LocationSelect.vue_vue_type_script_setup_true_lang-BEUDpozo.js}

@@ -1,6 +1,6 @@
 import { defineComponent as Zt, mergeModels as du, useModel as tl, ref as ve, createElementBlock as ce, onMounted as ry, openBlock as N, Fragment as Ze, createBlock as de, createCommentVNode as Oe, unref as yt, computed as Ee, watch as Jn, resolveComponent as W, createElementVNode as ne, createVNode as R, renderList as jt, withCtx as Se, toDisplayString as Bn, renderSlot as nl, mergeProps as ay, normalizeClass as rl, normalizeStyle as iy, withModifiers as lu, nextTick as uy } from "vue";
-import { _ as oy } from "./DateRangeSelect-CRsKMi0U.js";
-import { a as sy } from "./app-Bjt_JuJi.js";
+import { _ as oy } from "./DateRangeSelect-TQA-9XXm.js";
+import { a as sy } from "./app-CVVEOyIu.js";
 import { useBreakpoints as ly, useDialog as cy, useDialogChild as fy } from "@feedmepos/ui-library";
 import { u as dy } from "./_plugin-vue_export-helper-C6QDExPN.js";
 const py = { class: "px-8" }, hy = { class: "max-h-[160px] overflow-y-auto" }, vy = /* @__PURE__ */ Zt({

package/dist/{MenuTab.vue_vue_type_script_setup_true_lang-nOukNXp3.js → MenuTab.vue_vue_type_script_setup_true_lang-Ca-Vlwmm.js}

@@ -1,11 +1,11 @@
 import { defineComponent as S, computed as w, watch as A, createElementBlock as k, openBlock as d, createElementVNode as C, createVNode as p, unref as t, isRef as g, withCtx as y, useModel as E, resolveComponent as x, normalizeClass as B, createBlock as b, createCommentVNode as I, Fragment as L, renderList as j, toDisplayString as q } from "vue";
-import { a as G, h as H, g as J, i as K, j as Q, k as M } from "./app-Bjt_JuJi.js";
+import { a as G, h as H, g as J, i as K, j as Q, k as M } from "./app-CVVEOyIu.js";
 import { storeToRefs as F } from "pinia";
-import { _ as X } from "./LocationSelect.vue_vue_type_script_setup_true_lang-DC9QYJk-.js";
-import { D as Y } from "./DateRangeSelect-CRsKMi0U.js";
-import { f as Z, _ as h } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CMioHpn1.js";
+import { _ as X } from "./LocationSelect.vue_vue_type_script_setup_true_lang-BEUDpozo.js";
+import { D as Y } from "./DateRangeSelect-TQA-9XXm.js";
+import { f as Z, _ as h } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Ddimiuh3.js";
 import { useRoute as ee } from "vue-router";
-import { u as te, o as ae } from "./report-DjGDWvm3.js";
+import { u as te, o as ae } from "./report-35Rm6TvO.js";
 import { useBreakpoints as oe } from "@feedmepos/ui-library";
 const ne = { class: "flex flex-col gap-2 overflow-x-auto overflow-y-hidden scrollbar-hide" }, le = { class: "flex flex-col gap-2 py-2" }, re = /* @__PURE__ */ S({
   __name: "Filter",

package/dist/{NavigationTab.vue_vue_type_script_setup_true_lang-DXNbt08D.js → NavigationTab.vue_vue_type_script_setup_true_lang-IJ7NUGbC.js}

@@ -4,15 +4,15 @@ var wn = (e, t, r) => so(e, typeof t != "symbol" ? t + "" : t, r);
 import { defineComponent as Ur, computed as Ne, useModel as ta, ref as xe, watch as ct, resolveComponent as ye, createBlock as Ge, unref as b, openBlock as fe, withCtx as De, createElementVNode as q, createVNode as re, toDisplayString as me, withDirectives as Aa, createElementBlock as be, Fragment as gr, renderList as wr, vShow as $a, createTextVNode as Hr, mergeModels as fn, createCommentVNode as Je, normalizeClass as Va, onMounted as b2, withKeys as x2, withModifiers as en, isRef as st, vModelText as P2, normalizeStyle as Ti, resolveDynamicComponent as ii, createSlots as io } from "vue";
 import { useRouter as S2, useRoute as O2 } from "vue-router";
 import { storeToRefs as Lr, defineStore as ki } from "pinia";
-import { u as Ha, w as Kt, E as mt, y as rn, z as Vn, v as fo, o as lo, A as oo } from "./report-DjGDWvm3.js";
+import { u as Ha, w as Kt, E as mt, y as rn, z as Vn, v as fo, o as lo, A as oo } from "./report-35Rm6TvO.js";
 import { useBreakpoints as Ls, components as ha, useSnackbar as ga, FmButtonVariant as c0 } from "@feedmepos/ui-library";
 import { u as ft, _ as D2 } from "./_plugin-vue_export-helper-C6QDExPN.js";
 import { a as u0 } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { C as dr, g as co, a as Qt, b as I2, D as L2 } from "./DateRangeSelect-CRsKMi0U.js";
-import { u as wt, F as yt, X as un, a as wa, d as Ze, q as Gn, Y as F2, Z as uo, z as Ao, e as ho, n as yn, r as V2, c as po, _ as vo } from "./app-Bjt_JuJi.js";
+import { C as dr, g as co, a as Qt, b as I2, D as L2 } from "./DateRangeSelect-TQA-9XXm.js";
+import { u as wt, F as yt, X as un, a as wa, d as Ze, q as Gn, Y as F2, Z as uo, z as Ao, e as ho, n as yn, r as V2, c as po, _ as vo } from "./app-CVVEOyIu.js";
 import { detectLocale as mo, useCoreStore as go } from "@feedmepos/mf-common";
-import { k as A0, l as wo, f as Ci, a as yo, _ as N2, i as To, r as ko, R as Nt, m as Co } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CMioHpn1.js";
-import { _ as M2 } from "./LocationSelect.vue_vue_type_script_setup_true_lang-DC9QYJk-.js";
+import { k as A0, l as wo, f as Ci, a as yo, _ as N2, i as To, r as ko, R as Nt, m as Co } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Ddimiuh3.js";
+import { _ as M2 } from "./LocationSelect.vue_vue_type_script_setup_true_lang-BEUDpozo.js";
 import { p as Eo } from "./index-CtZE4sab.js";
 const bo = { class: "flex flex-col" }, xo = { class: "fm-typo-en-title-sm-600" }, Po = { class: "grow" }, So = { class: "flex flex-col gap-8" }, Oo = { class: "flex flex-col w-full" }, Do = { class: "flex flex-col gap-5 p-6" }, Io = { class: "flex" }, h0 = {
   // sales: [

package/dist/{OverviewView-BkIozvMs.js → OverviewView-D5q_5KwX.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, computed as s, resolveComponent as w, createBlock as l, openBlock as i, withCtx as y, createVNode as p, createElementVNode as c, unref as e, normalizeStyle as k, normalizeClass as b } from "vue";
-import { _ as h } from "./TilePageStack.vue_vue_type_script_setup_true_lang-CzggUdfI.js";
-import { u as I, l as $ } from "./report-DjGDWvm3.js";
-import { _ as C } from "./Default.vue_vue_type_script_setup_true_lang-WGOOX2b8.js";
+import { _ as h } from "./TilePageStack.vue_vue_type_script_setup_true_lang-ByOoDTHP.js";
+import { u as I, l as $ } from "./report-35Rm6TvO.js";
+import { _ as C } from "./Default.vue_vue_type_script_setup_true_lang-2PkkRpW_.js";
 import { storeToRefs as B } from "pinia";
 import { _ as z } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
 import { useBreakpoints as P } from "@feedmepos/ui-library";
-import { _ as R } from "./MenuTab.vue_vue_type_script_setup_true_lang-nOukNXp3.js";
+import { _ as R } from "./MenuTab.vue_vue_type_script_setup_true_lang-Ca-Vlwmm.js";
 import { useI18n as S } from "@feedmepos/mf-common";
 import { r as V } from "./i18n-DbyciK4x.js";
 const D = { class: "sticky top-0 z-10 bg-white" }, K = /* @__PURE__ */ g({

package/dist/{Report-HiSGRNhn.js → Report-CDk8BkDF.js}

@@ -1,12 +1,12 @@
 import { defineComponent as Ie, ref as Q, watch as de, computed as h, h as d, withModifiers as Fe, resolveComponent as x, createBlock as W, openBlock as T, withCtx as m, createVNode as i, createElementVNode as g, unref as e, normalizeStyle as Oe, normalizeClass as y, withDirectives as fe, createElementBlock as Pe, Fragment as Le, renderList as Ne, toDisplayString as _, createTextVNode as Ve, vShow as ye } from "vue";
 import { storeToRefs as ve } from "pinia";
-import { u as Ae } from "./report-DjGDWvm3.js";
-import { _ as Te } from "./Default.vue_vue_type_script_setup_true_lang-WGOOX2b8.js";
+import { u as Ae } from "./report-35Rm6TvO.js";
+import { _ as Te } from "./Default.vue_vue_type_script_setup_true_lang-2PkkRpW_.js";
 import { u as Je } from "./message-dialog-UoMWOnil.js";
 import { u as ze } from "./global-loader-BuxFfehu.js";
 import { useSnackbar as Be, useBreakpoints as Ue, components as Ee, FmButtonColorThemeVariant as Ke } from "@feedmepos/ui-library";
 import { _ as Me } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { c as Ye, a as ge, h as qe } from "./app-Bjt_JuJi.js";
+import { c as Ye, a as ge, h as qe } from "./app-CVVEOyIu.js";
 import { useRouter as je, useRoute as Ge, onBeforeRouteLeave as He } from "vue-router";
 import { useI18n as Qe } from "@feedmepos/mf-common";
 import { r as X } from "./i18n-DbyciK4x.js";

package/dist/{report-canvas-frame.html → ReportCanvasView-BNy6YAj6.js}

@@ -1,4 +1,245 @@
-<meta charset="utf-8" />
+import { ref as q, shallowRef as en, onMounted as W, onBeforeUnmount as tn, defineComponent as rn, watch as H, computed as on, createElementBlock as T, openBlock as L, createElementVNode as P, createCommentVNode as U, withDirectives as an, createVNode as V, unref as j, isRef as F, withCtx as sn, toDisplayString as J, vShow as dn } from "vue";
+import { useRoute as cn } from "vue-router";
+import { u as ln } from "./_plugin-vue_export-helper-C6QDExPN.js";
+import { storeToRefs as N } from "pinia";
+import { _ as un } from "./LocationSelect.vue_vue_type_script_setup_true_lang-BEUDpozo.js";
+import { D as fn } from "./DateRangeSelect-TQA-9XXm.js";
+import { F as B, r as D, u as G, a as X, a0 as mn } from "./app-CVVEOyIu.js";
+function $(r) {
+  const { businessId: c } = N(G());
+  if (!c.value) throw new Error("Business Id is not defined");
+  return `/${c.value}/report-canvas/${r}`;
+}
+const pn = (r) => {
+  const c = {
+    fetchType: B.Get,
+    url: $(r)
+  };
+  return D.fetch(c);
+}, gn = (r, c, l, s) => {
+  const p = {
+    fetchType: B.Post,
+    url: `${$(r)}/query/${c}`,
+    data: { params: l, timezone: s }
+  };
+  return D.fetch(p);
+}, hn = (r, c, l) => {
+  const s = {
+    fetchType: B.Post,
+    url: `${$(r)}/section/${c}/ack`,
+    data: l
+  };
+  return D.fetch(s);
+}, vn = ["@from", "@to", "@locationIds", "@timezone"], bn = ["@from", "@to", "@locationIds"], yn = 1, xn = 1500;
+function wn(r) {
+  if (!(!(r instanceof mn) || r.status !== 429))
+    return Math.min(Math.max(r.retryAfterMs ?? xn, 500), 5e3);
+}
+const kn = {
+  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 K(r) {
+  return r == null ? !0 : Array.isArray(r) ? r.length === 0 : r === "";
+}
+function In(r) {
+  const c = X(), { dateRange: l, selectedLocationIds: s, locations: p, timezone: g } = N(c), { country: I } = N(G()), o = q({}), i = en({}), w = q([]), S = [], y = {}, h = {};
+  function C(n) {
+    S.push(n);
+  }
+  function O(n) {
+    i.value = { ...i.value, [n.queryId]: n }, S.forEach((t) => t(n));
+  }
+  function _(n) {
+    const t = {};
+    for (const m of n.params)
+      t[m.name] = m.default ?? null;
+    t["@from"] = l.value.startDate ?? null, t["@to"] = l.value.endDate ?? null, t["@timezone"] = g.value, t["@locationIds"] = s.value.length ? [...s.value] : p.value.map((m) => m.id), o.value = t;
+  }
+  function a() {
+    return {
+      locations: p.value.map((n) => ({
+        id: n.id,
+        name: n.name || n.id,
+        code: n.code
+      })),
+      timezone: g.value,
+      locale: navigator.language || "en-US",
+      currency: kn[(I.value || "").toUpperCase()] ?? ""
+    };
+  }
+  function v(n) {
+    return JSON.stringify(n.dependsOn.map((t) => o.value[t] ?? null));
+  }
+  function x(n) {
+    return !!n.lazy && n.dependsOn.some((t) => K(o.value[t] ?? null));
+  }
+  function A() {
+    return !bn.some((n) => n in o.value && K(o.value[n] ?? null));
+  }
+  async function E(n) {
+    var m;
+    const t = (y[n.id] ?? 0) + 1;
+    y[n.id] = t, O({
+      queryId: n.id,
+      runId: t,
+      status: "loading",
+      rows: ((m = i.value[n.id]) == null ? void 0 : m.rows) ?? [],
+      truncated: !1
+    });
+    for (let k = 0; ; k++)
+      try {
+        const b = await gn(
+          r,
+          n.id,
+          o.value,
+          g.value
+        );
+        if (y[n.id] !== t) return;
+        O({
+          queryId: n.id,
+          runId: t,
+          status: "ok",
+          rows: b.rows ?? [],
+          truncated: !!b.truncated
+        });
+        return;
+      } catch (b) {
+        if (y[n.id] !== t) return;
+        const f = wn(b);
+        if (f !== void 0 && k < yn) {
+          if (await new Promise((d) => setTimeout(d, f)), y[n.id] !== t) return;
+          continue;
+        }
+        O({
+          queryId: n.id,
+          runId: t,
+          status: "error",
+          rows: [],
+          truncated: !1,
+          error: b instanceof Error ? b.message : String(b)
+        });
+        return;
+      }
+  }
+  function R(n = {}) {
+    var m, k, b;
+    const t = !A();
+    for (const f of w.value) {
+      if (x(f)) {
+        delete h[f.id], ((m = i.value[f.id]) == null ? void 0 : m.status) !== "idle" && O({
+          queryId: f.id,
+          runId: y[f.id] ?? 0,
+          status: "idle",
+          rows: [],
+          truncated: !1
+        });
+        continue;
+      }
+      if (t) {
+        ((k = i.value[f.id]) == null ? void 0 : k.status) !== "loading" && O({
+          queryId: f.id,
+          runId: y[f.id] ?? 0,
+          status: "loading",
+          rows: ((b = i.value[f.id]) == null ? void 0 : b.rows) ?? [],
+          truncated: !1
+        });
+        continue;
+      }
+      const d = v(f);
+      !n.force && h[f.id] === d || (h[f.id] = d, E(f));
+    }
+  }
+  function M(n) {
+    const t = { ...o.value };
+    let m = !1;
+    for (const [k, b] of Object.entries(n))
+      k in t && JSON.stringify(t[k] ?? null) !== JSON.stringify(b ?? null) && (t[k] = b, m = !0);
+    return m ? (o.value = t, R(), !0) : !1;
+  }
+  function e(n) {
+    w.value = n.queries, i.value = {};
+    for (const t of Object.keys(y)) delete y[t];
+    for (const t of Object.keys(h)) delete h[t];
+    _(n), R();
+  }
+  function u(n, t = []) {
+    w.value = n.queries;
+    const m = JSON.stringify(o.value), k = {};
+    for (const d of n.params)
+      k[d.name] = d.name in o.value ? o.value[d.name] : d.default ?? null;
+    o.value = k;
+    const b = new Set(n.queries.map((d) => d.id));
+    for (const d of Object.keys(y)) b.has(d) || delete y[d];
+    for (const d of Object.keys(h)) b.has(d) || delete h[d];
+    const f = Object.keys(i.value).filter((d) => !b.has(d));
+    if (f.length) {
+      const d = { ...i.value };
+      for (const nn of f) delete d[nn];
+      i.value = d;
+    }
+    for (const d of t) delete h[d];
+    return R(), JSON.stringify(o.value) !== m;
+  }
+  return {
+    params: o,
+    results: i,
+    queries: w,
+    env: a,
+    load: e,
+    applyCanvas: u,
+    run: R,
+    setParams: M,
+    onResult: C,
+    RESERVED: vn
+  };
+}
+function En(r) {
+  const c = r.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 Z = {
+  "chart.js@4": "chart.js-4.js",
+  "fm-ui@1": "fm-ui-1.js"
+}, z = /* @__PURE__ */ new Map();
+function Sn(r) {
+  return En(`report-canvas-libs/${Z[r]}`);
+}
+async function Y(r) {
+  const c = [...new Set(r)].filter((s) => Z[s]), l = {};
+  return await Promise.all(
+    c.map(async (s) => {
+      if (!z.has(s)) {
+        const g = await fetch(Sn(s));
+        if (!g.ok) return;
+        z.set(s, await g.text());
+      }
+      const p = z.get(s);
+      p && (l[s] = p);
+    })
+  ), l;
+}
+const On = `<meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <!--
   Runtime shell for AI-written report sections. Loaded into ONE iframe per report with
@@ -492,8 +733,8 @@
 
     /**
      * Section code shares this window and can call parent.postMessage itself, so a render
-     * outcome carries a nonce only this closure holds — never on `window`, never in the DOM.
-     * The host learns it from `ready` and drops any ack without it.
+     * outcome carries a nonce only this closure holds — never on \`window\`, never in the DOM.
+     * The host learns it from \`ready\` and drops any ack without it.
      */
     var NONCE = (function () {
       try {
@@ -561,7 +802,7 @@
     }
 
     function renderMarkdown(source) {
-      var lines = escapeHtml(String(source || "")).split(/\r?\n/)
+      var lines = escapeHtml(String(source || "")).split(/\\r?\\n/)
       var out = []
       var list = null
       function closeList() {
@@ -572,9 +813,9 @@
       }
       for (var i = 0; i < lines.length; i++) {
         var line = lines[i]
-        var heading = /^(#{1,3})\s+(.*)$/.exec(line)
-        var bullet = /^\s*[-*]\s+(.*)$/.exec(line)
-        var numbered = /^\s*\d+\.\s+(.*)$/.exec(line)
+        var heading = /^(#{1,3})\\s+(.*)$/.exec(line)
+        var bullet = /^\\s*[-*]\\s+(.*)$/.exec(line)
+        var numbered = /^\\s*\\d+\\.\\s+(.*)$/.exec(line)
         if (heading) {
           closeList()
           var level = heading[1].length
@@ -599,10 +840,10 @@
 
     function inline(text) {
       return text
-        .replace(/`([^`]+)`/g, "<code>$1</code>")
-        .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
-        .replace(/(^|[^*])\*([^*]+)\*/g, "$1<em>$2</em>")
-        .replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+|mailto:[^)\s]+)\)/g, function (_all, label, href) {
+        .replace(/\`([^\`]+)\`/g, "<code>$1</code>")
+        .replace(/\\*\\*([^*]+)\\*\\*/g, "<strong>$1</strong>")
+        .replace(/(^|[^*])\\*([^*]+)\\*/g, "$1<em>$2</em>")
+        .replace(/\\[([^\\]]+)\\]\\((https?:\\/\\/[^)\\s]+|mailto:[^)\\s]+)\\)/g, function (_all, label, href) {
           return '<a href="' + href + '" target="_blank" rel="noreferrer noopener">' + label + "</a>"
         })
     }
@@ -637,8 +878,8 @@
 
     /**
      * Sections share one DOM and one CSS cascade on purpose, but top-level JS is wrapped
-     * so two sections cannot collide on a `const` — they share state through `window`.
-     * Always attempts the persisted source, even one saved as `status: "error"`: that is
+     * so two sections cannot collide on a \`const\` — they share state through \`window\`.
+     * Always attempts the persisted source, even one saved as \`status: "error"\`: that is
      * what "restore last good source" means, and a genuinely broken one throws and re-acks.
      */
     function mountSection(section) {
@@ -670,7 +911,7 @@
         // Inline scripts throw past the caller's try/catch, so wrap the source itself.
         scripts.forEach(function (code, index) {
           var tag = document.createElement("script")
-          tag.textContent = "try{(function(){\n" + code + "\n})()}catch(e){window.FM.__err(e)}"
+          tag.textContent = "try{(function(){\\n" + code + "\\n})()}catch(e){window.FM.__err(e)}"
           el.appendChild(tag)
           void index
         })
@@ -766,7 +1007,7 @@
     /**
      * Every report gets the same loading affordance, so no section hand-rolls one: a scrim
      * over each section whose declared query is in flight, plus one bar for the report.
-     * Only `loading` counts — an idle lazy query keeps the empty state it was designed with,
+     * Only \`loading\` counts — an idle lazy query keeps the empty state it was designed with,
      * and a query the shell has not heard about yet is not assumed to be running.
      */
     function paintBusy() {
@@ -860,7 +1101,7 @@
           params = data.values || {}
           Object.keys(subs).forEach(notify)
           break
-        // Mutated in place, never replaced: sections captured `env` at mount and a new
+        // Mutated in place, never replaced: sections captured \`env\` at mount and a new
         // object would leave every one of them reading the empty first snapshot.
         case "env":
           Object.keys(env).forEach(function (key) { delete env[key] })
@@ -885,4 +1126,211 @@
 
     post({ type: "ready", nonce: NONCE })
   })()
-</script>
+<\/script>
+`, Rn = On, Q = 8e3;
+function Cn(r, c) {
+  const l = q(!1);
+  let s = null;
+  const p = /* @__PURE__ */ new Map();
+  let g;
+  const I = /* @__PURE__ */ new Map();
+  function o() {
+    var e;
+    return ((e = r.value) == null ? void 0 : e.contentWindow) ?? null;
+  }
+  function i(e) {
+    var u;
+    (u = o()) == null || u.postMessage(JSON.parse(JSON.stringify(e)), "*");
+  }
+  function w(e) {
+    const u = o();
+    if (!u || e.source !== u) return;
+    const n = e.data;
+    if (!(!n || typeof n != "object"))
+      switch (n.type) {
+        case "ready":
+          if (l.value) return;
+          g = n.nonce, l.value = !0, s == null || s(), s = null, A();
+          break;
+        case "setParams":
+          c.onSetParams(n.values ?? {});
+          break;
+        case "rendered":
+          if (!S(n)) return;
+          h(n.sectionId, n.version), c.onSectionRendered(n.sectionId, n.version);
+          break;
+        case "error":
+          if (!S(n)) return;
+          h(n.sectionId, n.version), c.onSectionError(n.sectionId, n.version, n.message);
+          break;
+      }
+  }
+  function S(e) {
+    return !g || e.nonce === g ? !0 : (console.warn("[report-canvas] dropped a render outcome without the shell nonce"), !1);
+  }
+  function y(e, u) {
+    return `${e}@${u}`;
+  }
+  function h(e, u) {
+    if (u === void 0) return;
+    const n = y(e, u), t = I.get(n);
+    t !== void 0 && (clearTimeout(t), I.delete(n));
+  }
+  function C() {
+    I.forEach((e) => clearTimeout(e)), I.clear();
+  }
+  function O(e) {
+    for (const u of e) {
+      const n = y(u.id, u.version);
+      I.has(n) || I.set(
+        n,
+        setTimeout(() => {
+          I.delete(n), c.onSectionError(
+            u.id,
+            u.version,
+            `the section did not report a render within ${Q}ms`
+          );
+        }, Q)
+      );
+    }
+  }
+  async function _(e, u, n) {
+    const t = await Y(e.flatMap((k) => k.libs ?? [])), m = () => {
+      i({ type: "init", sections: e, params: u, libs: t, env: n }), C(), O(e);
+    };
+    l.value ? m() : s = m;
+  }
+  async function a(e) {
+    const u = await Y(e.flatMap((n) => n.libs ?? []));
+    i({ type: "sections", sections: e, libs: u }), O(e);
+  }
+  function v(e) {
+    i({ type: "params", values: e });
+  }
+  function x(e) {
+    i({ type: "env", env: e });
+  }
+  function A() {
+    const e = [...p.values()];
+    p.clear(), e.forEach(E);
+  }
+  function E(e) {
+    i({
+      type: "rows",
+      queryId: e.queryId,
+      runId: e.runId,
+      rows: e.rows,
+      status: e.status,
+      truncated: e.truncated,
+      error: e.error
+    });
+  }
+  function R(e) {
+    if (!l.value) {
+      p.set(e.queryId, e);
+      return;
+    }
+    E(e);
+  }
+  W(() => window.addEventListener("message", w)), tn(() => {
+    window.removeEventListener("message", w), C();
+  });
+  function M() {
+    l.value = !1, s = null, g = void 0, p.clear(), C();
+  }
+  return { ready: l, init: _, swapSections: a, pushParams: v, pushEnv: x, pushRows: R, reset: M };
+}
+const Mn = { class: "flex h-full min-h-0 w-full" }, jn = { class: "flex min-w-0 grow flex-col" }, qn = { class: "flex items-start overflow-x-auto border-b border-fm-color-border-secondary px-16 py-8 scrollbar-hide" }, _n = {
+  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"
+}, An = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 p-16 text-fm-color-typo-error"
+}, Nn = ["srcdoc", "title"], Hn = /* @__PURE__ */ rn({
+  __name: "ReportCanvasView",
+  setup(r) {
+    const c = cn(), { t: l } = ln(), s = String(c.query.reportId ?? ""), p = q(), g = q(""), I = q(), o = In(s), { dateRange: i, selectedLocationIds: w, locations: S, timezone: y } = N(X()), h = Cn(I, {
+      onSetParams: (a) => {
+        o.setParams(a) && h.pushParams(o.params.value);
+      },
+      onSectionRendered: (a, v) => void C(a, v, "ok"),
+      onSectionError: (a, v, x) => {
+        console.warn("[report-canvas] section failed", { reportId: s, sectionId: a, message: x }), C(a, v, "error", x);
+      }
+    });
+    o.onResult((a) => h.pushRows(a));
+    async function C(a, v, x, A) {
+      var M;
+      const E = (M = p.value) == null ? void 0 : M.sections.find((e) => e.id === a);
+      if (!E || v !== E.version) return;
+      const R = x === "error" ? A ?? "the section failed to render" : void 0;
+      if (!(E.status === x && E.error === R)) {
+        E.status = x, E.error = R;
+        try {
+          await hn(s, a, { version: v, status: x, error: R });
+        } catch (e) {
+          console.warn("[report-canvas] ack failed", { reportId: s, sectionId: a, err: e });
+        }
+      }
+    }
+    async function O() {
+      try {
+        g.value = "";
+        const a = await pn(s);
+        p.value = a, o.load(a), await h.init(a.sections, o.params.value, o.env());
+      } catch (a) {
+        g.value = a instanceof Error ? a.message : String(a);
+      }
+    }
+    H([i, w, S], () => {
+      if (!p.value) return;
+      o.setParams({
+        "@from": i.value.startDate ?? null,
+        "@to": i.value.endDate ?? null,
+        "@locationIds": w.value.length ? [...w.value] : S.value.map((v) => v.id)
+      }) && h.pushParams(o.params.value);
+    }), H([S, y], () => {
+      p.value && h.pushEnv(o.env());
+    });
+    const _ = on(
+      () => Object.values(o.results.value).some((a) => a.truncated)
+    );
+    return W(async () => {
+      await O();
+    }), (a, v) => (L(), T("div", Mn, [
+      P("div", jn, [
+        P("div", qn, [
+          V(un, {
+            modelValue: j(w),
+            "onUpdate:modelValue": v[1] || (v[1] = (x) => F(w) ? w.value = x : null),
+            options: j(S)
+          }, {
+            default: sn(() => [
+              V(fn, {
+                "date-range": j(i),
+                "onUpdate:dateRange": v[0] || (v[0] = (x) => F(i) ? i.value = x : null)
+              }, null, 8, ["date-range"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "options"])
+        ]),
+        _.value ? (L(), T("div", _n, J(j(l)("reportV5.reportCanvas.canvas.truncated")), 1)) : U("", !0),
+        g.value ? (L(), T("p", An, J(g.value), 1)) : U("", !0),
+        an(P("iframe", {
+          ref_key: "frame",
+          ref: I,
+          "data-testid": "report-canvas-frame",
+          class: "min-h-0 grow border-0",
+          srcdoc: j(Rn),
+          sandbox: "allow-scripts",
+          title: j(l)("reportV5.reportCanvas.canvas.title")
+        }, null, 8, Nn), [
+          [dn, !g.value]
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Hn as default
+};

package/dist/{ReportEditor-B4tyVB8s.js → ReportEditor-JAgqGYhA.js}

@@ -1,6 +1,6 @@
 import { defineComponent as we, mergeModels as ke, useModel as Te, ref as E, computed as g, resolveComponent as C, createBlock as x, openBlock as c, withCtx as w, createElementVNode as v, createVNode as u, unref as l, normalizeClass as Le, createTextVNode as Ae, toDisplayString as U, createElementBlock as M, Fragment as he, renderSlot as gt, createCommentVNode as I, watch as pe, renderList as Ee, onMounted as bt, onUnmounted as Dt, resolveDynamicComponent as It, isRef as yt, normalizeStyle as rt } from "vue";
-import { W as Ot, g as Ut, _ as Nt, a as Bt, e as De, S as We, d as ht, b as wt, T as Mt, c as Rt } from "./TransitionFade-D-8BYs6T.js";
-import { C as xe, D as te, b as ze, F as Je, c as Ie, u as it, i as Pe, d as ce, M as _t, r as zt, e as et, n as Pt, f as qt, g as Et, h as Lt, j as Gt, k as Wt, m as At, a as Ht, o as mt, p as tt, q as jt, Q as Ke, l as Jt, s as Kt } from "./report-DjGDWvm3.js";
+import { W as Ot, g as Ut, _ as Nt, a as Bt, e as De, S as We, d as ht, b as wt, T as Mt, c as Rt } from "./TransitionFade-DVVKEBlH.js";
+import { C as xe, D as te, b as ze, F as Je, c as Ie, u as it, i as Pe, d as ce, M as _t, r as zt, e as et, n as Pt, f as qt, g as Et, h as Lt, j as Gt, k as Wt, m as At, a as Ht, o as mt, p as tt, q as jt, Q as Ke, l as Jt, s as Kt } from "./report-35Rm6TvO.js";
 import { storeToRefs as qe } from "pinia";
 import { useRouter as st, useRoute as ut } from "vue-router";
 import { useBreakpoints as Qe, useSnackbar as Ft, FmButtonColorThemeVariant as Ce } from "@feedmepos/ui-library";
@@ -8,13 +8,13 @@ import { u as dt } from "./message-dialog-UoMWOnil.js";
 import { u as Qt } from "./global-loader-BuxFfehu.js";
 import { u as Ge } from "./_plugin-vue_export-helper-C6QDExPN.js";
 import { r as He } from "./i18n-DbyciK4x.js";
-import { _ as lt } from "./TilePageStack.vue_vue_type_script_setup_true_lang-CzggUdfI.js";
+import { _ as lt } from "./TilePageStack.vue_vue_type_script_setup_true_lang-ByOoDTHP.js";
 import { a as ot, _ as at } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { d as Yt, e as Xt, i as Zt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CQM-l5Rk.js";
-import { g as el, d as tl, _ as ct } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CMioHpn1.js";
+import { d as Yt, e as Xt, i as Zt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BpZh4FDA.js";
+import { g as el, d as tl, _ as ct } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Ddimiuh3.js";
 import { useCoreStore as ll } from "@feedmepos/mf-common";
-import { u as ol, a as al } from "./app-Bjt_JuJi.js";
-import { d as rl } from "./DateRangeSelect-CRsKMi0U.js";
+import { u as ol, a as al } from "./app-CVVEOyIu.js";
+import { d as rl } from "./DateRangeSelect-TQA-9XXm.js";
 const nl = /* @__PURE__ */ we({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ ke({