@feedmepos/mf-report 5.28.5-beta.0 → 5.28.5

package/dist/{Report-DeLOcjgU.js → Report-Di6GyP1r.js}

@@ -1,49 +1,49 @@
-import { defineComponent as Te, ref as $, watch as Se, computed as R, h as u, withModifiers as Ae, resolveComponent as I, createBlock as ae, openBlock as J, withCtx as f, createVNode as i, createElementVNode as v, unref as t, normalizeStyle as ze, normalizeClass as b, withDirectives as we, createElementBlock as Je, Fragment as Be, renderList as Ke, toDisplayString as k, createTextVNode as Ee, vShow as he } from "vue";
-import { storeToRefs as Re } from "pinia";
-import { u as je, s as Ye } from "./report-C_upEzzb.js";
-import { _ as qe } from "./Default.vue_vue_type_script_setup_true_lang-BlXGP4t_.js";
-import { u as He } from "./message-dialog-UoMWOnil.js";
-import { u as Ge } from "./global-loader-BuxFfehu.js";
-import { useSnackbar as Qe, useBreakpoints as We, components as Xe, FmButtonColorThemeVariant as Ze } from "@feedmepos/ui-library";
-import { _ as et } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { c as tt, a as Pe, h as ot } from "./app-D_8mXWLj.js";
-import { useRouter as at, useRoute as st, onBeforeRouteLeave as rt } from "vue-router";
-import { useI18n as nt } from "@feedmepos/mf-common";
-import { r as se } from "./i18n-DbyciK4x.js";
-const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it = { class: "w-[343px]" }, ct = { class: "fm-typo-en-body-md-600" }, pt = ["tabindex", "aria-disabled", "onClick"], dt = { class: "fm-typo-en-body-md-400 max-w-[240px]" }, Ct = /* @__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-Cn4Ik1zm.js";
+import { _ as qe } from "./Default.vue_vue_type_script_setup_true_lang-BpJFA_ET.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-CVBllEjW.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(ut) {
-    const { t: a, te: B } = nt(), re = at(), ne = st(), S = je(), xe = tt(), { business: Ce } = Re(Pe()), {
-      reports: y,
-      overviewReport: K,
+  setup(mt) {
+    const { t: a, te: K } = lt(), ne = st(), le = rt(), S = He(), Ce = ot(), { business: Ie } = Pe(xe()), {
+      reports: f,
+      overviewReport: E,
       categories: O,
       pinReport: F,
-      isOpenAddReportDialog: Ie,
-      scrollPositionY: le,
-      customReportQuota: L,
+      isOpenAddReportDialog: ke,
+      scrollPositionY: ce,
+      customReportQuota: T,
       canCreateCustomReport: ie
-    } = Re(S), { promptMessage: ce } = He(), { promptLoader: E } = Ge(), l = Qe(), { breakpoints: d } = We(), { canRead: pe, canUpdate: j, canDuplicate: de, canDelete: Y, canCreateReport: ke } = ot(), h = $();
-    rt(() => {
-      h.value && (le.value = h.value.$el.children[0].scrollTop);
-    }), Se(h, () => {
-      h.value && setTimeout(() => {
-        h.value && (h.value.$el.children[0].scrollTop = le.value);
+    } = 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 q = R(() => F.value && y.value ? y.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(
-      [() => Ce.value],
+    we(
+      [() => Ie.value],
       () => {
         S.refreshPinReport();
       },
       { immediate: !0 }
     );
-    const ue = R(() => q.value.length > 0 ? y.value.filter(
+    const me = h(() => q.value.length > 0 ? f.value.filter(
       (o) => q.value.findIndex((e) => e.id === o.id) === -1
-    ) : y.value), { FmButton: _e, FmMenu: H, FmMenuItem: P, FmIcon: G, FmChip: Q, FmTooltip: De, FmSwitch: me } = Xe, g = $(/* @__PURE__ */ new Set()), W = $(/* @__PURE__ */ new Map()), $e = /* @__PURE__ */ new Set([
+    ) : 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,61 +59,61 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
       "timesheet",
       "void_",
       "refund"
-    ]), fe = R(() => [
+    ]), ye = h(() => [
       { value: void 0, label: "All" },
       ...O.value.map((o) => ({
         value: o.id,
         label: o.name
       }))
-    ]), M = $(fe.value[0]), X = $("");
-    function Z(o) {
-      return o.isDefault && $e.has(o.permissionKey ?? "");
+    ]), L = $(ye.value[0]), Z = $("");
+    function ee(o) {
+      return o.isDefault && Oe.has(o.permissionKey ?? "");
     }
