@feedmepos/mf-report 5.20.0 → 5.21.0-beta.0

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

package/dist/{MenuTab.vue_vue_type_script_setup_true_lang-DcTTUqUk.js → MenuTab.vue_vue_type_script_setup_true_lang-DDk9OhF-.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-BQN8HgvD.js";
+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-CmVGQAeI.js";
-import { _ as U } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-cfshXMB2.js";
-import { _ as N } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Bjybaft4.js";
-import { a as S } from "./FilterSelector.vue_vue_type_script_setup_true_lang-D2sJ7wd-.js";
+import { a as I } from "./NavigationTab.vue_vue_type_script_setup_true_lang-C4NFUekp.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-PrNxsye6.js";
+import { a as S } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lhcRFv_m.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-CmVGQAeI.js → NavigationTab.vue_vue_type_script_setup_true_lang-C4NFUekp.js}

@@ -4,11 +4,11 @@ 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-Bjybaft4.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-PrNxsye6.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-BQN8HgvD.js";
-import { _ as Pd, a as _5 } from "./SelectComponent.vue_vue_type_script_setup_true_lang-B2oCOTUH.js";
-import { C as fa, g as $5, e as Gh, a as e8, _ as Qh } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-cfshXMB2.js";
+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";
+import { C as fa, g as $5, e as Gh, a as e8, _ as Qh } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
 import { detectLocale as t8, useCoreStore as r8 } from "@feedmepos/mf-common";
 const a8 = { class: "flex flex-col" }, n8 = { class: "fm-typo-en-title-sm-600" }, i8 = { class: "grow" }, s8 = { class: "flex flex-col gap-8" }, l8 = { class: "flex flex-col w-full" }, o8 = { class: "flex flex-col gap-5 p-6" }, f8 = { class: "flex" }, Sd = {
   // sales: [

package/dist/{NoData.vue_vue_type_script_setup_true_lang-BUoYdn5S.js → NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, computed as o, resolveComponent as d, createElementBlock as r, openBlock as a, renderSlot as f, createVNode as g, withCtx as _, createCommentVNode as y, createElementVNode as l, toDisplayString as n } from "vue";
-import { u as h } from "./vue-i18n-BQN8HgvD.js";
+import { u as h } from "./vue-i18n-BJW_sJot.js";
 const v = { class: "flex flex-col h-full" }, D = ["src"], T = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, b = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, F = /* @__PURE__ */ u({
   __name: "NoData",
   props: {

package/dist/{OverviewView-DjqXHmvv.js → OverviewView-DBWJ04u3.js}

@@ -1,11 +1,11 @@
 import { defineComponent as k, computed as w, resolveComponent as $, createBlock as n, openBlock as t, withCtx as y, createVNode as d, createElementVNode as h, unref as e, normalizeStyle as C, normalizeClass as u, createElementBlock as _, Fragment as b, renderList as B } from "vue";
-import { _ as F } from "./FilterSelector.vue_vue_type_script_setup_true_lang-D2sJ7wd-.js";
-import { _ as L } from "./Default.vue_vue_type_script_setup_true_lang-DfNwCPM2.js";
-import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Bjybaft4.js";
+import { _ as F } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lhcRFv_m.js";
+import { _ as L } from "./Default.vue_vue_type_script_setup_true_lang-DPYuS630.js";
+import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-PrNxsye6.js";
 import { storeToRefs as R } from "pinia";
-import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-BUoYdn5S.js";
+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-DcTTUqUk.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-DDk9OhF-.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 import { r as E } from "./i18n-DQxDgiLO.js";
 const M = /* @__PURE__ */ k({

package/dist/{Report-D0sujnam.js → Report-CzdpyMiY.js}

@@ -1,27 +1,27 @@
-import { defineComponent as Ce, ref as q, watch as ne, computed as S, h as y, withModifiers as Se, resolveComponent as x, createBlock as K, openBlock as z, withCtx as u, createVNode as s, createElementVNode as g, unref as e, normalizeStyle as xe, normalizeClass as _, withDirectives as U, createElementBlock as _e, Fragment as we, renderList as ke, toDisplayString as A, createTextVNode as Ie, vShow as j } from "vue";
+import { defineComponent as Se, ref as Y, watch as ne, computed as S, h as y, withModifiers as Ce, resolveComponent as C, createBlock as q, openBlock as J, withCtx as u, createVNode as s, createElementVNode as g, unref as e, normalizeStyle as xe, normalizeClass as x, withDirectives as U, createElementBlock as _e, Fragment as ke, renderList as we, toDisplayString as z, createTextVNode as $e, vShow as j } from "vue";
 import { storeToRefs as le } from "pinia";
-import { a as $e, u as Re } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Bjybaft4.js";
-import { _ as De } from "./Default.vue_vue_type_script_setup_true_lang-DfNwCPM2.js";
+import { a as Ie, u as Re } from "./BaseDialog.vue_vue_type_script_setup_true_lang-PrNxsye6.js";
+import { _ as De } from "./Default.vue_vue_type_script_setup_true_lang-DPYuS630.js";
 import { u as Fe } from "./message-dialog-UoMWOnil.js";
-import { b as se, f as Le } from "./vue-i18n-BQN8HgvD.js";
+import { b as se, f as Le } from "./vue-i18n-BJW_sJot.js";
 import { useSnackbar as Oe, useBreakpoints as Ne, components as Ve, FmButtonColorThemeVariant as Je } from "@feedmepos/ui-library";
-import { _ as ze } from "./NoData.vue_vue_type_script_setup_true_lang-BUoYdn5S.js";
+import { _ as ze } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
 import { useRouter as Ae, useRoute as Pe, onBeforeRouteLeave as Te } from "vue-router";
 import { useI18n as Be } from "@feedmepos/mf-common";
 import { r as ce } from "./i18n-DQxDgiLO.js";
-const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = { class: "w-[343px]" }, Ye = { class: "fm-typo-en-body-md-600" }, ot = /* @__PURE__ */ Ce({
+const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ke = { class: "w-[343px]" }, Me = { class: "fm-typo-en-body-md-600" }, ot = /* @__PURE__ */ Se({
   __name: "Report",
-  setup(qe) {
-    const { t: a, te: G } = Be(), H = Ae(), Q = Pe(), d = $e(), ie = Re(), { business: ue } = le(se()), {
+  setup(Ye) {
+    const { t: a, te: G } = Be(), H = Ae(), Q = Pe(), d = Ie(), ie = Re(), { business: ue } = le(se()), {
       reports: f,
       overviewReport: me,
-      categories: R,
-      pinReport: D,
+      categories: I,
+      pinReport: R,
       isOpenAddReportDialog: pe,
       scrollPositionY: W,
-      customReportQuota: F,
+      customReportQuota: D,
       canCreateCustomReport: X
-    } = le(d), { promptMessage: Z } = Fe(), { promptLoader: P } = Le(), m = Oe(), { breakpoints: c } = Ne(), b = q();
+    } = le(d), { promptMessage: Z } = Fe(), { promptLoader: A } = Le(), m = Oe(), { breakpoints: c } = Ne(), b = Y();
     Te(() => {
       b.value && (W.value = b.value.$el.children[0].scrollTop);
     }), ne(b, () => {
@@ -29,9 +29,9 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
         b.value.$el.children[0].scrollTop = W.value;
       }, 200);
     });
-    const T = S(() => D.value && f.value ? f.value.filter((o) => {
+    const P = S(() => R.value && f.value ? f.value.filter((o) => {
       var t;
-      return (t = D.value) == null ? void 0 : t.includes(o.id);
+      return (t = R.value) == null ? void 0 : t.includes(o.id);
     }) : []);
     ne(
       [() => ue.value],
@@ -40,39 +40,41 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
       },
       { immediate: !0 }
     );
-    const ee = S(() => T.value.length > 0 ? f.value.filter(
-      (o) => T.value.findIndex((t) => t.id === o.id) === -1
-    ) : f.value), { FmButton: de, FmMenu: B, FmMenuItem: w, FmIcon: E, FmChip: M } = Ve, te = S(() => [
+    const ee = S(() => P.value.length > 0 ? f.value.filter(
+      (o) => P.value.findIndex((t) => t.id === o.id) === -1
+    ) : f.value), { FmButton: de, FmMenu: T, FmMenuItem: _, FmIcon: B, FmChip: E } = Ve, te = S(() => [
       { value: void 0, label: "All" },
-      ...R.value.map((o) => ({
+      ...I.value.map((o) => ({
         value: o.id,
         label: o.name
       }))
-    ]), h = q(te.value[0]), L = q(""), C = S(() => ee.value.length === 0 || R.value.length === 0 ? [] : [
-      ...T.value.map((t) => {
-        const r = R.value.find((l) => l.id === t.category);
+    ]), F = Y(te.value[0]), K = Y(""), h = S(() => ee.value.length === 0 || I.value.length === 0 ? [] : [
+      ...P.value.map((t) => {
+        const r = I.value.find((l) => l.id === t.category);
         return {
           name: ce(a, G, 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: t.id,
           editable: t.editable,
+          description: t.description || "",
           pin: !0
         };
-      }).filter((t) => h.value.value && t.categoryId !== h.value.value ? !1 : t.name.toLowerCase().indexOf(L.value.toLowerCase()) !== -1),
+      }),
       ...ee.value.map((t) => {
-        const r = R.value.find((l) => l.id === t.category);
+        const r = I.value.find((l) => l.id === t.category);
         return {
           name: ce(a, G, 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: t.id,
           editable: t.editable,
+          description: t.description || "",
           pin: !1
         };
-      }).filter((t) => h.value.value && t.categoryId !== h.value.value ? !1 : t.name.toLowerCase().indexOf(L.value.toLowerCase()) !== -1)
-    ]), fe = S(
-      () => C.value.map((o) => `${o.name}${o.category}`).toString()
+      })
+    ].filter((t) => F.value.value && t.categoryId !== F.value.value ? !1 : `${(t == null ? void 0 : t.name) || ""}${(t == null ? void 0 : t.description) || ""}`.toLowerCase().indexOf(K.value.toLowerCase()) !== -1)), fe = S(
+      () => h.value.map((o) => `${o.name}${o.category}`).toString()
     ), ve = [
       {
         accessorKey: "name",
@@ -85,10 +87,10 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
         header: a("report.common.category"),
         enableSorting: !1,
         meta: {
-          width: "200px"
+          width: "100px"
         },
         cell: (o) => y(
-          M,
+          E,
           {
             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
@@ -96,16 +98,22 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
           { default: () => o.getValue() }
         )
       },
+      {
+        accessorKey: "description",
+        header: a("report.common.description"),
+        enableSorting: !1,
+        cell: (o) => o.getValue()
+      },
       {
         accessorKey: "",
         id: "Action",
         header: a("report.common.actions"),
         meta: {
-          width: "100px"
+          width: "80px"
         },
         cell: (o) => {
-          var J;
-          const t = o.row.original, r = t.reportId, l = f.value.find((i) => i.id === r), I = r === ((J = me.value) == null ? void 0 : J.id), Y = [
+          var V;
+          const t = o.row.original, r = t.reportId, l = f.value.find((i) => i.id === r), w = r === ((V = me.value) == null ? void 0 : V.id), M = [
             {
               label: a("report.common.duplicate"),
               onClick: () => {
@@ -115,13 +123,13 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
               disabled: !1
             },
             {
-              label: a(I ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+              label: a(w ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
               onClick: async () => {
-                await P(async () => {
+                await A(async () => {
                   if (l)
                     try {
-                      await d.updateDefaultReport(I ? null : l.id), m.open({
-                        message: `Successfully ${I ? "unset" : "set"} ${l.name} as Overview`,
+                      await d.updateDefaultReport(w ? null : l.id), m.open({
+                        message: `Successfully ${w ? "unset" : "set"} ${l.name} as Overview`,
                         type: "success"
                       });
                     } catch (i) {
@@ -151,7 +159,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                 y(
                   "button",
                   {
-                    onClick: Se(() => {
+                    onClick: Ce(() => {
                       l && re(l);
                     }, ["stop"]),
                     class: `text-fm-color-neutral-gray-400 ${t.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
@@ -159,7 +167,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                   {
                     default: () => [
                       y(
-                        E,
+                        B,
                         {
                           name: "keep",
                           class: "px-12 p-8",
@@ -172,12 +180,12 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                   }
                 ),
                 y(
-                  B,
+                  T,
                   { stopClickPropagation: !0, shift: !0 },
                   {
-                    default: () => Y.map(
+                    default: () => M.map(
                       (i) => y(
-                        w,
+                        _,
                         {
                           onClick: i.disabled ? {} : i.onClick,
                           label: i.label,
@@ -216,7 +224,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
         })
       })) {
         const r = JSON.parse(JSON.stringify(o));
-        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, P(async () => {
+        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, A(async () => {
           try {
             await d.createOrUpdateReport(r), m.open({
               message: `${a("report.messages.duplicateSuccess", { name: r.name })}`,
@@ -232,7 +240,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
       await Z({
         title: a("report.messages.deleteReport"),
         message: a("report.messages.confirmDelete", { name: o.name })
-      }) && P(async () => {
+      }) && A(async () => {
         try {
           await d.removeReport(o), m.open({
             message: a("report.messages.deleteSuccess", { name: o.name }),
@@ -247,8 +255,8 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
       if (X.value)
         await ye(o);
       else {
-        let t = `Your current plan only support up to ${F.value} custom reports.`;
-        F.value === 0 && (t = "Your current plan does not support custom report."), m.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."), m.open({
           message: t,
           type: "error"
         });
@@ -258,15 +266,15 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
       if (X.value)
         pe.value = !0;
       else {
-        let o = `Your current plan only support up to ${F.value} custom reports.`;
-        F.value === 0 && (o = "Your current plan does not support custom report."), m.open({
+        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."), m.open({
           message: o,
           type: "error"
         });
       }
     }
     function re(o) {
-      D.value && D.value.includes(o.id) ? (m.open({
+      R.value && R.value.includes(o.id) ? (m.open({
         message: `${a("report.common.unpin")} ${o.name} ${a("report.common.successful")}`,
         type: "success"
       }), d.clearPinReport(o.id)) : (m.open({
@@ -275,12 +283,12 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
       }), d.cachePinReport(o));
     }
     function be(o) {
-      h.value = o;
+      F.value = o;
     }
-    const { selectedLocationIds: k, dateRange: O, compareDateRange: N, timeRange: v, locations: he } = se(), V = S(() => k.length === he.length);
+    const { selectedLocationIds: k, dateRange: L, compareDateRange: O, timeRange: v, locations: he } = se(), N = S(() => k.length === he.length);
     return (o, t) => {
-      const r = x("FmPageHead"), l = x("FmSearch"), I = x("FmForm"), Y = x("FmListItem"), J = x("FmList"), i = x("FmTable");
-      return z(), K(De, null, {
+      const r = C("FmPageHead"), l = C("FmSearch"), w = C("FmForm"), M = C("FmListItem"), V = C("FmList"), i = C("FmTable");
+      return J(), q(De, null, {
         default: u(() => [
           s(r, {
             title: e(a)("report.common.report", 1),
@@ -296,25 +304,25 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
             "onClick:action": t[0] || (t[0] = (n) => ge())
           }, null, 8, ["title", "actions"]),
           g("div", {
-            class: _(`overflow-y-hidden flex flex-col gap-8 ${e(c).sm || e(c).xs ? "mb-20" : ""}`),
+            class: x(`overflow-y-hidden flex flex-col gap-8 ${e(c).sm || e(c).xs ? "mb-20" : ""}`),
             style: xe({ height: `calc(100% - ${e(c).lg || e(c).md ? 72 : 64}px)` })
           }, [
-            s(I, {
-              class: _(`flex items-center gap-2 ${e(c).sm || e(c).xs ? "px-3" : "px-24"}`)
+            s(w, {
+              class: x(`flex items-center gap-2 ${e(c).sm || e(c).xs ? "px-3" : "px-24"}`)
             }, {
               default: u(() => [
-                s(e(B), null, {
+                s(e(T), null, {
                   "menu-button": u(() => [
-                    s(e(M), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                    s(e(E), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
                       default: u(() => [
-                        g("p", null, A(e(a)(`report.category.${h.value.label}`)), 1),
-                        s(e(E), { name: "expand_more" })
+                        g("p", null, z(e(a)(`report.category.${F.value.label}`)), 1),
+                        s(e(B), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
                   default: u(() => [
-                    (z(!0), _e(we, null, ke(te.value, (n, p) => (z(), K(e(w), {
+                    (J(!0), _e(ke, null, we(te.value, (n, p) => (J(), q(e(_), {
                       key: p,
                       label: e(a)(`report.category.${n.label}`),
                       onClick: () => be(n)
@@ -323,30 +331,30 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                   _: 1
                 }),
                 g("div", {
-                  class: _(`flex ${e(c).sm || e(c).xs ? "justify-center items-center" : ""}`)
+                  class: x(`flex ${e(c).sm || e(c).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  g("p", Ee, A(e(a)("report.common.results", { count: C.value.length })), 1)
+                  g("p", Ee, z(e(a)("report.common.results", { count: h.value.length })), 1)
                 ], 2),
                 t[3] || (t[3] = g("div", { class: "grow" }, null, -1)),
-                g("div", Me, [
+                g("div", Ke, [
                   s(l, {
-                    modelValue: L.value,
-                    "onUpdate:modelValue": t[1] || (t[1] = (n) => L.value = n),
-                    class: _(`${e(c).lg || e(c).md ? "grow" : ""}`)
+                    modelValue: K.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => K.value = n),
+                    class: x(`${e(c).lg || e(c).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            U((z(), K(i, {
+            U((J(), q(i, {
               key: fe.value,
               ref_key: "table",
               ref: b,
-              class: _([e(c).sm || e(c).xs ? "px-0" : "px-24", "report-table"]),
+              class: x([e(c).sm || e(c).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
               "column-defs": ve,
-              "row-data": C.value,
-              "page-size": C.value.length,
+              "row-data": h.value,
+              "page-size": h.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
               onRowClick: t[2] || (t[2] = (n) => {
@@ -355,68 +363,68 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                   query: {
                     ...e(Q).query,
                     reportId: n.original.reportId,
-                    startDate: e(O).startDate,
-                    endDate: e(O).endDate,
-                    compareStartDate: e(N).startDate,
-                    compareEndDate: e(N).endDate,
+                    startDate: e(L).startDate,
+                    endDate: e(L).endDate,
+                    compareStartDate: e(O).startDate,
+                    compareEndDate: e(O).endDate,
                     timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
                     timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
-                    isAllLocation: V.value.toString(),
-                    locationIds: V.value ? null : e(k) ? JSON.stringify(e(k)) : null
+                    isAllLocation: N.value.toString(),
+                    locationIds: N.value ? null : e(k) ? JSON.stringify(e(k)) : null
                   }
                 });
               })
             }, {
               "list-row": u(({ original: n }) => [
-                s(J, {
+                s(V, {
                   onClick: () => {
                     n.reportId && (e(d).updateCurrentReportId(n.reportId), e(H).push({
                       name: "reportView",
                       query: {
                         ...e(Q).query,
                         reportId: n.reportId,
-                        startDate: e(O).startDate,
-                        endDate: e(O).endDate,
-                        compareStartDate: e(N).startDate,
-                        compareEndDate: e(N).endDate,
+                        startDate: e(L).startDate,
+                        endDate: e(L).endDate,
+                        compareStartDate: e(O).startDate,
+                        compareEndDate: e(O).endDate,
                         timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
                         timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
-                        isAllLocation: V.value.toString(),
-                        locationIds: V.value ? null : e(k) ? JSON.stringify(e(k)) : null
+                        isAllLocation: N.value.toString(),
+                        locationIds: N.value ? null : e(k) ? JSON.stringify(e(k)) : null
                       }
                     }));
                   }
                 }, {
                   default: u(() => [
-                    s(Y, {
+                    s(M, {
                       tag: "label",
                       label: n.name,
                       clickable: ""
                     }, {
                       append: u(() => [
-                        s(e(M), {
-                          class: _(
+                        s(e(E), {
+                          class: x(
                             n.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
                           ),
                           compact: !0
                         }, {
                           default: u(() => [
-                            g("p", Ye, A(n.category), 1)
+                            g("p", Me, z(n.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        s(e(B), {
+                        s(e(T), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
                           "menu-button": u(() => [
-                            s(e(E), {
+                            s(e(B), {
                               name: "more_vert",
                               class: "btn-color"
                             })
                           ]),
                           default: u(() => [
-                            s(e(w), {
+                            s(e(_), {
                               label: n.pin ? "Unpin" : "Pin",
                               onClick: () => {
                                 const p = e(f).find(
@@ -425,7 +433,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                                 p && re(p);
                               }
                             }, null, 8, ["label", "onClick"]),
-                            s(e(w), {
+                            s(e(_), {
                               label: e(a)("report.common.duplicate"),
                               onClick: () => {
                                 const p = e(f).find(
@@ -434,7 +442,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                                 p && ae(p);
                               }
                             }, null, 8, ["label", "onClick"]),
-                            U(s(e(w), {
+                            U(s(e(_), {
                               label: e(a)("report.common.delete"),
                               class: "text-fm-color-typo-error",
                               onClick: () => {
@@ -445,7 +453,7 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
                               }
                             }, {
                               label: u(() => [
-                                Ie(A(e(a)("report.common.delete")), 1)
+                                $e(z(e(a)("report.common.delete")), 1)
                               ]),
                               _: 2
                             }, 1032, ["label", "onClick"]), [
@@ -463,10 +471,10 @@ const Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me
               ]),
               _: 1
             }, 8, ["class", "row-data", "page-size"])), [
-              [j, C.value.length > 0]
+              [j, h.value.length > 0]
             ]),
             U(s(ze, null, null, 512), [
-              [j, C.value.length === 0]
+              [j, h.value.length === 0]
             ])
           ], 6)
         ]),