@feedmepos/mf-report 5.33.3 → 5.34.1-beta.0

package/dist/{InsightView-CF8mQJha.js → InsightView-CZOStmyJ.js}

@@ -1,16 +1,16 @@
-import { ref as I, defineComponent as S, watch as P, computed as $, onMounted as de, createElementBlock as r, openBlock as o, createElementVNode as s, renderSlot as J, toDisplayString as C, resolveDirective as K, createCommentVNode as D, Fragment as z, renderList as N, createBlock as R, withDirectives as T, resolveDynamicComponent as U, unref as m, withCtx as B, createVNode as p, normalizeClass as W, resolveComponent as M, useModel as ce, createTextVNode as ue, isRef as j, nextTick as fe } from "vue";
-import { _ as me } from "./Default.vue_vue_type_script_setup_true_lang-CC7fE3F8.js";
-import { D as ge } from "./DateRangeSelect-XyU5XG5c.js";
-import { d as E, u as Q, F as ee, q as te, a as pe, j as ve, h as H, p as he, s as ye, v as we } from "./app-LKjvcmXa.js";
+import { ref as I, defineComponent as S, watch as P, computed as $, onMounted as de, openBlock as o, createElementBlock as i, createElementVNode as s, renderSlot as J, toDisplayString as C, resolveDirective as K, Fragment as z, renderList as N, createBlock as R, resolveDynamicComponent as U, unref as m, withCtx as B, withDirectives as T, createVNode as p, createCommentVNode as D, normalizeClass as W, resolveComponent as M, useModel as ce, createTextVNode as ue, isRef as j, nextTick as fe } from "vue";
+import { _ as me } from "./Default.vue_vue_type_script_setup_true_lang-CvM5oewZ.js";
+import { D as ge } from "./DateRangeSelect-Cre6UJLD.js";
+import { d as E, u as Q, F as ee, q as te, a as pe, j as ve, h as H, p as he, s as ye, v as xe } from "./app-BmNusIzI.js";
 import { storeToRefs as ae } from "pinia";
-import { C as le, r as xe } from "./chart-BywXiz4O.js";
+import { C as le, r as we } from "./chart-DU0N9V2o.js";
 import { components as Y, useSnackbar as be } from "@feedmepos/ui-library";
-import { u as se } from "./_plugin-vue_export-helper-C6QDExPN.js";
+import { u as se } from "./_plugin-vue_export-helper-Bx7s49ra.js";
 import { c as X } from "./index-CtZE4sab.js";
-import { _ as Ce } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { _ as ke } from "./LocationSelect.vue_vue_type_script_setup_true_lang-zW8JA7j3.js";
+import { _ as Ce } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Cxx-TQz9.js";
+import { _ as ke } from "./LocationSelect.vue_vue_type_script_setup_true_lang-CJCSJkT_.js";
 import { useCoreStore as _e } from "@feedmepos/mf-common";
-import { G as $e } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BVWZ8vTw.js";
+import { G as $e } from "./NavigationTab.vue_vue_type_script_setup_true_lang-CKaMBQka.js";
 function Ae({ start: e, end: t }) {
   return `${E(t).format("DD MMM")}, ${E(t).format("YYYY")}`;
 }
@@ -38,7 +38,7 @@ const De = async (e) => {
   };
   return te.fetch(a);
 };