-    const x = R(() => ue.value.length === 0 || O.value.length === 0 ? [] : [
+    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: se(a, B, 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: j(e),
-          canRead: pe(e),
-          isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: Z(e),
+          canUpdate: H(e),
+          canRead: de(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: ee(e),
           reportType: e.reportType
         };
       }),
-      ...ue.value.map((e) => {
+      ...me.value.map((e) => {
         const r = O.value.find((n) => n.id === e.category);
         return {
-          name: se(a, B, 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: j(e),
-          canRead: pe(e),
-          isSupportPos: !!e.isSupportPos,
-          isMandatoryPosReport: Z(e),
+          canUpdate: H(e),
+          canRead: de(e),
+          isSupportPos: e.reportType === "canvas" ? !1 : !!e.isSupportPos,
+          isMandatoryPosReport: ee(e),
           reportType: e.reportType
         };
       })
-    ].filter((e) => M.value.value && e.categoryId !== M.value.value ? !1 : `${(e == null ? void 0 : e.name) || ""}${(e == null ? void 0 : e.description) || ""}`.toLowerCase().indexOf(X.value.toLowerCase()) !== -1)), Oe = 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()
-    ), Fe = R(() => [
+    ), Te = h(() => [
       {
         accessorKey: "name",
         header: a("report.common.name"),
         enableSorting: !1,
         cell: (o) => {
           const e = o.row.original;
-          return u(
+          return d(
             "span",
             { class: e.canRead ? "" : "opacity-40 cursor-not-allowed" },
             o.getValue()
@@ -127,8 +127,8 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         meta: {
           width: "100px"
         },
-        cell: (o) => u(
-          Q,
+        cell: (o) => d(
+          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`,
@@ -143,7 +143,7 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         enableSorting: !1,
         cell: (o) => {
           const e = o.row.original;
-          return u(
+          return d(
             "span",
             { class: e.canRead ? "" : "opacity-40 cursor-not-allowed" },
             o.getValue()
@@ -158,8 +158,8 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
           width: "130px"
         },
         cell: (o) => {
-          var m;
-          const e = o.row.original, r = e.reportId, n = y.value.find((p) => p.id === r), oe = r === ((m = K.value) == null ? void 0 : m.id), A = !e.canRead, D = n ? de(n) : !1, z = n ? Y(n) : !1, s = !e.canUpdate || e.isMandatoryPosReport || g.value.has(r), C = e.isMandatoryPosReport ? a("reportV5.reportList.mandatoryPosReportHint") : a("reportV5.reportList.posV8Hint"), c = [
+          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: () => {
@@ -172,9 +172,9 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
               disabled: !D
             },
             {
-              label: a(oe ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+              label: a(ae ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
               onClick: async () => {
-                n && ye(n);
+                n && ve(n);
               },
               variant: "",
               disabled: !1
@@ -182,7 +182,7 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
             {
               label: a("report.common.remove"),
               onClick: () => {
-                n && (z ? ve(n) : l.open({
+                n && (z ? be(n) : l.open({
                   message: a("report.messages.noPermissionDeleteReport"),
                   type: "error"
                 }));
@@ -191,59 +191,59 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
               disabled: !e.editable || !z
             }
           ];
-          return u(
+          return d(
             "div",
             {
-              class: `flex ${d.value.lg || d.value.md ? "justify-end" : ""} items-center`
+              class: `flex ${p.value.lg || p.value.md ? "justify-end" : ""} items-center`
             },
             {
               default: () => [
-                u(
-                  De,
-                  { content: C, placement: "bottom", zIndex: 2e3 },
+                d(
+                  $e,
+                  { content: i, placement: "bottom", zIndex: 2e3 },
                   {
-                    default: () => u(
+                    default: () => d(
                       "div",
                       {
                         class: "pos-v8-control mr-2 flex items-center",
                         "data-testid": "desktop-pos-v8-toggle",
-                        onClick: (p) => {
-                          e.isMandatoryPosReport && (p.stopPropagation(), n && V(n));
+                        onClick: (u) => {
+                          e.isMandatoryPosReport && (u.stopPropagation(), n && V(n));
                         }
                       },
                       [
-                        u("span", { class: "fm-typo-en-body-sm-400 whitespace-nowrap" }, "POS v8"),
-                        u(me, {
+                        d("span", { class: "fm-typo-en-body-sm-400 whitespace-nowrap" }, "POS v8"),
+                        d(fe, {
                           modelValue: e.isSupportPos,
-                          disabled: s,
+                          disabled: C,
                           "aria-label": a("report.common.showInPOS"),
                           class: "pos-v8-switch",
                           "onUpdate:modelValue": () => {
                             n && V(n);
                           },
-                          onClick: (p) => {
-                            p.stopPropagation(), e.isMandatoryPosReport && n && V(n);
+                          onClick: (u) => {
+                            u.stopPropagation(), e.isMandatoryPosReport && n && V(n);
                           }
                         })
                       ]
                     )
                   }
                 ),
-                u(
+                d(
                   "button",
                   {
                     disabled: A,
                     title: A ? a("report.messages.noPermission") : void 0,
                     "aria-label": e.pin ? "Unpin" : "Pin",
-                    onClick: Ae(() => {
-                      n && be(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: () => [
-                      u(
-                        G,
+                      d(
+                        Q,
                         {
                           name: "keep",
                           class: "px-12 p-8",
@@ -255,35 +255,35 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                     ]
                   }
                 ),
-                u(
-                  H,
+                d(
+                  G,
                   {
                     stopClickPropagation: !0,
                     shift: !0,
                     disabled: !1
                   },
                   {
-                    default: () => c.map(
-                      (p) => u(
+                    default: () => y.map(
+                      (u) => d(
                         P,
                         {
-                          onClick: p.disabled ? {} : p.onClick,
-                          label: p.label,
-                          class: p.disabled ? "text-fm-color-typo-disabled" : p.variant === "destructive" ? "text-fm-color-typo-error" : "",
-                          disabled: p.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: () => u("p", p.label)
+                          label: () => d("p", u.label)
                         }
                       )
                     ),
-                    "menu-button": () => u(
-                      _e,
+                    "menu-button": () => d(
+                      De,
                       {
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: Ze.NeutralGray400,
+                        iconColor: et.NeutralGray400,
                         disabled: !1
                       },
                       {}
@@ -296,11 +296,11 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         }
       }
     ]);
-    async function ye(o) {
-      await E(async () => {
+    async function ve(o) {
+      await j(async () => {
         var e;
         try {
-          const r = o.id === ((e = K.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"
@@ -311,44 +311,46 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
       });
     }
     async function V(o) {
-      if (Z(o)) {
-        l.open({
-          message: a("reportV5.reportList.cannotConfigureMandatoryReport"),
-          type: "error"
-        });
-        return;
-      }
-      if (!j(o)) {
-        l.open({
-          message: a("report.messages.noPermissionUpdateReport"),
-          type: "error"
-        });
-        return;
-      }
-      if (!g.value.has(o.id)) {
-        g.value = new Set(g.value).add(o.id);
-        try {
-          const e = !o.isSupportPos;
-          await Ye(o.id, e), o.isSupportPos = e, W.value = new Map(W.value).set(
-            o.id,
-            e
-          );
-        } catch (e) {
-          console.log(e), l.open({
-            message: a("report.messages.failedToAction", { action: a("report.common.update") }),
+      if (o.reportType !== "canvas") {
+        if (ee(o)) {
+          l.open({
+            message: a("reportV5.reportList.cannotConfigureMandatoryReport"),
             type: "error"
           });
-        } finally {
-          const e = new Set(g.value);
-          e.delete(o.id), g.value = e;
+          return;
+        }
+        if (!H(o)) {
+          l.open({
+            message: a("report.messages.noPermissionUpdateReport"),
+            type: "error"
+          });
+          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 W.value.get(o) ?? e;
+      return X.value.get(o) ?? e;
     }
-    async function Me(o) {
-      if (await ce({
+    async function Ve(o) {
+      if (await pe({
         title: a("report.common.duplicate"),
         message: a("report.messages.confirmAction", {
           action: a("report.common.duplicate"),
@@ -356,7 +358,7 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         })
       })) {
         const r = JSON.parse(JSON.stringify(o));
-        r.editable = !0, r.id = "", r.name = `${r.name} ${a("report.common.duplicate")}`, r.isDefault = !1, E(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 })}`,
@@ -368,15 +370,15 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         });
       }
     }
-    function ee(o) {
-      const e = y.value.find((r) => r.id === o.reportId);
-      return !e || !de(e);
-    }
     function te(o) {
-      const e = y.value.find((r) => r.id === o.reportId);
+      const e = f.value.find((r) => r.id === o.reportId);
+      return !e || !ue(e);
+    }
+    function oe(o) {
+      const e = f.value.find((r) => r.id === o.reportId);
       return !o.editable || !e || !Y(e);
     }
-    async function ve(o) {
+    async function be(o) {
       if (!Y(o)) {
         l.open({
           message: a("report.messages.noPermissionDeleteReport"),
@@ -384,10 +386,10 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         });
         return;
       }
-      await ce({
+      await pe({
         title: a("report.messages.deleteReport"),
         message: a("report.messages.confirmDelete", { name: o.name })
-      }) && E(async () => {
+      }) && j(async () => {
         try {
           await S.removeReport(o), l.open({
             message: a("report.messages.deleteSuccess", { name: o.name }),
@@ -400,17 +402,17 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
     }
     async function ge(o) {
       if (ie.value)
-        await Me(o);
+        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 Ve() {
-      if (!ke.value) {
+    function Me() {
+      if (!_e.value) {
         l.open({
           message: a("report.messages.noPermission"),
           type: "error"
@@ -418,17 +420,17 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
         return;
       }
       if (ie.value)
-        Ie.value = !0;
+        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 be(o) {
-      const e = se(a, B, 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"
@@ -438,14 +440,14 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
       }), S.cachePinReport(o));
     }
     function Ne(o) {
-      M.value = o;
+      L.value = o;
     }
-    const { selectedLocationIds: _, dateRange: N, compareDateRange: U, timeRange: w, locations: Ue } = Pe(), T = R(() => _.length === Ue.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"), oe = I("FmForm"), A = I("FmListItem"), D = I("FmList"), z = I("FmTable");
-      return J(), ae(qe, null, {
-        default: f(() => [
-          i(r, {
+      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),
             class: "h-[68px]",
             actions: [
@@ -456,28 +458,28 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                 prependIcon: "add"
               }
             ],
-            "onClick:action": e[0] || (e[0] = (s) => Ve())
+            "onClick:action": e[0] || (e[0] = (s) => Me())
           }, null, 8, ["title", "actions"]),
           v("div", {
-            class: b(`overflow-y-hidden flex flex-col gap-8 ${t(d).sm || t(d).xs ? "mb-20" : ""}`),
-            style: ze({ height: `calc(100% - ${t(d).lg || t(d).md ? 72 : 64}px)` })
+            class: g(`overflow-y-hidden flex flex-col gap-8 ${t(p).sm || t(p).xs ? "mb-20" : ""}`),
+            style: Je({ height: `calc(100% - ${t(p).lg || t(p).md ? 72 : 64}px)` })
           }, [
-            i(oe, {
-              class: b(`flex items-center gap-2 ${t(d).sm || t(d).xs ? "px-3" : "px-24"}`)
+            c(ae, {
+              class: g(`flex items-center gap-2 ${t(p).sm || t(p).xs ? "px-3" : "px-24"}`)
             }, {
-              default: f(() => [
-                i(t(H), null, {
-                  "menu-button": f(() => [
-                    i(t(Q), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
-                      default: f(() => [
-                        v("p", null, k(t(a)(`report.category.${M.value.label}`)), 1),
-                        i(t(G), { name: "expand_more" })
+              default: m(() => [
+                c(t(G), null, {
+                  "menu-button": m(() => [
+                    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.${L.value.label}`)), 1),
+                        c(t(Q), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
-                  default: f(() => [
-                    (J(!0), Je(Be, null, Ke(fe.value, (s, C) => (J(), ae(t(P), {
+                  default: m(() => [
+                    (B(!0), Be(Ke, null, Ee(ye.value, (s, C) => (B(), se(t(P), {
                       key: C,
                       label: t(a)(`report.category.${s.label}`),
                       onClick: () => Ne(s)
@@ -486,28 +488,28 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                   _: 1
                 }),
                 v("div", {
-                  class: b(`flex ${t(d).sm || t(d).xs ? "justify-center items-center" : ""}`)
+                  class: g(`flex ${t(p).sm || t(p).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  v("p", lt, k(t(a)("report.common.results", { count: x.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", it, [
-                  i(n, {
-                    modelValue: X.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (s) => X.value = s),
-                    class: b(`${t(d).lg || t(d).md ? "grow" : ""}`)
+                  c(n, {
+                    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"]),
-            we((J(), ae(z, {
-              key: Oe.value,
+            Re((B(), se(z, {
+              key: Fe.value,
               ref_key: "table",
-              ref: h,
-              class: b([t(d).sm || t(d).xs ? "px-0" : "px-24", "report-table"]),
+              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,
+              "column-defs": Te.value,
               "row-data": x.value,
               "page-size": x.value.length,
               "hide-footer": !0,
@@ -520,25 +522,25 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                   });
                   return;
                 }
-                t(xe).suppressReportRouteSync = !0, t(S).updateCurrentReportId(s.original.reportId), t(re).push({
+                t(Ce).suppressReportRouteSync = !0, t(S).updateCurrentReportId(s.original.reportId), t(ne).push({
                   name: "reportView",
                   query: {
-                    ...t(ne).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: T.value.toString(),
-                    locationIds: T.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
+                    isAllLocation: U.value.toString(),
+                    locationIds: U.value ? void 0 : t(_) ? JSON.stringify(t(_)) : void 0
                   }
                 });
               })
             }, {
-              "list-row": f(({ original: s }) => [
-                i(D, {
+              "list-row": m(({ original: s }) => [
+                c(D, {
                   onClick: () => {
                     if (!s.canRead) {
                       t(l).open({
@@ -547,131 +549,131 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                       });
                       return;
                     }
-                    s.reportId && (t(S).updateCurrentReportId(s.reportId), t(re).push({
+                    s.reportId && (t(S).updateCurrentReportId(s.reportId), t(ne).push({
                       name: "reportView",
                       query: {
-                        ...t(ne).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: T.value.toString(),
-                        locationIds: T.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: f(() => [
-                    i(A, {
+                  default: m(() => [
+                    c(A, {
                       tag: "label",
                       clickable: ""
                     }, {
-                      append: f(() => [
-                        i(t(Q), {
-                          class: b(`${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(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: f(() => [
-                            v("p", ct, k(s.category), 1)
+                          default: m(() => [
+                            v("p", pt, k(s.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        i(t(H), {
+                        c(t(G), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
-                          "menu-button": f(() => [
-                            i(t(G), {
+                          "menu-button": m(() => [
+                            c(t(Q), {
                               name: "more_vert",
                               class: "btn-color"
                             })
                           ]),
-                          default: f(() => {
+                          default: m(() => {
                             var C;
                             return [
-                              i(t(P), {
+                              c(t(P), {
                                 label: s.pin ? "Unpin" : "Pin",
                                 onClick: () => {
-                                  const c = t(y).find(
-                                    (m) => m.id === s.reportId
+                                  const i = t(f).find(
+                                    (y) => y.id === s.reportId
                                   );
-                                  c && be(c);
+                                  i && Se(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
                               v("div", {
                                 role: "menuitem",
                                 "data-testid": "mobile-pos-v8-toggle",
-                                tabindex: !s.canUpdate || s.isMandatoryPosReport || g.value.has(s.reportId) ? void 0 : -1,
-                                "aria-disabled": !s.canUpdate || s.isMandatoryPosReport || g.value.has(s.reportId),
-                                class: b(
-                                  !s.canUpdate || s.isMandatoryPosReport || g.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"
+                                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 || 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: (c) => {
-                                  c.stopPropagation();
-                                  const m = t(y).find(
-                                    (p) => p.id === s.reportId
+                                onClick: (i) => {
+                                  i.stopPropagation();
+                                  const y = t(f).find(
+                                    (J) => J.id === s.reportId
                                   );
-                                  m && V(m);
+                                  y && V(y);
                                 }
                               }, [
-                                v("span", dt, k(t(a)("report.common.showInPOS")), 1),
+                                v("span", ut, k(t(a)("report.common.showInPOS")), 1),
                                 v("span", null, [
-                                  i(t(me), {
-                                    "model-value": Le(
+                                  c(t(fe), {
+                                    "model-value": s.reportType === "canvas" ? !1 : Le(
                                       s.reportId,
                                       s.isSupportPos
                                     ),
-                                    disabled: !s.canUpdate || s.isMandatoryPosReport || g.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, pt),
-                              i(t(P), {
+                              ], 10, dt),
+                              c(t(P), {
                                 label: t(a)("report.common.duplicate"),
-                                disabled: ee(s),
-                                class: b(
-                                  ee(s) ? "text-fm-color-typo-disabled" : ""
+                                disabled: te(s),
+                                class: g(
+                                  te(s) ? "text-fm-color-typo-disabled" : ""
                                 ),
                                 onClick: () => {
-                                  const c = t(y).find(
-                                    (m) => m.id === s.reportId
+                                  const i = t(f).find(
+                                    (y) => y.id === s.reportId
                                   );
-                                  c && !ee(s) ? ge(c) : 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"]),
-                              i(t(P), {
+                              c(t(P), {
                                 label: t(a)(
-                                  s.reportId === ((C = t(K)) == 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 c = t(y).find(
-                                    (m) => m.id === s.reportId
+                                  const i = t(f).find(
+                                    (y) => y.id === s.reportId
                                   );
-                                  c && ye(c);
+                                  i && ve(i);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              i(t(P), {
+                              c(t(P), {
                                 label: t(a)("report.common.delete"),
-                                disabled: te(s),
-                                class: b(
-                                  te(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
+                                disabled: oe(s),
+                                class: g(
+                                  oe(s) ? "text-fm-color-typo-disabled" : "text-fm-color-typo-error"
                                 ),
                                 onClick: () => {
-                                  const c = t(y).find(
-                                    (m) => m.id === s.reportId
+                                  const i = t(f).find(
+                                    (y) => y.id === s.reportId
                                   );
-                                  c && !te(s) && ve(c);
+                                  i && !oe(s) && be(i);
                                 }
                               }, {
-                                label: f(() => [
-                                  Ee(k(t(a)("report.common.delete")), 1)
+                                label: m(() => [
+                                  je(k(t(a)("report.common.delete")), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "disabled", "class", "onClick"])
@@ -680,9 +682,9 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
                           _: 2
                         }, 1024)
                       ]),
-                      default: f(() => [
+                      default: m(() => [
                         v("span", {
-                          class: b(["fm-typo-en-body-lg-400 line-clamp-1 break-all text-fm-color-typo-primary", s.canRead ? "" : "opacity-40 cursor-not-allowed"])
+                          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
@@ -695,7 +697,7 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
             }, 8, ["class", "column-defs", "row-data", "page-size"])), [
               [he, x.value.length > 0]
             ]),
-            we(i(et, null, null, 512), [
+            Re(c(tt, null, null, 512), [
               [he, x.value.length === 0]
             ])
           ], 6)
@@ -706,5 +708,5 @@ const lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, it
   }
 });
 export {
-  Ct as default
+  It as default
 };