@feedmepos/mf-report 5.28.4-beta.4 → 5.28.4-beta.6

package/dist/{Report-B2iXUeAj.js → Report-OGP3775t.js}

@@ -1,49 +1,49 @@
-import { defineComponent as Ue, ref as M, watch as ge, computed as P, h as d, withModifiers as Se, resolveComponent as x, createBlock as Z, openBlock as z, withCtx as u, createVNode as c, createElementVNode as h, unref as t, normalizeStyle as Te, normalizeClass as v, withDirectives as he, createElementBlock as Ae, Fragment as Me, renderList as ze, toDisplayString as _, createTextVNode as Je, vShow as we } from "vue";
-import { storeToRefs as Re } from "pinia";
-import { u as Be, s as Ke } from "./report-vndE_X4l.js";
-import { _ as Ee } from "./Default.vue_vue_type_script_setup_true_lang-B_2SI6LW.js";
-import { u as Ye } from "./message-dialog-UoMWOnil.js";
-import { u as qe } from "./global-loader-BuxFfehu.js";
-import { useSnackbar as He, useBreakpoints as je, components as Ge, FmButtonColorThemeVariant as Qe } from "@feedmepos/ui-library";
-import { _ as We } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { c as Xe, a as Pe, h as Ze } from "./app-DEsnATwZ.js";
-import { useRouter as et, useRoute as tt, onBeforeRouteLeave as ot } from "vue-router";
-import { useI18n as at } from "@feedmepos/mf-common";
-import { r as ee } from "./i18n-DbyciK4x.js";
-const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt = { class: "w-[343px]" }, nt = { class: "fm-typo-en-body-md-600" }, ht = /* @__PURE__ */ Ue({
+import { defineComponent as Te, ref as $, watch as Se, computed as R, h as d, withModifiers as we, resolveComponent as I, createBlock as ee, openBlock as z, withCtx as m, createVNode as c, createElementVNode as v, unref as t, normalizeStyle as Ae, normalizeClass as g, withDirectives as he, createElementBlock as ze, Fragment as Je, renderList as Be, toDisplayString as k, createTextVNode as Ke, vShow as Re } from "vue";
+import { storeToRefs as xe } from "pinia";
+import { u as Ee, s as je } from "./report-AhRrPMU6.js";
+import { _ as Ye } from "./Default.vue_vue_type_script_setup_true_lang-D-Se8EHw.js";
+import { u as qe } from "./message-dialog-UoMWOnil.js";
+import { u as He } from "./global-loader-BuxFfehu.js";
+import { useSnackbar as Ge, useBreakpoints as Qe, components as We, FmButtonColorThemeVariant as Xe } from "@feedmepos/ui-library";
+import { _ as Ze } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
+import { c as et, a as Pe, h as tt } from "./app-e8Pud10z.js";
+import { useRouter as ot, useRoute as at, onBeforeRouteLeave as st } from "vue-router";
+import { useI18n as rt } from "@feedmepos/mf-common";
+import { r as te } from "./i18n-DbyciK4x.js";
+const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "w-[343px]" }, ct = { class: "fm-typo-en-body-md-600" }, it = ["tabindex", "aria-disabled", "onClick"], pt = { class: "fm-typo-en-body-md-400 max-w-[240px]" }, Pt = /* @__PURE__ */ Te({
   __name: "Report",
-  setup(lt) {
-    const { t: a, te: J } = at(), te = et(), oe = tt(), b = Be(), Ce = Xe(), { business: Ie } = Re(Pe()), {
-      reports: m,
+  setup(dt) {
+    const { t: a, te: J } = rt(), oe = ot(), ae = at(), S = Ee(), Ce = et(), { business: Ie } = xe(Pe()), {
+      reports: f,
       overviewReport: B,
-      categories: $,
-      pinReport: O,
-      isOpenAddReportDialog: xe,
-      scrollPositionY: ae,
-      customReportQuota: F,
-      canCreateCustomReport: se
-    } = Re(b), { promptMessage: re } = Ye(), { promptLoader: K } = qe(), l = He(), { breakpoints: p } = je(), { canRead: ne, canUpdate: le, canDuplicate: ce, canDelete: E, canCreateReport: ke } = Ze(), w = M();
-    ot(() => {
-      w.value && (ae.value = w.value.$el.children[0].scrollTop);
-    }), ge(w, () => {
-      w.value && setTimeout(() => {
-        w.value && (w.value.$el.children[0].scrollTop = ae.value);
+      categories: O,
+      pinReport: F,
+      isOpenAddReportDialog: ke,
+      scrollPositionY: se,
+      customReportQuota: L,
+      canCreateCustomReport: re
+    } = xe(S), { promptMessage: ne } = qe(), { promptLoader: K } = He(), l = Ge(), { breakpoints: p } = Qe(), { canRead: le, canUpdate: ce, canDuplicate: ie, canDelete: E, canCreateReport: _e } = tt(), h = $();
+    st(() => {
+      h.value && (se.value = h.value.$el.children[0].scrollTop);
+    }), Se(h, () => {
+      h.value && setTimeout(() => {
+        h.value && (h.value.$el.children[0].scrollTop = se.value);
       }, 200);
     });
-    const Y = P(() => O.value && m.value ? m.value.filter((o) => {
+    const j = R(() => F.value && f.value ? f.value.filter((o) => {
       var e;
-      return (e = O.value) == null ? void 0 : e.includes(o.id);
+      return (e = F.value) == null ? void 0 : e.includes(o.id);
     }) : []);
-    ge(
+    Se(
       [() => Ie.value],
       () => {
-        b.refreshPinReport();
+        S.refreshPinReport();
       },
       { immediate: !0 }
     );
-    const ie = P(() => Y.value.length > 0 ? m.value.filter(
-      (o) => Y.value.findIndex((e) => e.id === o.id) === -1
-    ) : m.value), { FmButton: De, FmMenu: q, FmMenuItem: R, FmIcon: H, FmChip: j, FmTooltip: _e, FmSwitch: pe } = Ge, y = M(/* @__PURE__ */ new Set()), de = /* @__PURE__ */ new Set([
+    const pe = R(() => j.value.length > 0 ? f.value.filter(
+      (o) => j.value.findIndex((e) => e.id === o.id) === -1
+    ) : f.value), { FmButton: De, FmMenu: Y, FmMenuItem: x, FmIcon: q, FmChip: H, FmTooltip: $e, FmSwitch: de } = We, b = $(/* @__PURE__ */ new Set()), G = $(/* @__PURE__ */ new Map()), ue = /* @__PURE__ */ new Set([
       "closeup",
       "dailySales",
       "hourlySales",
@@ -59,50 +59,50 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
       "timesheet",
       "void_",
       "refund"
-    ]), ue = P(() => [
+    ]), me = R(() => [
       { value: void 0, label: "All" },
-      ...$.value.map((o) => ({
+      ...O.value.map((o) => ({
         value: o.id,
         label: o.name
       }))
-    ]), L = M(ue.value[0]), G = M(""), C = P(() => ie.value.length === 0 || $.value.length === 0 ? [] : [
-      ...Y.value.map((e) => {
-        const r = $.value.find((n) => n.id === e.category);
+    ]), V = $(me.value[0]), Q = $(""), P = R(() => pe.value.length === 0 || O.value.length === 0 ? [] : [
+      ...j.value.map((e) => {
+        const r = O.value.find((n) => n.id === e.category);
         return {
-          name: ee(a, J, e.name, "other"),
+          name: te(a, J, e.name, "other"),
           categoryId: (r == null ? void 0 : r.id) ?? "",
           category: r != null && r.name ? a(`report.category.${r.name}`) : a("report.common.uncategorized"),
           reportId: e.id,
           editable: e.editable,
           description: e.description || "",
           pin: !0,
-          canUpdate: le(e),
-          canRead: ne(e),
+          canUpdate: ce(e),
+          canRead: le(e),
           isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: e.isDefault && de.has(e.permissionKey ?? ""),
+          isMandatoryPosReport: e.isDefault && ue.has(e.permissionKey ?? ""),
           reportType: e.reportType
         };
       }),
-      ...ie.value.map((e) => {
-        const r = $.value.find((n) => n.id === e.category);
+      ...pe.value.map((e) => {
+        const r = O.value.find((n) => n.id === e.category);
         return {
-          name: ee(a, J, e.name, "other"),
+          name: te(a, J, e.name, "other"),
           categoryId: (r == null ? void 0 : r.id) ?? "",
           category: r != null && r.name ? a(`report.category.${r.name}`) : a("report.common.uncategorized"),
           reportId: e.id,
           editable: e.editable,
           description: e.description || "",
           pin: !1,
-          canUpdate: le(e),
-          canRead: ne(e),
+          canUpdate: ce(e),
+          canRead: le(e),
           isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: e.isDefault && de.has(e.permissionKey ?? ""),
+          isMandatoryPosReport: e.isDefault && ue.has(e.permissionKey ?? ""),
           reportType: e.reportType
         };
       })
-    ].filter((e) => L.value.value && e.categoryId !== L.value.value ? !1 : `${(e == null ? void 0 : e.name) || ""}${(e == null ? void 0 : e.description) || ""}`.toLowerCase().indexOf(G.value.toLowerCase()) !== -1)), $e = P(
-      () => C.value.map((o) => `${o.name}${o.category}`).toString()
-    ), Oe = P(() => [
+    ].filter((e) => V.value.value && e.categoryId !== V.value.value ? !1 : `${(e == null ? void 0 : e.name) || ""}${(e == null ? void 0 : e.description) || ""}`.toLowerCase().indexOf(Q.value.toLowerCase()) !== -1)), Oe = R(
+      () => P.value.map((o) => `${o.name}${o.category}`).toString()
+    ), Fe = R(() => [
       {
         accessorKey: "name",
         header: a("report.common.name"),
@@ -124,7 +124,7 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
           width: "100px"
         },
         cell: (o) => d(
-          j,
+          H,
           {
             // grey out chip text when user cannot read report
             class: `${o.getValue() !== a("report.common.uncategorized") ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} ${o.row.original.canRead ? "" : "opacity-40 cursor-not-allowed"} fm-typo-en-body-sm-600`,
@@ -154,12 +154,12 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
           width: "130px"
         },
         cell: (o) => {
-          var f;
-          const e = o.row.original, r = e.reportId, n = m.value.find((g) => g.id === r), X = r === ((f = B.value) == null ? void 0 : f.id), T = !e.canRead, D = n ? ce(n) : !1, A = n ? E(n) : !1, s = !e.canUpdate || e.isMandatoryPosReport || y.value.has(r), I = e.isMandatoryPosReport ? a("reportV5.reportList.mandatoryPosReportHint") : a("reportV5.reportList.posV8Hint"), i = [
+          var u;
+          const e = o.row.original, r = e.reportId, n = f.value.find((y) => y.id === r), Z = r === ((u = B.value) == null ? void 0 : u.id), T = !e.canRead, D = n ? ie(n) : !1, A = n ? E(n) : !1, s = !e.canUpdate || e.isMandatoryPosReport || b.value.has(r), C = e.isMandatoryPosReport ? a("reportV5.reportList.mandatoryPosReportHint") : a("reportV5.reportList.posV8Hint"), i = [
             {
               label: a("report.common.duplicate"),
               onClick: () => {
-                n && D ? ve(n) : D || l.open({
+                n && D ? be(n) : D || l.open({
                   message: a("report.messages.noPermissionDuplicateReport"),
                   type: "error"
                 });
@@ -168,9 +168,9 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
               disabled: !D
             },
             {
-              label: a(X ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+              label: a(Z ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
               onClick: async () => {
-                n && me(n);
+                n && fe(n);
               },
               variant: "",
               disabled: !1
@@ -178,7 +178,7 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
             {
               label: a("report.common.remove"),
               onClick: () => {
-                n && (A ? ye(n) : l.open({
+                n && (A ? ve(n) : l.open({
                   message: a("report.messages.noPermissionDeleteReport"),
                   type: "error"
                 }));
@@ -195,20 +195,20 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
             {
               default: () => [
                 d(
-                  _e,
-                  { content: I, placement: "bottom", zIndex: 2e3 },
+                  $e,
+                  { content: C, placement: "bottom", zIndex: 2e3 },
                   {
-                    default: () => d("div", { class: "mr-2 flex items-center gap-2" }, [
+                    default: () => d("div", { class: "mr-2 flex items-center" }, [
                       d("span", { class: "fm-typo-en-body-sm-400 whitespace-nowrap" }, "POS v8"),
-                      d(pe, {
+                      d(de, {
                         modelValue: e.isSupportPos,
                         disabled: s,
                         "aria-label": a("report.common.showInPOS"),
                         class: "pos-v8-switch",
                         "onUpdate:modelValue": () => {
-                          n && fe(n);
+                          n && ye(n);
                         },
-                        onClick: Se(() => {
+                        onClick: we(() => {
                         }, ["stop"])
                       })
                     ])
@@ -219,15 +219,16 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                   {
                     disabled: T,
                     title: T ? a("report.messages.noPermission") : void 0,
-                    onClick: Se(() => {
-                      n && be(n);
+                    "aria-label": e.pin ? "Unpin" : "Pin",
+                    onClick: we(() => {
+                      n && ge(n);
                     }, ["stop"]),
-                    class: `text-fm-color-neutral-gray-400 ${e.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
+                    class: "text-fm-color-neutral-gray-400 hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center"
                   },
                   {
                     default: () => [
                       d(
-                        H,
+                        q,
                         {
                           name: "keep",
                           class: "px-12 p-8",
@@ -240,7 +241,7 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                   }
                 ),
                 d(
-                  q,
+                  Y,
                   {
                     stopClickPropagation: !0,
                     shift: !0,
@@ -248,16 +249,16 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                   },
                   {
                     default: () => i.map(
-                      (g) => d(
-                        R,
+                      (y) => d(
+                        x,
                         {
-                          onClick: g.disabled ? {} : g.onClick,
-                          label: g.label,
-                          class: g.disabled ? "text-fm-color-typo-disabled" : g.variant === "destructive" ? "text-fm-color-typo-error" : "",
-                          disabled: g.disabled
+                          onClick: y.disabled ? {} : y.onClick,
+                          label: y.label,
+                          class: y.disabled ? "text-fm-color-typo-disabled" : y.variant === "destructive" ? "text-fm-color-typo-error" : "",
+                          disabled: y.disabled
                         },
                         {
-                          label: () => d("p", g.label)
+                          label: () => d("p", y.label)
                         }
                       )
                     ),
@@ -267,7 +268,7 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: Qe.NeutralGray400,
+                        iconColor: Xe.NeutralGray400,
                         disabled: !1
                       },
                       {}
@@ -280,12 +281,12 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         }
       }
     ]);
-    async function me(o) {
+    async function fe(o) {
       await K(async () => {
         var e;
         try {
           const r = o.id === ((e = B.value) == null ? void 0 : e.id);
-          await b.updateDefaultReport(r ? null : o.id), l.open({
+          await S.updateDefaultReport(r ? null : o.id), l.open({
             message: `Successfully ${r ? "unset" : "set"} ${o.name} as Overview`,
             type: "success"
           });
@@ -294,25 +295,31 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         }
       });
     }
-    async function fe(o) {
-      if (!y.value.has(o.id)) {
-        y.value = new Set(y.value).add(o.id);
+    async function ye(o) {
+      if (!b.value.has(o.id)) {
+        b.value = new Set(b.value).add(o.id);
         try {
           const e = !o.isSupportPos;
-          await Ke(o.id, e), o.isSupportPos = e;
+          await je(o.id, e), o.isSupportPos = e, G.value = new Map(G.value).set(
+            o.id,
+            e
+          );
         } catch (e) {
           console.log(e), l.open({
             message: a("report.messages.failedToAction", { action: a("report.common.update") }),
             type: "error"
           });
         } finally {
-          const e = new Set(y.value);
-          e.delete(o.id), y.value = e;
+          const e = new Set(b.value);
+          e.delete(o.id), b.value = e;
         }
       }
     }
-    async function Fe(o) {
-      if (await re({
+    function Le(o, e) {
+      return G.value.get(o) ?? e;
+    }
+    async function Ve(o) {
+      if (await ne({
         title: a("report.common.duplicate"),
         message: a("report.messages.confirmAction", {
           action: a("report.common.duplicate"),
@@ -322,7 +329,7 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         const r = JSON.parse(JSON.stringify(o));
         r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, r.isDefault = !1, K(async () => {
           try {
-            await b.createOrUpdateReport(r), l.open({
+            await S.createOrUpdateReport(r), l.open({
               message: `${a("report.messages.duplicateSuccess", { name: r.name })}`,
               type: "success"
             });
@@ -332,15 +339,15 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         });
       }
     }
-    function Q(o) {
-      const e = m.value.find((r) => r.id === o.reportId);
-      return !e || !ce(e);
-    }
     function W(o) {
-      const e = m.value.find((r) => r.id === o.reportId);
+      const e = f.value.find((r) => r.id === o.reportId);
+      return !e || !ie(e);
+    }
+    function X(o) {
+      const e = f.value.find((r) => r.id === o.reportId);
       return !o.editable || !e || !E(e);
     }
-    async function ye(o) {
+    async function ve(o) {
       if (!E(o)) {
         l.open({
           message: a("report.messages.noPermissionDeleteReport"),
@@ -348,12 +355,12 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         });
         return;
       }
-      await re({
+      await ne({
         title: a("report.messages.deleteReport"),
         message: a("report.messages.confirmDelete", { name: o.name })
       }) && K(async () => {
         try {
-          await b.removeReport(o), l.open({
+          await S.removeReport(o), l.open({
             message: a("report.messages.deleteSuccess", { name: o.name }),
             type: "success"
           });
@@ -362,53 +369,53 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
         }
       });
     }
-    async function ve(o) {
-      if (se.value)
-        await Fe(o);
+    async function be(o) {
+      if (re.value)
+        await Ve(o);
       else {
-        let e = `Your current plan only support up to ${F.value} custom reports.`;
-        F.value === 0 && (e = "Your current plan does not support custom report."), l.open({
+        let e = `Your current plan only support up to ${L.value} custom reports.`;
+        L.value === 0 && (e = "Your current plan does not support custom report."), l.open({
           message: e,
           type: "error"
         });
       }
     }
-    function Le() {
-      if (!ke.value) {
+    function Ne() {
+      if (!_e.value) {
         l.open({
           message: a("report.messages.noPermission"),
           type: "error"
         });
         return;
       }
-      if (se.value)
-        xe.value = !0;
+      if (re.value)
+        ke.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."), l.open({
+        let o = `Your current plan only support up to ${L.value} custom reports.`;
+        L.value === 0 && (o = "Your current plan does not support custom report."), l.open({
           message: o,
           type: "error"
         });
       }
     }
-    function be(o) {
-      const e = ee(a, J, o.name, "other") ?? "";
-      O.value && O.value.includes(o.id) ? (l.open({
+    function ge(o) {
+      const e = te(a, J, o.name, "other") ?? "";
+      F.value && F.value.includes(o.id) ? (l.open({
         message: `${a("report.common.unpin")} ${e} ${a("report.common.successful")}`,
         type: "success"
-      }), b.clearPinReport(o.id)) : (l.open({
+      }), S.clearPinReport(o.id)) : (l.open({
         message: `${a("report.common.pin")} ${e} ${a("report.common.successful")}`,
         type: "success"
-      }), b.cachePinReport(o));
+      }), S.cachePinReport(o));
     }
-    function Ve(o) {
-      L.value = o;
+    function Ue(o) {
+      V.value = o;
     }
-    const { selectedLocationIds: k, dateRange: V, compareDateRange: N, timeRange: S, locations: Ne } = Pe(), U = P(() => k.length === Ne.length);
+    const { selectedLocationIds: _, dateRange: N, compareDateRange: U, timeRange: w, locations: Me } = Pe(), M = R(() => _.length === Me.length);
     return (o, e) => {
-      const r = x("FmPageHead"), n = x("FmSearch"), X = x("FmForm"), T = x("FmListItem"), D = x("FmList"), A = x("FmTable");
-      return z(), Z(Ee, null, {
-        default: u(() => [
+      const r = I("FmPageHead"), n = I("FmSearch"), Z = I("FmForm"), T = I("FmListItem"), D = I("FmList"), A = I("FmTable");
+      return z(), ee(Ye, null, {
+        default: m(() => [
           c(r, {
             title: t(a)("report.common.report", 1),
             class: "h-[68px]",
@@ -420,60 +427,60 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                 prependIcon: "add"
               }
             ],
-            "onClick:action": e[0] || (e[0] = (s) => Le())
+            "onClick:action": e[0] || (e[0] = (s) => Ne())
           }, null, 8, ["title", "actions"]),
-          h("div", {
-            class: v(`overflow-y-hidden flex flex-col gap-8 ${t(p).sm || t(p).xs ? "mb-20" : ""}`),
-            style: Te({ height: `calc(100% - ${t(p).lg || t(p).md ? 72 : 64}px)` })
+          v("div", {
+            class: g(`overflow-y-hidden flex flex-col gap-8 ${t(p).sm || t(p).xs ? "mb-20" : ""}`),
+            style: Ae({ height: `calc(100% - ${t(p).lg || t(p).md ? 72 : 64}px)` })
           }, [
-            c(X, {
-              class: v(`flex items-center gap-2 ${t(p).sm || t(p).xs ? "px-3" : "px-24"}`)
+            c(Z, {
+              class: g(`flex items-center gap-2 ${t(p).sm || t(p).xs ? "px-3" : "px-24"}`)
             }, {
-              default: u(() => [
-                c(t(q), null, {
-                  "menu-button": u(() => [
-                    c(t(j), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
-                      default: u(() => [
-                        h("p", null, _(t(a)(`report.category.${L.value.label}`)), 1),
-                        c(t(H), { name: "expand_more" })
+              default: m(() => [
+                c(t(Y), null, {
+                  "menu-button": m(() => [
+                    c(t(H), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                      default: m(() => [
+                        v("p", null, k(t(a)(`report.category.${V.value.label}`)), 1),
+                        c(t(q), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
-                  default: u(() => [
-                    (z(!0), Ae(Me, null, ze(ue.value, (s, I) => (z(), Z(t(R), {
-                      key: I,
+                  default: m(() => [
+                    (z(!0), ze(Je, null, Be(me.value, (s, C) => (z(), ee(t(x), {
+                      key: C,
                       label: t(a)(`report.category.${s.label}`),
-                      onClick: () => Ve(s)
+                      onClick: () => Ue(s)
                     }, null, 8, ["label", "onClick"]))), 128))
                   ]),
                   _: 1
                 }),
-                h("div", {
-                  class: v(`flex ${t(p).sm || t(p).xs ? "justify-center items-center" : ""}`)
+                v("div", {
+                  class: g(`flex ${t(p).sm || t(p).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  h("p", st, _(t(a)("report.common.results", { count: C.value.length })), 1)
+                  v("p", nt, k(t(a)("report.common.results", { count: P.value.length })), 1)
                 ], 2),
-                e[3] || (e[3] = h("div", { class: "grow" }, null, -1)),
-                h("div", rt, [
+                e[3] || (e[3] = v("div", { class: "grow" }, null, -1)),
+                v("div", lt, [
                   c(n, {
-                    modelValue: G.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (s) => G.value = s),
-                    class: v(`${t(p).lg || t(p).md ? "grow" : ""}`)
+                    modelValue: Q.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (s) => Q.value = s),
+                    class: g(`${t(p).lg || t(p).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            he((z(), Z(A, {
-              key: $e.value,
+            he((z(), ee(A, {
+              key: Oe.value,
               ref_key: "table",
-              ref: w,
-              class: v([t(p).sm || t(p).xs ? "px-0" : "px-24", "report-table"]),
+              ref: h,
+              class: g([t(p).sm || t(p).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
-              "column-defs": Oe.value,
-              "row-data": C.value,
-              "page-size": C.value.length,
+              "column-defs": Fe.value,
+              "row-data": P.value,
+              "page-size": P.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
               onRowClick: e[2] || (e[2] = (s) => {
@@ -484,24 +491,24 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                   });
                   return;
                 }
-                t(Ce).suppressReportRouteSync = !0, t(b).updateCurrentReportId(s.original.reportId), t(te).push({
+                t(Ce).suppressReportRouteSync = !0, t(S).updateCurrentReportId(s.original.reportId), t(oe).push({
                   name: "reportView",
                   query: {
-                    ...t(oe).query,
+                    ...t(ae).query,
                     reportId: s.original.reportId,
-                    startDate: t(V).startDate,
-                    endDate: t(V).endDate,
-                    compareStartDate: t(N).startDate,
-                    compareEndDate: t(N).endDate,
-                    timeStart: t(S).start ? JSON.stringify(t(S).start) : null,
-                    timeEnd: t(S).end ? JSON.stringify(t(S).end) : null,
-                    isAllLocation: U.value.toString(),
-                    locationIds: U.value ? void 0 : t(k) ? JSON.stringify(t(k)) : void 0
+                    startDate: t(N).startDate,
+                    endDate: t(N).endDate,
+                    compareStartDate: t(U).startDate,
+                    compareEndDate: t(U).endDate,
+                    timeStart: t(w).start ? JSON.stringify(t(w).start) : null,
+                    timeEnd: t(w).end ? JSON.stringify(t(w).end) : null,
+                    isAllLocation: M.value.toString(),
+                    locationIds: M.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
                   }
                 });
               })
             }, {
-              "list-row": u(({ original: s }) => [
+              "list-row": m(({ original: s }) => [
                 c(D, {
                   onClick: () => {
                     if (!s.canRead) {
@@ -511,133 +518,137 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                       });
                       return;
                     }
-                    s.reportId && (t(b).updateCurrentReportId(s.reportId), t(te).push({
+                    s.reportId && (t(S).updateCurrentReportId(s.reportId), t(oe).push({
                       name: "reportView",
                       query: {
-                        ...t(oe).query,
+                        ...t(ae).query,
                         reportId: s.reportId,
-                        startDate: t(V).startDate,
-                        endDate: t(V).endDate,
-                        compareStartDate: t(N).startDate,
-                        compareEndDate: t(N).endDate,
-                        timeStart: t(S).start ? JSON.stringify(t(S).start) : null,
-                        timeEnd: t(S).end ? JSON.stringify(t(S).end) : null,
-                        isAllLocation: U.value.toString(),
-                        locationIds: U.value ? void 0 : t(k) ? JSON.stringify(t(k)) : void 0
+                        startDate: t(N).startDate,
+                        endDate: t(N).endDate,
+                        compareStartDate: t(U).startDate,
+                        compareEndDate: t(U).endDate,
+                        timeStart: t(w).start ? JSON.stringify(t(w).start) : null,
+                        timeEnd: t(w).end ? JSON.stringify(t(w).end) : null,
+                        isAllLocation: M.value.toString(),
+                        locationIds: M.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
                       }
                     }));
                   }
                 }, {
-                  default: u(() => [
+                  default: m(() => [
                     c(T, {
                       tag: "label",
                       clickable: ""
                     }, {
-                      append: u(() => [
-                        c(t(j), {
-                          class: v(`${s.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} ${s.canRead ? "" : "opacity-40 cursor-not-allowed"}`),
+                      append: m(() => [
+                        c(t(H), {
+                          class: g(`${s.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"} ${s.canRead ? "" : "opacity-40 cursor-not-allowed"}`),
                           compact: !0
                         }, {
-                          default: u(() => [
-                            h("p", nt, _(s.category), 1)
+                          default: m(() => [
+                            v("p", ct, k(s.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        c(t(q), {
+                        c(t(Y), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
-                          "menu-button": u(() => [
-                            c(t(H), {
+                          "menu-button": m(() => [
+                            c(t(q), {
                               name: "more_vert",
                               class: "btn-color"
                             })
                           ]),
-                          default: u(() => {
-                            var I;
+                          default: m(() => {
+                            var C;
                             return [
-                              c(t(R), {
+                              c(t(x), {
                                 label: s.pin ? "Unpin" : "Pin",
                                 onClick: () => {
-                                  const i = t(m).find(
-                                    (f) => f.id === s.reportId
+                                  const i = t(f).find(
+                                    (u) => u.id === s.reportId
                                   );
-                                  i && be(i);
+                                  i && ge(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              c(t(R), {
-                                label: t(a)("report.common.showInPOS"),
-                                disabled: !s.canUpdate || s.isMandatoryPosReport || y.value.has(s.reportId),
-                                "aria-disabled": !s.canUpdate || s.isMandatoryPosReport || y.value.has(s.reportId),
-                                class: v(
-                                  !s.canUpdate || s.isMandatoryPosReport || y.value.has(s.reportId) ? "text-fm-color-typo-disabled" : ""
+                              v("div", {
+                                role: "menuitem",
+                                "data-testid": "mobile-pos-v8-toggle",
+                                tabindex: !s.canUpdate || s.isMandatoryPosReport || b.value.has(s.reportId) ? void 0 : -1,
+                                "aria-disabled": !s.canUpdate || s.isMandatoryPosReport || b.value.has(s.reportId),
+                                class: g(
+                                  !s.canUpdate || s.isMandatoryPosReport || b.value.has(s.reportId) ? "flex max-h-[78px] w-full cursor-not-allowed items-center justify-between gap-2 rounded px-3 py-2 pl-12 text-fm-color-typo-disabled" : "flex max-h-[78px] w-full cursor-pointer items-center justify-between gap-2 rounded px-3 py-2 pl-12 hover:bg-fm-color-opacity-sm"
                                 ),
-                                onClick: () => {
-                                  if (!s.canUpdate) {
+                                onClick: (i) => {
+                                  if (i.stopPropagation(), !s.canUpdate) {
                                     t(l).open({
                                       message: t(a)("report.messages.noPermissionUpdateReport"),
                                       type: "error"
                                     });
                                     return;
                                   }
-                                  const i = t(m).find(
-                                    (f) => f.id === s.reportId
+                                  const u = t(f).find(
+                                    (y) => y.id === s.reportId
                                   );
-                                  i && fe(i);
+                                  u && ye(u);
                                 }
-                              }, {
-                                append: u(() => [
-                                  c(t(pe), {
-                                    "model-value": s.isSupportPos,
-                                    disabled: !s.canUpdate || s.isMandatoryPosReport || y.value.has(s.reportId),
+                              }, [
+                                v("span", pt, k(t(a)("report.common.showInPOS")), 1),
+                                v("span", null, [
+                                  c(t(de), {
+                                    "model-value": Le(
+                                      s.reportId,
+                                      s.isSupportPos
+                                    ),
+                                    disabled: !s.canUpdate || s.isMandatoryPosReport || b.value.has(s.reportId),
                                     "aria-label": "Show in POS v8",
                                     class: "pointer-events-none"
                                   }, null, 8, ["model-value", "disabled"])
-                                ]),
-                                _: 2
-                              }, 1032, ["label", "disabled", "aria-disabled", "class", "onClick"]),
-                              c(t(R), {
+                                ])
+                              ], 10, it),
+                              c(t(x), {
                                 label: t(a)("report.common.duplicate"),
-                                disabled: Q(s),
-                                class: v(
-                                  Q(s) ? "text-fm-color-typo-disabled" : ""
+                                disabled: W(s),
+                                class: g(
+                                  W(s) ? "text-fm-color-typo-disabled" : ""
                                 ),
                                 onClick: () => {
-                                  const i = t(m).find(
-                                    (f) => f.id === s.reportId
+                                  const i = t(f).find(
+                                    (u) => u.id === s.reportId
                                   );
-                                  i && !Q(s) ? ve(i) : t(l).open({
+                                  i && !W(s) ? be(i) : t(l).open({
                                     message: t(a)("report.messages.noPermissionDuplicateReport"),
                                     type: "error"
                                   });
                                 }
                               }, null, 8, ["label", "disabled", "class", "onClick"]),
-                              c(t(R), {
+                              c(t(x), {
                                 label: t(a)(
-                                  s.reportId === ((I = t(B)) == null ? void 0 : I.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
+                                  s.reportId === ((C = t(B)) == null ? void 0 : C.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
                                 ),
                                 onClick: () => {
-                                  const i = t(m).find(
-                                    (f) => f.id === s.reportId
+                                  const i = t(f).find(
+                                    (u) => u.id === s.reportId
                                   );
-                                  i && me(i);
+                                  i && fe(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              c(t(R), {
+                              c(t(x), {
                                 label: t(a)("report.common.delete"),
-                                disabled: W(s),
-                                class: v(
-                                  W(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
+                                disabled: X(s),
+                                class: g(
+                                  X(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
                                 ),
                                 onClick: () => {
-                                  const i = t(m).find(
-                                    (f) => f.id === s.reportId
+                                  const i = t(f).find(
+                                    (u) => u.id === s.reportId
                                   );
-                                  i && !W(s) && ye(i);
+                                  i && !X(s) && ve(i);
                                 }
                               }, {
-                                label: u(() => [
-                                  Je(_(t(a)("report.common.delete")), 1)
+                                label: m(() => [
+                                  Ke(k(t(a)("report.common.delete")), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "disabled", "class", "onClick"])
@@ -646,10 +657,10 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
                           _: 2
                         }, 1024)
                       ]),
-                      default: u(() => [
-                        h("span", {
-                          class: v(["fm-typo-en-body-lg-400 line-clamp-1 break-all text-fm-color-typo-primary", s.canRead ? "" : "opacity-40 cursor-not-allowed"])
-                        }, _(s.name), 3)
+                      default: m(() => [
+                        v("span", {
+                          class: g(["fm-typo-en-body-lg-400 line-clamp-1 break-all text-fm-color-typo-primary", s.canRead ? "" : "opacity-40 cursor-not-allowed"])
+                        }, k(s.name), 3)
                       ]),
                       _: 2
                     }, 1024)
@@ -659,10 +670,10 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
               ]),
               _: 1
             }, 8, ["class", "column-defs", "row-data", "page-size"])), [
-              [we, C.value.length > 0]
+              [Re, P.value.length > 0]
             ]),
-            he(c(We, null, null, 512), [
-              [we, C.value.length === 0]
+            he(c(Ze, null, null, 512), [
+              [Re, P.value.length === 0]
             ])
           ], 6)
         ]),
@@ -672,5 +683,5 @@ const st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt
   }
 });
 export {
-  ht as default
+  Pt as default
 };