-le.register(...xe);
+le.register(...we);
 const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "flex flex-col gap-8" }, Be = { class: "fm-color-typo-primary fm-typo-en-body-lg-400" }, Ve = { class: "fm-color-typo-secondary fm-typo-en-body-md-400" }, Se = { class: "grow" }, Pe = /* @__PURE__ */ S({
   __name: "LineChart",
   props: {
@@ -65,28 +65,28 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
         () => t.legend
       ],
       () => {
-        l && l.config.options && (l.destroy(), d());
+        l && l.config.options && (l.destroy(), r());
       }
     );
-    const n = $(() => t.transpose ? "y" : "x"), w = $(() => ({
+    const n = $(() => t.transpose ? "y" : "x"), x = $(() => ({
       labels: t.xAxis.categories,
-      datasets: t.datasets.map((i) => ({
-        ...i,
-        borderDash: i.dash ? [5, 5] : void 0,
-        tension: i.tension || 0.1
+      datasets: t.datasets.map((d) => ({
+        ...d,
+        borderDash: d.dash ? [5, 5] : void 0,
+        tension: d.tension || 0.1
       }))
     }));
     P(
-      w,
+      x,
       () => {
-        l && (l.data = w.value, l.update());
+        l && (l.data = x.value, l.update());
       },
       { deep: !0 }
     );
-    function d() {
+    function r() {
       a.value && (l = new le(a.value, {
         type: "line",
-        data: w.value,
+        data: x.value,
         options: {
           plugins: {
             legend: t.legend || {
@@ -137,12 +137,12 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
       }));
     }
     return de(() => {
-      d();
-    }), (i, k) => (o(), r("div", Re, [
+      r();
+    }), (d, k) => (o(), i("div", Re, [
       s("div", Ie, [
-        J(i.$slots, "title"),
-        s("div", Be, C(i.name), 1),
-        s("div", Ve, C(i.paragraph), 1)
+        J(d.$slots, "title"),
+        s("div", Be, C(e.name), 1),
+        s("div", Ve, C(e.paragraph), 1)
       ]),
       s("div", Se, [
         s("canvas", {
@@ -166,7 +166,7 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
   },
   setup(e) {
     const t = e, a = $(() => `${t.size}px`);
-    return (l, n) => (o(), r("svg", {
+    return (l, n) => (o(), i("svg", {
       width: a.value,
       height: a.value,
       viewBox: "0 0 24 24",
@@ -217,44 +217,44 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
   },
   setup(e) {
     const t = I(0), a = I(), l = e;
-    function n(d) {
-      var i;
+    function n(r) {
+      var d;
       if (a.value) {
-        const k = (((i = a.value) == null ? void 0 : i.scrollWidth) ?? 1) / l.items.length;
-        a.value.scrollLeft = k * d;
+        const k = (((d = a.value) == null ? void 0 : d.scrollWidth) ?? 1) / l.items.length;
+        a.value.scrollLeft = k * r;
       }
-      t.value = d;
+      t.value = r;
     }
     P(
       () => a.value,
       () => {
-        var d;
+        var r;
         if (a.value) {
-          const i = ((((d = a.value) == null ? void 0 : d.scrollWidth) ?? 1) - 400) / l.items.length;
+          const d = ((((r = a.value) == null ? void 0 : r.scrollWidth) ?? 1) - 400) / l.items.length;
           a.value.addEventListener("scroll", () => {
             var g;
-            const k = Math.floor((((g = a.value) == null ? void 0 : g.scrollLeft) ?? 1) / i);
+            const k = Math.floor((((g = a.value) == null ? void 0 : g.scrollLeft) ?? 1) / d);
             t.value = k;
           });
         }
       }
     );
-    const { FmTooltip: w } = Y;
-    return (d, i) => {
+    const { FmTooltip: x } = Y;
+    return (r, d) => {
       const k = K("wave");
-      return o(), r("div", ze, [
+      return o(), i("div", ze, [
         s("p", Ne, C(l.title), 1),
         s("div", {
           ref_key: "scroll",
           ref: a,
           class: "flex gap-8 overflow-x-scroll snap-x snap-mandatory w-full scrollbar-hide"
         }, [
-          (o(!0), r(z, null, N(l.items, (g, c) => (o(), r("div", {
+          (o(!0), i(z, null, N(l.items, (g, c) => (o(), i("div", {
             key: `reason_${c}`,
             class: "min-w-[368px] border rounded-lg p-16 snap-always snap-center flex gap-8 flex-col"
           }, [
             s("div", Ee, [
-              (o(), R(U(g.defination ? m(w) : "div"), {
+              (o(), R(U(g.defination ? m(x) : "div"), {
                 content: g.defination,
                 "z-index": 100
               }, {
@@ -263,8 +263,8 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
                 ]),
                 _: 2
               }, 1032, ["content"])),
-              i[0] || (i[0] = s("div", { class: "grow" }, null, -1)),
-              g.header === "Introduce Kid-Friendly Menu Items" ? T((o(), r("button", Ye, [
+              d[0] || (d[0] = s("div", { class: "grow" }, null, -1)),
+              g.header === "Introduce Kid-Friendly Menu Items" ? T((o(), i("button", Ye, [
                 p(oe, { size: 22 })
               ])), [
                 [k, !0]
@@ -272,12 +272,12 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
             ]),
             s("p", Ze, C(g.subLabel), 1)
           ]))), 128)),
-          l.items.length === 0 ? (o(), r("div", qe, [
+          l.items.length === 0 ? (o(), i("div", qe, [
             s("p", null, "No " + C(l.title.toLowerCase()) + " at the moment", 1)
           ])) : D("", !0)
         ], 512),
-        e.items.length > 1 ? (o(), r("div", He, [
-          (o(!0), r(z, null, N(e.items, (g, c) => (o(), r("span", {
+        e.items.length > 1 ? (o(), i("div", He, [
+          (o(!0), i(z, null, N(e.items, (g, c) => (o(), i("span", {
             key: `carousel_${c}`,
             class: W([
               "w-[11px] h-[11px] rounded-lg cursor-pointer",
@@ -316,17 +316,17 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
   emits: ["click-feedback"],
   setup(e, { emit: t }) {
     const { t: a } = se(), l = $(() => e.widget.data.isAnomaly > 0 ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : e.widget.data.isAnomaly < 0 ? "bg-fm-color-system-error-100 text-fm-color-typo-error" : ""), n = t;
-    function w(u) {
+    function x(u) {
       u === e.widget.feedback.reaction ? n("click-feedback", null) : n("click-feedback", u);
     }
-    const d = $(() => {
+    const r = $(() => {
       const u = "rgb(66, 133, 244)";
       let f = u;
       return e.widget.data.isAnomaly > 0 ? f = "#1F7735" : e.widget.data.isAnomaly < 0 && (f = "#99231D"), [
         {
           label: "Anomaly",
           data: e.widget.data.actualValues.map(
-            (h, x) => x >= e.widget.data.actualValues.length - 2 ? h : null
+            (h, w) => w >= e.widget.data.actualValues.length - 2 ? h : null
           ),
           fill: !1,
           borderColor: f,
@@ -340,7 +340,7 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
         {
           label: "Actual",
           data: e.widget.data.actualValues.map(
-            (h, x) => x !== e.widget.data.actualValues.length - 1 ? h : null
+            (h, w) => w !== e.widget.data.actualValues.length - 1 ? h : null
           ),
           fill: !1,
           borderColor: u,
@@ -369,7 +369,7 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
           borderColor: "white"
         }
       ];
-    }), i = $(
+    }), d = $(
       () => e.widget.data.labels.map((u) => {
         const f = E(u), A = [f.format("DD MMM")], h = f.format("d");
         return (h === "6" || h === "0") && A.push(f.format("ddd")), A;
@@ -387,16 +387,16 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
           );
         }
       }
-    }, g = $(() => ({ categories: i.value }));
+    }, g = $(() => ({ categories: d.value }));
     $(() => X(e.widget.category));
     const c = $(() => "The total money earned from all customer purchases, including sales, service charges, rounding, and delivery fees, minus any discounts. Revenue = gross sales - discounts + SST + service charge + rounding + delivery fee"), { FmTooltip: _ } = Y;
     return (u, f) => {
       var L, V;
-      const A = M("FmChip"), h = M("FmIcon"), x = K("wave");
-      return o(), r("div", {
+      const A = M("FmChip"), h = M("FmIcon"), w = K("wave");
+      return o(), i("div", {
         class: W(["flex flex-col gap-40 overflow-y-scroll relative scrollbar-hide", e.detail ? "max-w-[515px]" : "max-w-[368px]"])
       }, [
-        T((o(), r("div", {
+        T((o(), i("div", {
           variant: "outlined",
           class: W(["flex flex-col p-16 gap-16 relative border rounded-lg", e.detail ? "" : "cursor-pointer"])
         }, [
@@ -431,19 +431,19 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
               s("div", at, C(m(Ae)(e.widget.dateRange)), 1)
             ])
           ]),
-          e.detail ? (o(), r("div", lt, [
+          e.detail ? (o(), i("div", lt, [
             p(Pe, {
-              datasets: d.value,
+              datasets: r.value,
               "x-axis": g.value,
               legend: k,
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis"])
           ])) : D("", !0),
-          e.detail ? (o(), r("div", st, C(e.widget.description), 1)) : D("", !0)
+          e.detail ? (o(), i("div", st, C(e.widget.description), 1)) : D("", !0)
         ], 2)), [
-          [x, !e.detail]
+          [w, !e.detail]
         ]),
-        e.detail && e.widget.data.isAnomaly < 0 ? (o(), r("div", ot, [
+        e.detail && e.widget.data.isAnomaly < 0 ? (o(), i("div", ot, [
           p(G, {
             title: m(a)("report.view.insight.reason"),
             items: (L = e.widget.data.recommendations) == null ? void 0 : L.map((b) => ({
@@ -461,7 +461,7 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
             }))
           }, null, 8, ["title", "items"])
         ])) : D("", !0),
-        e.detail ? (o(), r("div", nt, [
+        e.detail ? (o(), i("div", nt, [
           s("div", it, C(m(a)("report.view.insight.feedback.question")), 1),
           s("div", rt, [
             T(p(h, {
@@ -469,18 +469,18 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
               name: "thumb_up",
               size: "md",
               outline: e.widget.feedback.reaction !== !0,
-              onClick: f[0] || (f[0] = () => w(!0))
+              onClick: f[0] || (f[0] = () => x(!0))
             }, null, 8, ["outline"]), [
-              [x, !0]
+              [w, !0]
             ]),
             T(p(h, {
               class: "cursor-pointer p-4 icon-btn",
               name: "thumb_down",
               size: "md",
               outline: e.widget.feedback.reaction !== !1,
-              onClick: f[1] || (f[1] = () => w(!1))
+              onClick: f[1] || (f[1] = () => x(!1))
             }, null, 8, ["outline"]), [
-              [x, !0]
+              [w, !0]
             ])
           ])
         ])) : D("", !0)
@@ -497,24 +497,24 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
   setup(e) {
     const t = ce(e, "modelValue"), { FmSideSheet: a } = Y;
     return (l, n) => {
-      const w = M("FmButton");
+      const x = M("FmButton");
       return o(), R(U(m(a)), {
         modelValue: t.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d),
+        "onUpdate:modelValue": n[1] || (n[1] = (r) => t.value = r),
         "fullscreen-size": "sm",
         "dismiss-away": !0,
         "max-width": 512
       }, {
-        "side-sheet-header": B(() => n[2] || (n[2] = [
-          ue("Insight")
-        ])),
+        "side-sheet-header": B(() => [...n[2] || (n[2] = [
+          ue("Insight", -1)
+        ])]),
         "top-sheet-header": B(() => [
           s("div", dt, [
             n[3] || (n[3] = s("p", null, "Insight", -1)),
-            p(w, {
+            p(x, {
               icon: "close",
               variant: "tertiary",
-              onClick: n[0] || (n[0] = (d) => t.value = !1)
+              onClick: n[0] || (n[0] = (r) => t.value = !1)
             })
           ])
         ]),
@@ -540,22 +540,22 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
     const { t } = se(), a = _e(), {
       dateRange: l,
       compareDateRange: n,
-      locations: w,
-      selectedLocationIds: d,
-      selectedRestaurantIds: i,
+      locations: x,
+      selectedLocationIds: r,
+      selectedRestaurantIds: d,
       business: k,
       timezone: g
-    } = ae(pe()), c = I([]), _ = I(null), u = I(!1), f = be(), { canReadPageDateRange: A, getPageAccessWindow: h } = ve(), x = $(
+    } = ae(pe()), c = I([]), _ = I(null), u = I(!1), f = be(), { canReadPageDateRange: A, getPageAccessWindow: h } = ve(), w = $(
       () => h(H.report_accessInsight, g.value)
     ), L = $(
-      () => he(ye(), x.value)
+      () => he(ye(), w.value)
     );
     P(
-      [x, l, g],
+      [w, l, g],
       () => {
-        const y = we(
+        const y = xe(
           l.value,
-          x.value,
+          w.value,
           g.value
         );
         y && (y.startDate !== l.value.startDate || y.endDate !== l.value.endDate) && (l.value = y);
@@ -570,14 +570,14 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
     );
     async function V() {
       try {
-        u.value = !0, i.value.length === 0 ? c.value = [] : A(
+        u.value = !0, d.value.length === 0 ? c.value = [] : A(
           H.report_accessInsight,
           l.value,
           g.value
         ) ? c.value = await De({
           start: l.value.startDate,
           end: l.value.endDate,
-          restaurantIds: i.value
+          restaurantIds: d.value
         }) : c.value = [];
       } catch (y) {
         f.open({ message: y, type: "error" }), c.value = [];
@@ -632,12 +632,12 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
               s("div", ft, [
                 s("div", mt, [
                   p(ke, {
-                    modelValue: m(d),
+                    modelValue: m(r),
                     "onUpdate:modelValue": [
-                      v[0] || (v[0] = (F) => j(d) ? d.value = F : null),
+                      v[0] || (v[0] = (F) => j(r) ? r.value = F : null),
                       V
                     ],
-                    options: m(w)
+                    options: m(x)
                   }, null, 8, ["modelValue", "options"]),
                   p(ge, {
                     "date-range": m(l),
@@ -648,16 +648,16 @@ const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "fle
                     "compare-date-range": m(n),
                     "onUpdate:compareDateRange": v[2] || (v[2] = (F) => j(n) ? n.value = F : null),
                     "date-predefined-ranges": L.value,
-                    "min-date": (Z = x.value) == null ? void 0 : Z.minDate,
+                    "min-date": (Z = w.value) == null ? void 0 : Z.minDate,
                     compare: !1
                   }, null, 8, ["date-range", "compare-date-range", "date-predefined-ranges", "min-date"])
                 ])
               ]),
-              u.value ? (o(), r("div", gt, [
+              u.value ? (o(), i("div", gt, [
                 p(re, { size: "xl" })
-              ])) : (o(), r("div", pt, [
-                c.value.length > 0 ? (o(), r("div", vt, [
-                  (o(!0), r(z, null, N(c.value, (F, q) => (o(), R(O, {
+              ])) : (o(), i("div", pt, [
+                c.value.length > 0 ? (o(), i("div", vt, [
+                  (o(!0), i(z, null, N(c.value, (F, q) => (o(), R(O, {
                     key: q,
                     widget: F,
                     onClick: () => b(q)