@feedmepos/mf-report 5.19.23-beta.0 → 5.19.24-beta.0

package/dist/{InsightView-VRhKOgcg.js → InsightView-DZv9LOkh.js}

@@ -2,13 +2,13 @@ var Zo = Object.defineProperty;
 var Jo = (i, t, e) => t in i ? Zo(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var k = (i, t, e) => Jo(i, typeof t != "symbol" ? t + "" : t, e);
 import { ref as $t, defineComponent as oe, watch as ri, computed as _t, onMounted as Qo, createElementBlock as U, openBlock as I, createElementVNode as R, renderSlot as Un, toDisplayString as lt, resolveDirective as Xn, createCommentVNode as St, Fragment as Ii, renderList as zi, createBlock as Ht, withDirectives as Ge, resolveDynamicComponent as es, unref as G, withCtx as Yt, createVNode as et, normalizeClass as Ze, resolveComponent as Me, useModel as ta, createTextVNode as ea, isRef as ki, nextTick as ia } from "vue";
-import { _ as sa } from "./Default.vue_vue_type_script_setup_true_lang-B4KGPc-A.js";
+import { _ as sa } from "./Default.vue_vue_type_script_setup_true_lang-BJl8wpy8.js";
 import { _ as na } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
 import { d as Bi, a as Kn, q as qn, F as Gn, u as Zn, h as ys, b as oa } from "./vue-i18n-BJW_sJot.js";
 import { storeToRefs as Jn } from "pinia";
 import { components as is, useSnackbar as aa } from "@feedmepos/ui-library";
 import { _ as ra } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
-import { a as la, G as ca } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BRpEu6MW.js";
+import { a as la, G as ca } from "./NavigationTab.vue_vue_type_script_setup_true_lang-CghXyTqi.js";
 import { useCoreStore as ha } from "@feedmepos/mf-common";
 function da({ start: i, end: t }) {
   return `${Bi(t).format("DD MMM")}, ${Bi(t).format("YYYY")}`;

package/dist/{Layout-Djm1HkoE.js → Layout-CGewTKq4.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-B4KGPc-A.js";
+import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-BJl8wpy8.js";
 const f = /* @__PURE__ */ o({
   __name: "Layout",
   setup(m) {

package/dist/{MenuTab.vue_vue_type_script_setup_true_lang-BRCHCYha.js → MenuTab.vue_vue_type_script_setup_true_lang-DSEmCasr.js}

@@ -1,10 +1,10 @@
 import { defineComponent as b, computed as V, createElementBlock as x, openBlock as a, createElementVNode as y, createVNode as u, unref as e, isRef as p, withCtx as _, createBlock as g, createCommentVNode as k, useModel as $, resolveComponent as f, normalizeClass as R, Fragment as w, renderList as M, toDisplayString as T } from "vue";
 import { b as B } from "./vue-i18n-BJW_sJot.js";
 import { storeToRefs as D } from "pinia";
-import { a as I } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BRpEu6MW.js";
+import { a as I } from "./NavigationTab.vue_vue_type_script_setup_true_lang-CghXyTqi.js";
 import { _ as U } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
-import { _ as N } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BMUdA00d.js";
-import { a as S } from "./FilterSelector.vue_vue_type_script_setup_true_lang-Bp0VTpqx.js";
+import { _ as N } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DQg0AdC9.js";
+import { a as S } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CLX1VnmB.js";
 import { useRoute as z } from "vue-router";
 import { useBreakpoints as E } from "@feedmepos/ui-library";
 const L = { class: "flex flex-col gap-2 overflow-x-auto overflow-y-hidden scrollbar-hide" }, O = { class: "flex flex-col gap-2 py-2" }, q = /* @__PURE__ */ b({

package/dist/{NavigationTab.vue_vue_type_script_setup_true_lang-BRpEu6MW.js → NavigationTab.vue_vue_type_script_setup_true_lang-CghXyTqi.js}

@@ -4,7 +4,7 @@ var ml = (e, r, t) => F5(e, typeof r != "symbol" ? r + "" : r, t);
 import { defineComponent as $t, computed as nt, useModel as pn, ref as Ve, watch as ra, resolveComponent as me, createBlock as Ze, unref as q, openBlock as ne, withCtx as qe, createElementVNode as _, createVNode as J, toDisplayString as Ge, withDirectives as Un, createElementBlock as Fe, Fragment as vt, renderList as Bt, vShow as Ui, createTextVNode as jr, mergeModels as Kn, createCommentVNode as dt, normalizeClass as Jn, onMounted as i0, withKeys as qh, withModifiers as Yn, isRef as qn, vModelText as Wh, normalizeStyle as s0, renderSlot as jh, mergeProps as N5, nextTick as L5, resolveDynamicComponent as Td, createSlots as M5 } from "vue";
 import { useRouter as Uh, useRoute as Yh } from "vue-router";
 import { storeToRefs as xr, defineStore as l0 } from "pinia";
-import { a as Zs, k as Cd, l as R5, h as Ll, R as ln, j as o0, m as f0, _ as c0, d as B5, v as X5, i as z5, r as H5, n as wn, o as q5, u as W5 } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BMUdA00d.js";
+import { a as Zs, k as Cd, l as R5, h as Ll, R as ln, j as o0, m as f0, _ as c0, d as B5, v as X5, i as z5, r as H5, n as wn, o as q5, u as W5 } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DQg0AdC9.js";
 import { useBreakpoints as oo, components as yi, useSnackbar as ss, useDialog as j5, useDialogChild as U5, FmButtonVariant as Ed } from "@feedmepos/ui-library";
 import { u as Ka, k as u0, l as fo, a as Ja, F as _a, r as co, d as ct, m as ls, t as Y5, b as Pi, q as uo, n as Z5, o as G5, e as Q5, v as gl, w as Zh, x as K5, p as J5 } from "./vue-i18n-BJW_sJot.js";
 import { _ as Pd, a as _5 } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";

package/dist/{OverviewView-BNle5SLL.js → OverviewView-CqIlzBhG.js}

@@ -1,11 +1,11 @@
 import { defineComponent as g, computed as w, resolveComponent as k, createBlock as a, openBlock as t, withCtx as $, createVNode as d, createElementVNode as y, unref as e, normalizeStyle as C, normalizeClass as u, createElementBlock as _, Fragment as h, renderList as B } from "vue";
-import { _ as b } from "./FilterSelector.vue_vue_type_script_setup_true_lang-Bp0VTpqx.js";
-import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-B4KGPc-A.js";
-import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BMUdA00d.js";
+import { _ as b } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CLX1VnmB.js";
+import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-BJl8wpy8.js";
+import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DQg0AdC9.js";
 import { storeToRefs as R } from "pinia";
 import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
 import { useBreakpoints as V } from "@feedmepos/ui-library";
-import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-BRCHCYha.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-DSEmCasr.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 const G = /* @__PURE__ */ g({
   __name: "OverviewView",

package/dist/{Report-DUK8tWB1.js → Report-93_p2p_Y.js}

@@ -1,83 +1,83 @@
-import { defineComponent as be, ref as B, watch as oe, computed as C, h as v, withModifiers as he, resolveComponent as S, createBlock as E, openBlock as O, withCtx as i, createVNode as l, createElementVNode as y, unref as e, normalizeStyle as xe, normalizeClass as _, withDirectives as M, createElementBlock as Ce, Fragment as Se, renderList as _e, toDisplayString as V, createTextVNode as ke, vShow as q } from "vue";
-import { storeToRefs as ae } from "pinia";
-import { a as Ie, u as we } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BMUdA00d.js";
-import { _ as $e } from "./Default.vue_vue_type_script_setup_true_lang-B4KGPc-A.js";
-import { u as Re } from "./message-dialog-UoMWOnil.js";
-import { b as re, f as De } from "./vue-i18n-BJW_sJot.js";
-import { useSnackbar as Fe, useBreakpoints as Le, components as Ne, FmButtonColorThemeVariant as Oe } from "@feedmepos/ui-library";
-import { _ as Ve } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
-import { useRouter as ze, useRoute as Je, onBeforeRouteLeave as Pe } from "vue-router";
-import { useI18n as Ae } from "@feedmepos/mf-common";
-import { r as ne } from "./i18n-DQxDgiLO.js";
-const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = { class: "w-[343px]" }, Ee = { class: "fm-typo-en-body-md-600" }, et = /* @__PURE__ */ be({
+import { defineComponent as he, ref as E, watch as ae, computed as x, h as g, withModifiers as Ce, resolveComponent as S, createBlock as M, openBlock as V, withCtx as i, createVNode as l, createElementVNode as y, unref as e, normalizeStyle as xe, normalizeClass as _, withDirectives as Y, createElementBlock as Se, Fragment as _e, renderList as ke, toDisplayString as z, createTextVNode as Ie, vShow as q } from "vue";
+import { storeToRefs as re } from "pinia";
+import { a as we, u as $e } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DQg0AdC9.js";
+import { _ as Re } from "./Default.vue_vue_type_script_setup_true_lang-BJl8wpy8.js";
+import { u as De } from "./message-dialog-UoMWOnil.js";
+import { b as ne, f as Fe } from "./vue-i18n-BJW_sJot.js";
+import { useSnackbar as Le, useBreakpoints as Ne, components as Oe, FmButtonColorThemeVariant as Ve } from "@feedmepos/ui-library";
+import { _ as ze } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
+import { useRouter as Je, useRoute as Pe, onBeforeRouteLeave as Ae } from "vue-router";
+import { useI18n as Te } from "@feedmepos/mf-common";
+import { r as le } from "./i18n-DQxDgiLO.js";
+const Be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ee = { class: "w-[343px]" }, Me = { class: "fm-typo-en-body-md-600" }, tt = /* @__PURE__ */ he({
   __name: "Report",
-  setup(Me) {
-    const { t: a, te: K } = Ae(), U = ze(), j = Je(), p = Ie(), le = we(), { business: se } = ae(re()), {
+  setup(Ye) {
+    const { t: a, te: K } = Te(), U = Je(), j = Pe(), p = we(), se = $e(), { business: ce } = re(ne()), {
       reports: d,
       categories: $,
       pinReport: R,
-      isOpenAddReportDialog: ce,
-      scrollPositionY: Y,
-      customReportQuota: G,
-      canCreateCustomReport: ie
-    } = ae(p), { promptMessage: H } = Re(), { promptLoader: Q } = De(), g = Fe(), { breakpoints: s } = Le(), b = B();
-    Pe(() => {
-      b.value && (Y.value = b.value.$el.children[0].scrollTop);
-    }), oe(b, () => {
+      isOpenAddReportDialog: ie,
+      scrollPositionY: G,
+      customReportQuota: D,
+      canCreateCustomReport: H
+    } = re(p), { promptMessage: Q } = De(), { promptLoader: W } = Fe(), f = Le(), { breakpoints: s } = Ne(), b = E();
+    Ae(() => {
+      b.value && (G.value = b.value.$el.children[0].scrollTop);
+    }), ae(b, () => {
       b.value && setTimeout(() => {
-        b.value.$el.children[0].scrollTop = Y.value;
+        b.value.$el.children[0].scrollTop = G.value;
       }, 200);
     });
-    const z = C(() => R.value && d.value ? d.value.filter((t) => {
-      var o;
-      return (o = R.value) == null ? void 0 : o.includes(t.id);
+    const J = x(() => R.value && d.value ? d.value.filter((o) => {
+      var t;
+      return (t = R.value) == null ? void 0 : t.includes(o.id);
     }) : []);
-    oe(
-      [() => se.value],
+    ae(
+      [() => ce.value],
       () => {
         p.refreshPinReport();
       },
       { immediate: !0 }
     );
-    const W = C(() => z.value.length > 0 ? d.value.filter(
-      (t) => z.value.findIndex((o) => o.id === t.id) === -1
-    ) : d.value), { FmButton: ue, FmMenu: J, FmMenuItem: k, FmIcon: P, FmChip: A } = Ne, X = C(() => [
+    const X = x(() => J.value.length > 0 ? d.value.filter(
+      (o) => J.value.findIndex((t) => t.id === o.id) === -1
+    ) : d.value), { FmButton: ue, FmMenu: P, FmMenuItem: k, FmIcon: A, FmChip: T } = Oe, Z = x(() => [
       { value: void 0, label: "All" },
-      ...$.value.map((t) => ({
-        value: t.id,
-        label: t.name
+      ...$.value.map((o) => ({
+        value: o.id,
+        label: o.name
       }))
-    ]), h = B(X.value[0]), D = B(""), x = C(() => W.value.length === 0 || $.value.length === 0 ? [] : [
-      ...z.value.map((o) => {
-        const r = $.value.find((c) => c.id === o.category);
+    ]), h = E(Z.value[0]), F = E(""), C = x(() => X.value.length === 0 || $.value.length === 0 ? [] : [
+      ...J.value.map((t) => {
+        const r = $.value.find((c) => c.id === t.category);
         return {
-          name: ne(a, K, o.name, "other"),
+          name: le(a, K, t.name, "other"),
           categoryId: (r == null ? void 0 : r.id) ?? "",
           category: r != null && r.name ? a(`report.category.${r.name}`) : a("report.common.uncategorized"),
-          reportId: o.id,
-          editable: o.editable,
+          reportId: t.id,
+          editable: t.editable,
           pin: !0
         };
-      }).filter((o) => h.value.value && o.categoryId !== h.value.value ? !1 : o.name.toLowerCase().indexOf(D.value.toLowerCase()) !== -1),
-      ...W.value.map((o) => {
-        const r = $.value.find((c) => c.id === o.category);
+      }).filter((t) => h.value.value && t.categoryId !== h.value.value ? !1 : t.name.toLowerCase().indexOf(F.value.toLowerCase()) !== -1),
+      ...X.value.map((t) => {
+        const r = $.value.find((c) => c.id === t.category);
         return {
-          name: ne(a, K, o.name, "other"),
+          name: le(a, K, t.name, "other"),
           categoryId: (r == null ? void 0 : r.id) ?? "",
           category: r != null && r.name ? a(`report.category.${r.name}`) : a("report.common.uncategorized"),
-          reportId: o.id,
-          editable: o.editable,
+          reportId: t.id,
+          editable: t.editable,
           pin: !1
         };
-      }).filter((o) => h.value.value && o.categoryId !== h.value.value ? !1 : o.name.toLowerCase().indexOf(D.value.toLowerCase()) !== -1)
-    ]), me = C(
-      () => x.value.map((t) => `${t.name}${t.category}`).toString()
+      }).filter((t) => h.value.value && t.categoryId !== h.value.value ? !1 : t.name.toLowerCase().indexOf(F.value.toLowerCase()) !== -1)
+    ]), me = x(
+      () => C.value.map((o) => `${o.name}${o.category}`).toString()
     ), pe = [
       {
         accessorKey: "name",
         header: a("report.common.name"),
         enableSorting: !1,
-        cell: (t) => t.getValue()
+        cell: (o) => o.getValue()
       },
       {
         accessorKey: "category",
@@ -86,13 +86,13 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
         meta: {
           width: "200px"
         },
-        cell: (t) => v(
-          A,
+        cell: (o) => g(
+          T,
           {
-            class: `${t.getValue() !== a("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} fm-typo-en-body-sm-600`,
+            class: `${o.getValue() !== a("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} fm-typo-en-body-sm-600`,
             compact: !0
           },
-          { default: () => t.getValue() }
+          { default: () => o.getValue() }
         )
       },
       {
@@ -102,12 +102,12 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
         meta: {
           width: "100px"
         },
-        cell: (t) => {
-          const o = t.row.original, r = o.reportId, c = d.value.find((u) => u.id === r), T = [
+        cell: (o) => {
+          const t = o.row.original, r = t.reportId, c = d.value.find((u) => u.id === r), B = [
             {
               label: a("report.common.duplicate"),
               onClick: () => {
-                c && Z(c);
+                c && te(c);
               },
               variant: "",
               disabled: !1
@@ -118,32 +118,32 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                 c && ee(c);
               },
               variant: "destructive",
-              disabled: !o.editable
+              disabled: !t.editable
             }
           ];
-          return v(
+          return g(
             "div",
             {
               class: `flex ${s.value.lg || s.value.md ? "justify-end" : ""} items-center`
             },
             {
               default: () => [
-                v(
+                g(
                   "button",
                   {
-                    onClick: he(() => {
-                      c && te(c);
+                    onClick: Ce(() => {
+                      c && oe(c);
                     }, ["stop"]),
-                    class: `text-fm-color-neutral-gray-400 ${o.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
+                    class: `text-fm-color-neutral-gray-400 ${t.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
                   },
                   {
                     default: () => [
-                      v(
-                        P,
+                      g(
+                        A,
                         {
                           name: "keep",
                           class: "px-12 p-8",
-                          outline: !o.pin,
+                          outline: !t.pin,
                           size: "md"
                         },
                         {}
@@ -151,12 +151,12 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                     ]
                   }
                 ),
-                v(
-                  J,
+                g(
+                  P,
                   { stopClickPropagation: !0, shift: !0 },
                   {
-                    default: () => T.map(
-                      (u) => v(
+                    default: () => B.map(
+                      (u) => g(
                         k,
                         {
                           onClick: u.disabled ? {} : u.onClick,
@@ -165,17 +165,17 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                           disabled: u.disabled
                         },
                         {
-                          label: () => v("p", u.label)
+                          label: () => g("p", u.label)
                         }
                       )
                     ),
-                    "menu-button": () => v(
+                    "menu-button": () => g(
                       ue,
                       {
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: Oe.NeutralGray400
+                        iconColor: Ve.NeutralGray400
                       },
                       {}
                     )
@@ -187,69 +187,80 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
         }
       }
     ];
-    async function Z(t) {
-      if (await H({
+    async function de(o) {
+      if (await Q({
         title: a("report.common.duplicate"),
         message: a("report.messages.confirmAction", {
           action: a("report.common.duplicate"),
-          name: t.name
+          name: o.name
         })
       })) {
-        const r = JSON.parse(JSON.stringify(t));
-        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, Q(async () => {
+        const r = JSON.parse(JSON.stringify(o));
+        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, W(async () => {
           try {
-            await p.createOrUpdateReport(r), g.open({
+            await p.createOrUpdateReport(r), f.open({
               message: `${a("report.messages.duplicateSuccess", { name: r.name })}`,
               type: "success"
             });
           } catch (c) {
-            g.open({ message: JSON.stringify(c), type: "error" });
+            f.open({ message: JSON.stringify(c), type: "error" });
           }
         });
       }
     }
-    async function ee(t) {
-      await H({
+    async function ee(o) {
+      await Q({
         title: a("report.messages.deleteReport"),
-        message: a("report.messages.confirmDelete", { name: t.name })
-      }) && Q(async () => {
+        message: a("report.messages.confirmDelete", { name: o.name })
+      }) && W(async () => {
         try {
-          await p.removeReport(t), g.open({
-            message: a("report.messages.deleteSuccess", { name: t.name }),
+          await p.removeReport(o), f.open({
+            message: a("report.messages.deleteSuccess", { name: o.name }),
             type: "success"
           });
         } catch (r) {
-          g.open({ message: JSON.stringify(r), type: "error" });
+          f.open({ message: JSON.stringify(r), type: "error" });
         }
       });
     }
-    function de() {
-      if (ie.value)
-        ce.value = !0;
+    async function te(o) {
+      if (H.value)
+        await de(o);
       else {
-        let t = `Your current plan only support up to ${G.value} custom reports.`;
-        G.value === 0 && (t = "Your current plan does not support custom report."), g.open({
+        let t = `Your current plan only support up to ${D.value} custom reports.`;
+        D.value === 0 && (t = "Your current plan does not support custom report."), f.open({
           message: t,
           type: "error"
         });
       }
     }
-    function te(t) {
-      R.value && R.value.includes(t.id) ? (g.open({
-        message: `${a("report.common.unpin")} ${t.name} ${a("report.common.successful")}`,
+    function fe() {
+      if (H.value)
+        ie.value = !0;
+      else {
+        let o = `Your current plan only support up to ${D.value} custom reports.`;
+        D.value === 0 && (o = "Your current plan does not support custom report."), f.open({
+          message: o,
+          type: "error"
+        });
+      }
+    }
+    function oe(o) {
+      R.value && R.value.includes(o.id) ? (f.open({
+        message: `${a("report.common.unpin")} ${o.name} ${a("report.common.successful")}`,
         type: "success"
-      }), p.clearPinReport(t.id)) : (g.open({
-        message: `${a("report.common.pin")} ${t.name} ${a("report.common.successful")}`,
+      }), p.clearPinReport(o.id)) : (f.open({
+        message: `${a("report.common.pin")} ${o.name} ${a("report.common.successful")}`,
         type: "success"
-      }), p.cachePinReport(t));
+      }), p.cachePinReport(o));
     }
-    function fe(t) {
-      h.value = t;
+    function ve(o) {
+      h.value = o;
     }
-    const { selectedLocationIds: I, dateRange: F, compareDateRange: L, timeRange: f, locations: ve } = re(), N = C(() => I.length === ve.length);
-    return (t, o) => {
-      const r = S("FmPageHead"), c = S("FmSearch"), T = S("FmForm"), u = S("FmListItem"), ge = S("FmList"), ye = S("FmTable");
-      return O(), E($e, null, {
+    const { selectedLocationIds: I, dateRange: L, compareDateRange: N, timeRange: v, locations: ge } = ne(), O = x(() => I.length === ge.length);
+    return (o, t) => {
+      const r = S("FmPageHead"), c = S("FmSearch"), B = S("FmForm"), u = S("FmListItem"), ye = S("FmList"), be = S("FmTable");
+      return V(), M(Re, null, {
         default: i(() => [
           l(r, {
             title: e(a)("report.common.report", 1),
@@ -262,31 +273,31 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                 prependIcon: "add"
               }
             ],
-            "onClick:action": o[0] || (o[0] = (n) => de())
+            "onClick:action": t[0] || (t[0] = (n) => fe())
           }, null, 8, ["title", "actions"]),
           y("div", {
             class: _(`overflow-y-hidden flex flex-col gap-8 ${e(s).sm || e(s).xs ? "mb-20" : ""}`),
             style: xe({ height: `calc(100% - ${e(s).lg || e(s).md ? 72 : 64}px)` })
           }, [
-            l(T, {
+            l(B, {
               class: _(`flex items-center gap-2 ${e(s).sm || e(s).xs ? "px-3" : "px-24"}`)
             }, {
               default: i(() => [
-                l(e(J), null, {
+                l(e(P), null, {
                   "menu-button": i(() => [
-                    l(e(A), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                    l(e(T), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
                       default: i(() => [
-                        y("p", null, V(e(a)(`report.category.${h.value.label}`)), 1),
-                        l(e(P), { name: "expand_more" })
+                        y("p", null, z(e(a)(`report.category.${h.value.label}`)), 1),
+                        l(e(A), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
                   default: i(() => [
-                    (O(!0), Ce(Se, null, _e(X.value, (n, m) => (O(), E(e(k), {
+                    (V(!0), Se(_e, null, ke(Z.value, (n, m) => (V(), M(e(k), {
                       key: m,
                       label: e(a)(`report.category.${n.label}`),
-                      onClick: () => fe(n)
+                      onClick: () => ve(n)
                     }, null, 8, ["label", "onClick"]))), 128))
                   ]),
                   _: 1
@@ -294,64 +305,64 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                 y("div", {
                   class: _(`flex ${e(s).sm || e(s).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  y("p", Te, V(e(a)("report.common.results", { count: x.value.length })), 1)
+                  y("p", Be, z(e(a)("report.common.results", { count: C.value.length })), 1)
                 ], 2),
-                o[3] || (o[3] = y("div", { class: "grow" }, null, -1)),
-                y("div", Be, [
+                t[3] || (t[3] = y("div", { class: "grow" }, null, -1)),
+                y("div", Ee, [
                   l(c, {
-                    modelValue: D.value,
-                    "onUpdate:modelValue": o[1] || (o[1] = (n) => D.value = n),
+                    modelValue: F.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => F.value = n),
                     class: _(`${e(s).lg || e(s).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            M((O(), E(ye, {
+            Y((V(), M(be, {
               key: me.value,
               ref_key: "table",
               ref: b,
               class: _([e(s).sm || e(s).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
               "column-defs": pe,
-              "row-data": x.value,
-              "page-size": x.value.length,
+              "row-data": C.value,
+              "page-size": C.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
-              onRowClick: o[2] || (o[2] = (n) => {
-                e(le).suppressReportRouteSync = !0, e(p).updateCurrentReportId(n.original.reportId), e(U).push({
+              onRowClick: t[2] || (t[2] = (n) => {
+                e(se).suppressReportRouteSync = !0, e(p).updateCurrentReportId(n.original.reportId), e(U).push({
                   name: "reportView",
                   query: {
                     ...e(j).query,
                     reportId: n.original.reportId,
-                    startDate: e(F).startDate,
-                    endDate: e(F).endDate,
-                    compareStartDate: e(L).startDate,
-                    compareEndDate: e(L).endDate,
-                    timeStart: e(f).start ? JSON.stringify(e(f).start) : null,
-                    timeEnd: e(f).end ? JSON.stringify(e(f).end) : null,
-                    isAllLocation: N.value.toString(),
-                    locationIds: N.value ? null : e(I) ? JSON.stringify(e(I)) : null
+                    startDate: e(L).startDate,
+                    endDate: e(L).endDate,
+                    compareStartDate: e(N).startDate,
+                    compareEndDate: e(N).endDate,
+                    timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
+                    timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
+                    isAllLocation: O.value.toString(),
+                    locationIds: O.value ? null : e(I) ? JSON.stringify(e(I)) : null
                   }
                 });
               })
             }, {
               "list-row": i(({ original: n }) => [
-                l(ge, {
+                l(ye, {
                   onClick: () => {
                     n.reportId && (e(p).updateCurrentReportId(n.reportId), e(U).push({
                       name: "reportView",
                       query: {
                         ...e(j).query,
                         reportId: n.reportId,
-                        startDate: e(F).startDate,
-                        endDate: e(F).endDate,
-                        compareStartDate: e(L).startDate,
-                        compareEndDate: e(L).endDate,
-                        timeStart: e(f).start ? JSON.stringify(e(f).start) : null,
-                        timeEnd: e(f).end ? JSON.stringify(e(f).end) : null,
-                        isAllLocation: N.value.toString(),
-                        locationIds: N.value ? null : e(I) ? JSON.stringify(e(I)) : null
+                        startDate: e(L).startDate,
+                        endDate: e(L).endDate,
+                        compareStartDate: e(N).startDate,
+                        compareEndDate: e(N).endDate,
+                        timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
+                        timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
+                        isAllLocation: O.value.toString(),
+                        locationIds: O.value ? null : e(I) ? JSON.stringify(e(I)) : null
                       }
                     }));
                   }
@@ -363,23 +374,23 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                       clickable: ""
                     }, {
                       append: i(() => [
-                        l(e(A), {
+                        l(e(T), {
                           class: _(
                             n.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
                           ),
                           compact: !0
                         }, {
                           default: i(() => [
-                            y("p", Ee, V(n.category), 1)
+                            y("p", Me, z(n.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        l(e(J), {
+                        l(e(P), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
                           "menu-button": i(() => [
-                            l(e(P), {
+                            l(e(A), {
                               name: "more_vert",
                               class: "btn-color"
                             })
@@ -391,7 +402,7 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                                 const m = e(d).find(
                                   (w) => w.id === n.reportId
                                 );
-                                m && te(m);
+                                m && oe(m);
                               }
                             }, null, 8, ["label", "onClick"]),
                             l(e(k), {
@@ -400,10 +411,10 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                                 const m = e(d).find(
                                   (w) => w.id === n.reportId
                                 );
-                                m && Z(m);
+                                m && te(m);
                               }
                             }, null, 8, ["label", "onClick"]),
-                            M(l(e(k), {
+                            Y(l(e(k), {
                               label: e(a)("report.common.delete"),
                               class: "text-fm-color-typo-error",
                               onClick: () => {
@@ -414,7 +425,7 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
                               }
                             }, {
                               label: i(() => [
-                                ke(V(e(a)("report.common.delete")), 1)
+                                Ie(z(e(a)("report.common.delete")), 1)
                               ]),
                               _: 2
                             }, 1032, ["label", "onClick"]), [
@@ -432,10 +443,10 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
               ]),
               _: 1
             }, 8, ["class", "row-data", "page-size"])), [
-              [q, x.value.length > 0]
+              [q, C.value.length > 0]
             ]),
-            M(l(Ve, null, null, 512), [
-              [q, x.value.length === 0]
+            Y(l(ze, null, null, 512), [
+              [q, C.value.length === 0]
             ])
           ], 6)
         ]),
@@ -445,5 +456,5 @@ const Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be
   }
 });
 export {
-  et as default
+  tt as default
 };