@feedmepos/mf-report 5.28.4-beta.6 → 5.28.5-beta.1

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

@@ -1,49 +1,49 @@
-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({
+import { defineComponent as Ae, ref as $, watch as we, computed as h, h as d, withModifiers as ze, resolveComponent as I, createBlock as se, openBlock as B, withCtx as m, createVNode as c, createElementVNode as v, unref as t, normalizeStyle as Je, normalizeClass as g, withDirectives as Re, createElementBlock as Be, Fragment as Ke, renderList as Ee, toDisplayString as k, createTextVNode as je, vShow as he } from "vue";
+import { storeToRefs as Pe } from "pinia";
+import { u as He, s as Ye } from "./report-BLy0LUpn.js";
+import { _ as qe } from "./Default.vue_vue_type_script_setup_true_lang-_x6I1SLK.js";
+import { u as Ge } from "./message-dialog-UoMWOnil.js";
+import { u as Qe } from "./global-loader-BuxFfehu.js";
+import { useSnackbar as We, useBreakpoints as Xe, components as Ze, FmButtonColorThemeVariant as et } from "@feedmepos/ui-library";
+import { _ as tt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
+import { c as ot, a as xe, h as at } from "./app-B2X5ei7_.js";
+import { useRouter as st, useRoute as rt, onBeforeRouteLeave as nt } from "vue-router";
+import { useI18n as lt } from "@feedmepos/mf-common";
+import { r as re } from "./i18n-DbyciK4x.js";
+const ct = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it = { class: "w-[343px]" }, pt = { class: "fm-typo-en-body-md-600" }, dt = ["tabindex", "aria-disabled", "onClick"], ut = { class: "fm-typo-en-body-md-400 max-w-[240px]" }, It = /* @__PURE__ */ Ae({
   __name: "Report",
-  setup(dt) {
-    const { t: a, te: J } = rt(), oe = ot(), ae = at(), S = Ee(), Ce = et(), { business: Ie } = xe(Pe()), {
+  setup(mt) {
+    const { t: a, te: K } = lt(), ne = st(), le = rt(), S = He(), Ce = ot(), { business: Ie } = Pe(xe()), {
       reports: f,
-      overviewReport: B,
+      overviewReport: E,
       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);
+      scrollPositionY: ce,
+      customReportQuota: T,
+      canCreateCustomReport: ie
+    } = Pe(S), { promptMessage: pe } = Ge(), { promptLoader: j } = Qe(), l = We(), { breakpoints: p } = Xe(), { canRead: de, canUpdate: H, canDuplicate: ue, canDelete: Y, canCreateReport: _e } = at(), R = $();
+    nt(() => {
+      R.value && (ce.value = R.value.$el.children[0].scrollTop);
+    }), we(R, () => {
+      R.value && setTimeout(() => {
+        R.value && (R.value.$el.children[0].scrollTop = ce.value);
       }, 200);
     });
-    const j = R(() => F.value && f.value ? f.value.filter((o) => {
+    const q = h(() => F.value && f.value ? f.value.filter((o) => {
       var e;
       return (e = F.value) == null ? void 0 : e.includes(o.id);
     }) : []);
-    Se(
+    we(
       [() => Ie.value],
       () => {
         S.refreshPinReport();
       },
       { immediate: !0 }
     );
-    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([
+    const me = h(() => q.value.length > 0 ? f.value.filter(
+      (o) => q.value.findIndex((e) => e.id === o.id) === -1
+    ) : f.value), { FmButton: De, FmMenu: G, FmMenuItem: P, FmIcon: Q, FmChip: W, FmTooltip: $e, FmSwitch: fe } = Ze, b = $(/* @__PURE__ */ new Set()), X = $(/* @__PURE__ */ new Map()), Oe = /* @__PURE__ */ new Set([
       "closeup",
       "dailySales",
       "hourlySales",
@@ -59,50 +59,54 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
       "timesheet",
       "void_",
       "refund"
-    ]), me = R(() => [
+    ]), ye = h(() => [
       { value: void 0, label: "All" },
       ...O.value.map((o) => ({
         value: o.id,
         label: o.name
       }))
-    ]), V = $(me.value[0]), Q = $(""), P = R(() => pe.value.length === 0 || O.value.length === 0 ? [] : [
-      ...j.value.map((e) => {
+    ]), L = $(ye.value[0]), Z = $("");
+    function ee(o) {
+      return o.isDefault && Oe.has(o.permissionKey ?? "");
+    }
+    const x = h(() => me.value.length === 0 || O.value.length === 0 ? [] : [
+      ...q.value.map((e) => {
         const r = O.value.find((n) => n.id === e.category);
         return {
-          name: te(a, J, e.name, "other"),
+          name: re(a, K, 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: ce(e),
-          canRead: le(e),
-          isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: e.isDefault && ue.has(e.permissionKey ?? ""),
+          canUpdate: H(e),
+          canRead: de(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: ee(e),
           reportType: e.reportType
         };
       }),
-      ...pe.value.map((e) => {
+      ...me.value.map((e) => {
         const r = O.value.find((n) => n.id === e.category);
         return {
-          name: te(a, J, e.name, "other"),
+          name: re(a, K, 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: ce(e),
-          canRead: le(e),
-          isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: e.isDefault && ue.has(e.permissionKey ?? ""),
+          canUpdate: H(e),
+          canRead: de(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: ee(e),
           reportType: e.reportType
         };
       })
-    ].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(() => [
+    ].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(Z.value.toLowerCase()) !== -1)), Fe = h(
+      () => x.value.map((o) => `${o.name}${o.category}`).toString()
+    ), Te = h(() => [
       {
         accessorKey: "name",
         header: a("report.common.name"),
@@ -124,7 +128,7 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
           width: "100px"
         },
         cell: (o) => d(
-          H,
+          W,
           {
             // 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 +158,12 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
           width: "130px"
         },
         cell: (o) => {
-          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 = [
+          var J;
+          const e = o.row.original, r = e.reportId, n = f.value.find((u) => u.id === r), ae = r === ((J = E.value) == null ? void 0 : J.id), A = !e.canRead, D = n ? ue(n) : !1, z = n ? Y(n) : !1, s = e.reportType === "canvas", C = !e.canUpdate || e.isMandatoryPosReport || s || b.value.has(r), i = s ? a("reportV5.reportList.canvasPosReportHint") : e.isMandatoryPosReport ? a("reportV5.reportList.mandatoryPosReportHint") : a("reportV5.reportList.posV8Hint"), y = [
             {
               label: a("report.common.duplicate"),
               onClick: () => {
-                n && D ? be(n) : D || l.open({
+                n && D ? ge(n) : D || l.open({
                   message: a("report.messages.noPermissionDuplicateReport"),
                   type: "error"
                 });
@@ -168,9 +172,9 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
               disabled: !D
             },
             {
-              label: a(Z ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+              label: a(ae ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
               onClick: async () => {
-                n && fe(n);
+                n && ve(n);
               },
               variant: "",
               disabled: !1
@@ -178,13 +182,13 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
             {
               label: a("report.common.remove"),
               onClick: () => {
-                n && (A ? ve(n) : l.open({
+                n && (z ? be(n) : l.open({
                   message: a("report.messages.noPermissionDeleteReport"),
                   type: "error"
                 }));
               },
               variant: "destructive",
-              disabled: !e.editable || !A
+              disabled: !e.editable || !z
             }
           ];
           return d(
@@ -196,39 +200,50 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
               default: () => [
                 d(
                   $e,
-                  { content: C, placement: "bottom", zIndex: 2e3 },
+                  { content: i, placement: "bottom", zIndex: 2e3 },
                   {
-                    default: () => d("div", { class: "mr-2 flex items-center" }, [
-                      d("span", { class: "fm-typo-en-body-sm-400 whitespace-nowrap" }, "POS v8"),
-                      d(de, {
-                        modelValue: e.isSupportPos,
-                        disabled: s,
-                        "aria-label": a("report.common.showInPOS"),
-                        class: "pos-v8-switch",
-                        "onUpdate:modelValue": () => {
-                          n && ye(n);
-                        },
-                        onClick: we(() => {
-                        }, ["stop"])
-                      })
-                    ])
+                    default: () => d(
+                      "div",
+                      {
+                        class: "pos-v8-control mr-2 flex items-center",
+                        "data-testid": "desktop-pos-v8-toggle",
+                        onClick: (u) => {
+                          e.isMandatoryPosReport && (u.stopPropagation(), n && V(n));
+                        }
+                      },
+                      [
+                        d("span", { class: "fm-typo-en-body-sm-400 whitespace-nowrap" }, "POS v8"),
+                        d(fe, {
+                          modelValue: e.isSupportPos,
+                          disabled: C,
+                          "aria-label": a("report.common.showInPOS"),
+                          class: "pos-v8-switch",
+                          "onUpdate:modelValue": () => {
+                            n && V(n);
+                          },
+                          onClick: (u) => {
+                            u.stopPropagation(), e.isMandatoryPosReport && n && V(n);
+                          }
+                        })
+                      ]
+                    )
                   }
                 ),
                 d(
                   "button",
                   {
-                    disabled: T,
-                    title: T ? a("report.messages.noPermission") : void 0,
+                    disabled: A,
+                    title: A ? a("report.messages.noPermission") : void 0,
                     "aria-label": e.pin ? "Unpin" : "Pin",
-                    onClick: we(() => {
-                      n && ge(n);
+                    onClick: ze(() => {
+                      n && Se(n);
                     }, ["stop"]),
                     class: "text-fm-color-neutral-gray-400 hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center"
                   },
                   {
                     default: () => [
                       d(
-                        q,
+                        Q,
                         {
                           name: "keep",
                           class: "px-12 p-8",
@@ -241,24 +256,24 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                   }
                 ),
                 d(
-                  Y,
+                  G,
                   {
                     stopClickPropagation: !0,
                     shift: !0,
                     disabled: !1
                   },
                   {
-                    default: () => i.map(
-                      (y) => d(
-                        x,
+                    default: () => y.map(
+                      (u) => d(
+                        P,
                         {
-                          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
+                          onClick: u.disabled ? {} : u.onClick,
+                          label: u.label,
+                          class: u.disabled ? "text-fm-color-typo-disabled" : u.variant === "destructive" ? "text-fm-color-typo-error" : "",
+                          disabled: u.disabled
                         },
                         {
-                          label: () => d("p", y.label)
+                          label: () => d("p", u.label)
                         }
                       )
                     ),
@@ -268,7 +283,7 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: Xe.NeutralGray400,
+                        iconColor: et.NeutralGray400,
                         disabled: !1
                       },
                       {}
@@ -281,11 +296,11 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         }
       }
     ]);
-    async function fe(o) {
-      await K(async () => {
+    async function ve(o) {
+      await j(async () => {
         var e;
         try {
-          const r = o.id === ((e = B.value) == null ? void 0 : e.id);
+          const r = o.id === ((e = E.value) == null ? void 0 : e.id);
           await S.updateDefaultReport(r ? null : o.id), l.open({
             message: `Successfully ${r ? "unset" : "set"} ${o.name} as Overview`,
             type: "success"
@@ -295,31 +310,47 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         }
       });
     }
-    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 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") }),
+    async function V(o) {
+      if (o.reportType !== "canvas") {
+        if (ee(o)) {
+          l.open({
+            message: a("reportV5.reportList.cannotConfigureMandatoryReport"),
+            type: "error"
+          });
+          return;
+        }
+        if (!H(o)) {
+          l.open({
+            message: a("report.messages.noPermissionUpdateReport"),
             type: "error"
           });
-        } finally {
-          const e = new Set(b.value);
-          e.delete(o.id), b.value = e;
+          return;
+        }
+        if (!b.value.has(o.id)) {
+          b.value = new Set(b.value).add(o.id);
+          try {
+            const e = !o.isSupportPos;
+            await Ye(o.id, e), o.isSupportPos = e, X.value = new Map(X.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(b.value);
+            e.delete(o.id), b.value = e;
+          }
         }
       }
     }
     function Le(o, e) {
-      return G.value.get(o) ?? e;
+      return X.value.get(o) ?? e;
     }
     async function Ve(o) {
-      if (await ne({
+      if (await pe({
         title: a("report.common.duplicate"),
         message: a("report.messages.confirmAction", {
           action: a("report.common.duplicate"),
@@ -327,7 +358,7 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         })
       })) {
         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 () => {
+        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, r.isDefault = !1, j(async () => {
           try {
             await S.createOrUpdateReport(r), l.open({
               message: `${a("report.messages.duplicateSuccess", { name: r.name })}`,
@@ -339,26 +370,26 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         });
       }
     }
-    function W(o) {
+    function te(o) {
       const e = f.value.find((r) => r.id === o.reportId);
-      return !e || !ie(e);
+      return !e || !ue(e);
     }
-    function X(o) {
+    function oe(o) {
       const e = f.value.find((r) => r.id === o.reportId);
-      return !o.editable || !e || !E(e);
+      return !o.editable || !e || !Y(e);
     }
-    async function ve(o) {
-      if (!E(o)) {
+    async function be(o) {
+      if (!Y(o)) {
         l.open({
           message: a("report.messages.noPermissionDeleteReport"),
           type: "error"
         });
         return;
       }
-      await ne({
+      await pe({
         title: a("report.messages.deleteReport"),
         message: a("report.messages.confirmDelete", { name: o.name })
-      }) && K(async () => {
+      }) && j(async () => {
         try {
           await S.removeReport(o), l.open({
             message: a("report.messages.deleteSuccess", { name: o.name }),
@@ -369,18 +400,18 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         }
       });
     }
-    async function be(o) {
-      if (re.value)
+    async function ge(o) {
+      if (ie.value)
         await Ve(o);
       else {
-        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({
+        let e = `Your current plan only support up to ${T.value} custom reports.`;
+        T.value === 0 && (e = "Your current plan does not support custom report."), l.open({
           message: e,
           type: "error"
         });
       }
     }
-    function Ne() {
+    function Me() {
       if (!_e.value) {
         l.open({
           message: a("report.messages.noPermission"),
@@ -388,18 +419,18 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         });
         return;
       }
-      if (re.value)
+      if (ie.value)
         ke.value = !0;
       else {
-        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({
+        let o = `Your current plan only support up to ${T.value} custom reports.`;
+        T.value === 0 && (o = "Your current plan does not support custom report."), l.open({
           message: o,
           type: "error"
         });
       }
     }
-    function ge(o) {
-      const e = te(a, J, o.name, "other") ?? "";
+    function Se(o) {
+      const e = re(a, K, o.name, "other") ?? "";
       F.value && F.value.includes(o.id) ? (l.open({
         message: `${a("report.common.unpin")} ${e} ${a("report.common.successful")}`,
         type: "success"
@@ -408,13 +439,13 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
         type: "success"
       }), S.cachePinReport(o));
     }
-    function Ue(o) {
-      V.value = o;
+    function Ne(o) {
+      L.value = o;
     }
-    const { selectedLocationIds: _, dateRange: N, compareDateRange: U, timeRange: w, locations: Me } = Pe(), M = R(() => _.length === Me.length);
+    const { selectedLocationIds: _, dateRange: M, compareDateRange: N, timeRange: w, locations: Ue } = xe(), U = h(() => _.length === Ue.length);
     return (o, e) => {
-      const r = I("FmPageHead"), n = I("FmSearch"), Z = I("FmForm"), T = I("FmListItem"), D = I("FmList"), A = I("FmTable");
-      return z(), ee(Ye, null, {
+      const r = I("FmPageHead"), n = I("FmSearch"), ae = I("FmForm"), A = I("FmListItem"), D = I("FmList"), z = I("FmTable");
+      return B(), se(qe, null, {
         default: m(() => [
           c(r, {
             title: t(a)("report.common.report", 1),
@@ -427,31 +458,31 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                 prependIcon: "add"
               }
             ],
-            "onClick:action": e[0] || (e[0] = (s) => Ne())
+            "onClick:action": e[0] || (e[0] = (s) => Me())
           }, null, 8, ["title", "actions"]),
           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)` })
+            style: Je({ height: `calc(100% - ${t(p).lg || t(p).md ? 72 : 64}px)` })
           }, [
-            c(Z, {
+            c(ae, {
               class: g(`flex items-center gap-2 ${t(p).sm || t(p).xs ? "px-3" : "px-24"}`)
             }, {
               default: m(() => [
-                c(t(Y), null, {
+                c(t(G), null, {
                   "menu-button": m(() => [
-                    c(t(H), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                    c(t(W), { 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" })
+                        v("p", null, k(t(a)(`report.category.${L.value.label}`)), 1),
+                        c(t(Q), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
                   default: m(() => [
-                    (z(!0), ze(Je, null, Be(me.value, (s, C) => (z(), ee(t(x), {
+                    (B(!0), Be(Ke, null, Ee(ye.value, (s, C) => (B(), se(t(P), {
                       key: C,
                       label: t(a)(`report.category.${s.label}`),
-                      onClick: () => Ue(s)
+                      onClick: () => Ne(s)
                     }, null, 8, ["label", "onClick"]))), 128))
                   ]),
                   _: 1
@@ -459,28 +490,28 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                 v("div", {
                   class: g(`flex ${t(p).sm || t(p).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  v("p", nt, k(t(a)("report.common.results", { count: P.value.length })), 1)
+                  v("p", ct, k(t(a)("report.common.results", { count: x.value.length })), 1)
                 ], 2),
                 e[3] || (e[3] = v("div", { class: "grow" }, null, -1)),
-                v("div", lt, [
+                v("div", it, [
                   c(n, {
-                    modelValue: Q.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (s) => Q.value = s),
+                    modelValue: Z.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (s) => Z.value = s),
                     class: g(`${t(p).lg || t(p).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            he((z(), ee(A, {
-              key: Oe.value,
+            Re((B(), se(z, {
+              key: Fe.value,
               ref_key: "table",
-              ref: h,
+              ref: R,
               class: g([t(p).sm || t(p).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
-              "column-defs": Fe.value,
-              "row-data": P.value,
-              "page-size": P.value.length,
+              "column-defs": Te.value,
+              "row-data": x.value,
+              "page-size": x.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
               onRowClick: e[2] || (e[2] = (s) => {
@@ -491,19 +522,19 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                   });
                   return;
                 }
-                t(Ce).suppressReportRouteSync = !0, t(S).updateCurrentReportId(s.original.reportId), t(oe).push({
+                t(Ce).suppressReportRouteSync = !0, t(S).updateCurrentReportId(s.original.reportId), t(ne).push({
                   name: "reportView",
                   query: {
-                    ...t(ae).query,
+                    ...t(le).query,
                     reportId: s.original.reportId,
-                    startDate: t(N).startDate,
-                    endDate: t(N).endDate,
-                    compareStartDate: t(U).startDate,
-                    compareEndDate: t(U).endDate,
+                    startDate: t(M).startDate,
+                    endDate: t(M).endDate,
+                    compareStartDate: t(N).startDate,
+                    compareEndDate: t(N).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
+                    isAllLocation: U.value.toString(),
+                    locationIds: U.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
                   }
                 });
               })
@@ -518,44 +549,44 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                       });
                       return;
                     }
-                    s.reportId && (t(S).updateCurrentReportId(s.reportId), t(oe).push({
+                    s.reportId && (t(S).updateCurrentReportId(s.reportId), t(ne).push({
                       name: "reportView",
                       query: {
-                        ...t(ae).query,
+                        ...t(le).query,
                         reportId: s.reportId,
-                        startDate: t(N).startDate,
-                        endDate: t(N).endDate,
-                        compareStartDate: t(U).startDate,
-                        compareEndDate: t(U).endDate,
+                        startDate: t(M).startDate,
+                        endDate: t(M).endDate,
+                        compareStartDate: t(N).startDate,
+                        compareEndDate: t(N).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
+                        isAllLocation: U.value.toString(),
+                        locationIds: U.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
                       }
                     }));
                   }
                 }, {
                   default: m(() => [
-                    c(T, {
+                    c(A, {
                       tag: "label",
                       clickable: ""
                     }, {
                       append: m(() => [
-                        c(t(H), {
+                        c(t(W), {
                           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: m(() => [
-                            v("p", ct, k(s.category), 1)
+                            v("p", pt, k(s.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        c(t(Y), {
+                        c(t(G), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
                           "menu-button": m(() => [
-                            c(t(q), {
+                            c(t(Q), {
                               name: "more_vert",
                               class: "btn-color"
                             })
@@ -563,92 +594,86 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
                           default: m(() => {
                             var C;
                             return [
-                              c(t(x), {
+                              c(t(P), {
                                 label: s.pin ? "Unpin" : "Pin",
                                 onClick: () => {
                                   const i = t(f).find(
-                                    (u) => u.id === s.reportId
+                                    (y) => y.id === s.reportId
                                   );
-                                  i && ge(i);
+                                  i && Se(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
                               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),
+                                tabindex: !s.canUpdate || s.isMandatoryPosReport || s.reportType === "canvas" || b.value.has(s.reportId) ? void 0 : -1,
+                                "aria-disabled": !s.canUpdate || s.isMandatoryPosReport || s.reportType === "canvas" || 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"
+                                  !s.canUpdate || s.isMandatoryPosReport || s.reportType === "canvas" || 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: (i) => {
-                                  if (i.stopPropagation(), !s.canUpdate) {
-                                    t(l).open({
-                                      message: t(a)("report.messages.noPermissionUpdateReport"),
-                                      type: "error"
-                                    });
-                                    return;
-                                  }
-                                  const u = t(f).find(
-                                    (y) => y.id === s.reportId
+                                  i.stopPropagation();
+                                  const y = t(f).find(
+                                    (J) => J.id === s.reportId
                                   );
-                                  u && ye(u);
+                                  y && V(y);
                                 }
                               }, [
-                                v("span", pt, k(t(a)("report.common.showInPOS")), 1),
+                                v("span", ut, k(t(a)("report.common.showInPOS")), 1),
                                 v("span", null, [
-                                  c(t(de), {
-                                    "model-value": Le(
+                                  c(t(fe), {
+                                    "model-value": s.reportType === "canvas" ? !1 : Le(
                                       s.reportId,
                                       s.isSupportPos
                                     ),
-                                    disabled: !s.canUpdate || s.isMandatoryPosReport || b.value.has(s.reportId),
+                                    disabled: !s.canUpdate || s.isMandatoryPosReport || s.reportType === "canvas" || b.value.has(s.reportId),
                                     "aria-label": "Show in POS v8",
                                     class: "pointer-events-none"
                                   }, null, 8, ["model-value", "disabled"])
                                 ])
-                              ], 10, it),
-                              c(t(x), {
+                              ], 10, dt),
+                              c(t(P), {
                                 label: t(a)("report.common.duplicate"),
-                                disabled: W(s),
+                                disabled: te(s),
                                 class: g(
-                                  W(s) ? "text-fm-color-typo-disabled" : ""
+                                  te(s) ? "text-fm-color-typo-disabled" : ""
                                 ),
                                 onClick: () => {
                                   const i = t(f).find(
-                                    (u) => u.id === s.reportId
+                                    (y) => y.id === s.reportId
                                   );
-                                  i && !W(s) ? be(i) : t(l).open({
+                                  i && !te(s) ? ge(i) : t(l).open({
                                     message: t(a)("report.messages.noPermissionDuplicateReport"),
                                     type: "error"
                                   });
                                 }
                               }, null, 8, ["label", "disabled", "class", "onClick"]),
-                              c(t(x), {
+                              c(t(P), {
                                 label: t(a)(
-                                  s.reportId === ((C = t(B)) == null ? void 0 : C.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
+                                  s.reportId === ((C = t(E)) == null ? void 0 : C.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
                                 ),
                                 onClick: () => {
                                   const i = t(f).find(
-                                    (u) => u.id === s.reportId
+                                    (y) => y.id === s.reportId
                                   );
-                                  i && fe(i);
+                                  i && ve(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              c(t(x), {
+                              c(t(P), {
                                 label: t(a)("report.common.delete"),
-                                disabled: X(s),
+                                disabled: oe(s),
                                 class: g(
-                                  X(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
+                                  oe(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
                                 ),
                                 onClick: () => {
                                   const i = t(f).find(
-                                    (u) => u.id === s.reportId
+                                    (y) => y.id === s.reportId
                                   );
-                                  i && !X(s) && ve(i);
+                                  i && !oe(s) && be(i);
                                 }
                               }, {
                                 label: m(() => [
-                                  Ke(k(t(a)("report.common.delete")), 1)
+                                  je(k(t(a)("report.common.delete")), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "disabled", "class", "onClick"])
@@ -670,10 +695,10 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
               ]),
               _: 1
             }, 8, ["class", "column-defs", "row-data", "page-size"])), [
-              [Re, P.value.length > 0]
+              [he, x.value.length > 0]
             ]),
-            he(c(Ze, null, null, 512), [
-              [Re, P.value.length === 0]
+            Re(c(tt, null, null, 512), [
+              [he, x.value.length === 0]
             ])
           ], 6)
         ]),
@@ -683,5 +708,5 @@ const nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt
   }
 });
 export {
-  Pt as default
+  It as default
 };