@feedmepos/mf-report 5.22.12 → 5.22.13-beta.0

package/dist/{Report-QeJVzX13.js → Report-DvSjPfbV.js}

@@ -1,81 +1,84 @@
-import { defineComponent as ke, ref as U, watch as ce, computed as b, h as y, withModifiers as we, resolveComponent as w, createBlock as j, openBlock as A, withCtx as i, createVNode as s, createElementVNode as h, unref as e, normalizeStyle as xe, normalizeClass as x, withDirectives as G, createElementBlock as _e, Fragment as Ie, renderList as $e, toDisplayString as J, createTextVNode as Re, vShow as H } from "vue";
-import { storeToRefs as ie } from "pinia";
-import { a as De, u as Fe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BZlvMBPW.js";
-import { _ as Oe } from "./Default.vue_vue_type_script_setup_true_lang-BuFLfame.js";
-import { u as Le } from "./message-dialog-UoMWOnil.js";
-import { b as ue, e as Ne } from "./vue-i18n-kHBFKu4C.js";
-import { useSnackbar as Ve, useBreakpoints as Ae, components as Je, FmButtonColorThemeVariant as ze } from "@feedmepos/ui-library";
-import { _ as Pe } from "./NoData.vue_vue_type_script_setup_true_lang-CdGpZdFx.js";
-import { useRouter as Te, useRoute as Be, onBeforeRouteLeave as Ee } from "vue-router";
-import { useI18n as Ke } from "@feedmepos/mf-common";
-import { r as me } from "./i18n-CI_sQ5d_.js";
-const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye = { class: "w-[343px]" }, qe = { class: "fm-typo-en-body-md-600" }, nt = /* @__PURE__ */ ke({
+import { defineComponent as _e, ref as j, watch as ue, computed as b, h as y, withModifiers as Ie, resolveComponent as x, createBlock as G, openBlock as V, withCtx as m, createVNode as l, createElementVNode as h, unref as e, normalizeStyle as $e, normalizeClass as _, withDirectives as H, createElementBlock as Re, Fragment as De, renderList as Fe, toDisplayString as A, createTextVNode as Oe, vShow as Q } from "vue";
+import { storeToRefs as me } from "pinia";
+import { a as Le, u as Ne } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
+import { _ as Pe } from "./Default.vue_vue_type_script_setup_true_lang-COOzNYD3.js";
+import { u as Ve } from "./message-dialog-UoMWOnil.js";
+import { b as de, e as Ae } from "./vue-i18n-wKxo3TA6.js";
+import { useSnackbar as Je, useBreakpoints as ze, components as Be, FmButtonColorThemeVariant as Te } from "@feedmepos/ui-library";
+import { _ as Ue } from "./NoData.vue_vue_type_script_setup_true_lang-C7GXgBKq.js";
+import { useRouter as Ee, useRoute as Ke, onBeforeRouteLeave as Me } from "vue-router";
+import { useI18n as Ye } from "@feedmepos/mf-common";
+import { r as W } from "./i18n-CI_sQ5d_.js";
+import { u as qe } from "./useReportPermission-CRkYtDX0.js";
+const je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ge = { class: "w-[343px]" }, He = { class: "fm-typo-en-body-md-600" }, ct = /* @__PURE__ */ _e({
   __name: "Report",
-  setup(Ue) {
-    const { t: a, te: Q } = Ke(), W = Te(), X = Be(), p = De(), de = Fe(), { business: pe } = ie(ue()), {
+  setup(Qe) {
+    const { t: a, te: J } = Ye(), X = Ee(), Z = Ke(), p = Le(), pe = Ne(), { business: fe } = me(de()), {
       reports: f,
       overviewReport: z,
-      categories: I,
-      pinReport: $,
-      isOpenAddReportDialog: fe,
-      scrollPositionY: Z,
-      customReportQuota: R,
-      canCreateCustomReport: ee
-    } = ie(p), { promptMessage: te } = Le(), { promptLoader: P } = Ne(), d = Ve(), { breakpoints: c } = Ae(), S = U();
-    Ee(() => {
-      S.value && (Z.value = S.value.$el.children[0].scrollTop);
-    }), ce(S, () => {
-      S.value && setTimeout(() => {
-        S.value.$el.children[0].scrollTop = Z.value;
+      categories: R,
+      pinReport: D,
+      isOpenAddReportDialog: ve,
+      scrollPositionY: ee,
+      customReportQuota: F,
+      canCreateCustomReport: te
+    } = me(p), { promptMessage: oe } = Ve(), { promptLoader: B } = Ae(), u = Je(), { breakpoints: i } = ze(), { canUpdate: ae, canDuplicate: ye, canCreateReport: ge } = qe(), C = j();
+    Me(() => {
+      C.value && (ee.value = C.value.$el.children[0].scrollTop);
+    }), ue(C, () => {
+      C.value && setTimeout(() => {
+        C.value.$el.children[0].scrollTop = ee.value;
       }, 200);
     });
-    const T = b(() => $.value && f.value ? f.value.filter((o) => {
+    const T = b(() => D.value && f.value ? f.value.filter((o) => {
       var t;
-      return (t = $.value) == null ? void 0 : t.includes(o.id);
+      return (t = D.value) == null ? void 0 : t.includes(o.id);
     }) : []);
-    ce(
-      [() => pe.value],
+    ue(
+      [() => fe.value],
       () => {
         p.refreshPinReport();
       },
       { immediate: !0 }
     );
-    const oe = b(() => T.value.length > 0 ? f.value.filter(
+    const ne = b(() => T.value.length > 0 ? f.value.filter(
       (o) => T.value.findIndex((t) => t.id === o.id) === -1
-    ) : f.value), { FmButton: ve, FmMenu: B, FmMenuItem: C, FmIcon: E, FmChip: K } = Je, ae = b(() => [
+    ) : f.value), { FmButton: be, FmMenu: U, FmMenuItem: S, FmIcon: E, FmChip: K } = Be, re = b(() => [
       { value: void 0, label: "All" },
-      ...I.value.map((o) => ({
+      ...R.value.map((o) => ({
         value: o.id,
         label: o.name
       }))
-    ]), D = U(ae.value[0]), M = U(""), k = b(() => oe.value.length === 0 || I.value.length === 0 ? [] : [
+    ]), O = j(re.value[0]), M = j(""), k = b(() => ne.value.length === 0 || R.value.length === 0 ? [] : [
       ...T.value.map((t) => {
-        const n = I.value.find((l) => l.id === t.category);
+        const n = R.value.find((s) => s.id === t.category);
         return {
-          name: me(a, Q, t.name, "other"),
+          name: W(a, J, t.name, "other"),
           categoryId: (n == null ? void 0 : n.id) ?? "",
           category: n != null && n.name ? a(`report.category.${n.name}`) : a("report.common.uncategorized"),
           reportId: t.id,
           editable: t.editable,
           description: t.description || "",
-          pin: !0
+          pin: !0,
+          canUpdate: ae(t)
         };
       }),
-      ...oe.value.map((t) => {
-        const n = I.value.find((l) => l.id === t.category);
+      ...ne.value.map((t) => {
+        const n = R.value.find((s) => s.id === t.category);
         return {
-          name: me(a, Q, t.name, "other"),
+          name: W(a, J, t.name, "other"),
           categoryId: (n == null ? void 0 : n.id) ?? "",
           category: n != null && n.name ? a(`report.category.${n.name}`) : a("report.common.uncategorized"),
           reportId: t.id,
           editable: t.editable,
           description: t.description || "",
-          pin: !1
+          pin: !1,
+          canUpdate: ae(t)
         };
       })
-    ].filter((t) => D.value.value && t.categoryId !== D.value.value ? !1 : `${(t == null ? void 0 : t.name) || ""}${(t == null ? void 0 : t.description) || ""}`.toLowerCase().indexOf(M.value.toLowerCase()) !== -1)), ye = b(
+    ].filter((t) => O.value.value && t.categoryId !== O.value.value ? !1 : `${(t == null ? void 0 : t.name) || ""}${(t == null ? void 0 : t.description) || ""}`.toLowerCase().indexOf(M.value.toLowerCase()) !== -1)), he = b(
       () => k.value.map((o) => `${o.name}${o.category}`).toString()
-    ), ge = b(() => [
+    ), Ce = b(() => [
       {
         accessorKey: "name",
         header: a("report.common.name"),
@@ -112,20 +115,23 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
           width: "80px"
         },
         cell: (o) => {
-          var N;
-          const t = o.row.original, n = t.reportId, l = f.value.find((u) => u.id === n), Y = n === ((N = z.value) == null ? void 0 : N.id), q = [
+          var r;
+          const t = o.row.original, n = t.reportId, s = f.value.find((c) => c.id === n), Y = n === ((r = z.value) == null ? void 0 : r.id), w = !1, $ = s ? ye(s) : !1, q = [
             {
               label: a("report.common.duplicate"),
               onClick: () => {
-                l && le(l);
+                s && $ ? ie(s) : $ || u.open({
+                  message: a("report.messages.noPermissionDuplicateReport"),
+                  type: "error"
+                });
               },
               variant: "",
-              disabled: !1
+              disabled: !$
             },
             {
               label: a(Y ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
               onClick: async () => {
-                l && ne(l);
+                s && se(s);
               },
               variant: "",
               disabled: !1
@@ -133,7 +139,7 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
             {
               label: a("report.common.remove"),
               onClick: () => {
-                l && re(l);
+                s && le(s);
               },
               variant: "destructive",
               disabled: !t.editable
@@ -142,17 +148,21 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
           return y(
             "div",
             {
-              class: `flex ${c.value.lg || c.value.md ? "justify-end" : ""} items-center`
+              class: `flex ${i.value.lg || i.value.md ? "justify-end" : ""} items-center`
             },
             {
               default: () => [
                 y(
                   "button",
                   {
-                    onClick: we(() => {
-                      l && se(l);
+                    disabled: w,
+                    title: void 0,
+                    onClick: Ie(() => {
+                      s && ce(s);
                     }, ["stop"]),
-                    class: `text-fm-color-neutral-gray-400 ${t.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
+                    class: `text-fm-color-neutral-gray-400 ${t.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`,
+                    disabled: w,
+                    title: void 0
                   },
                   {
                     default: () => [
@@ -170,30 +180,37 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
                   }
                 ),
                 y(
-                  B,
-                  { stopClickPropagation: !0, shift: !0 },
+                  U,
+                  {
+                    stopClickPropagation: !0,
+                    shift: !0,
+                    disabled: w,
+                    title: void 0
+                  },
                   {
                     default: () => q.map(
-                      (u) => y(
-                        C,
+                      (c) => y(
+                        S,
                         {
-                          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
+                          onClick: c.disabled ? {} : c.onClick,
+                          label: c.label,
+                          class: c.disabled ? "text-fm-color-typo-disabled" : c.variant === "destructive" ? "text-fm-color-typo-error" : "",
+                          disabled: c.disabled
                         },
                         {
-                          label: () => y("p", u.label)
+                          label: () => y("p", c.label)
                         }
                       )
                     ),
                     "menu-button": () => y(
-                      ve,
+                      be,
                       {
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: ze.NeutralGray400
+                        iconColor: Te.NeutralGray400,
+                        disabled: w,
+                        title: void 0
                       },
                       {}
                     )
@@ -205,22 +222,22 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
         }
       }
     ]);
-    async function ne(o) {
-      await P(async () => {
+    async function se(o) {
+      await B(async () => {
         var t;
         try {
           const n = o.id === ((t = z.value) == null ? void 0 : t.id);
-          await p.updateDefaultReport(n ? null : o.id), d.open({
+          await p.updateDefaultReport(n ? null : o.id), u.open({
             message: `Successfully ${n ? "unset" : "set"} ${o.name} as Overview`,
             type: "success"
           });
         } catch (n) {
-          d.open({ message: JSON.stringify(n), type: "error" });
+          u.open({ message: JSON.stringify(n), type: "error" });
         }
       });
     }
-    async function be(o) {
-      if (await te({
+    async function Se(o) {
+      if (await oe({
         title: a("report.common.duplicate"),
         message: a("report.messages.confirmAction", {
           action: a("report.common.duplicate"),
@@ -228,73 +245,81 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
         })
       })) {
         const n = JSON.parse(JSON.stringify(o));
-        n.editable = !0, n.id = "", n.name = `${n.name} ${a("report.common.duplicate")}`, P(async () => {
+        n.editable = !0, n.id = "", n.name = `${n.name} ${a("report.common.duplicate")}`, B(async () => {
           try {
-            await p.createOrUpdateReport(n), d.open({
+            await p.createOrUpdateReport(n), u.open({
               message: `${a("report.messages.duplicateSuccess", { name: n.name })}`,
               type: "success"
             });
-          } catch (l) {
-            d.open({ message: JSON.stringify(l), type: "error" });
+          } catch (s) {
+            u.open({ message: JSON.stringify(s), type: "error" });
           }
         });
       }
     }
-    async function re(o) {
-      await te({
+    async function le(o) {
+      await oe({
         title: a("report.messages.deleteReport"),
         message: a("report.messages.confirmDelete", { name: o.name })
-      }) && P(async () => {
+      }) && B(async () => {
         try {
-          await p.removeReport(o), d.open({
+          await p.removeReport(o), u.open({
             message: a("report.messages.deleteSuccess", { name: o.name }),
             type: "success"
           });
         } catch (n) {
-          d.open({ message: JSON.stringify(n), type: "error" });
+          u.open({ message: JSON.stringify(n), type: "error" });
         }
       });
     }
-    async function le(o) {
-      if (ee.value)
-        await be(o);
+    async function ie(o) {
+      if (te.value)
+        await Se(o);
       else {
-        let t = `Your current plan only support up to ${R.value} custom reports.`;
-        R.value === 0 && (t = "Your current plan does not support custom report."), d.open({
+        let t = `Your current plan only support up to ${F.value} custom reports.`;
+        F.value === 0 && (t = "Your current plan does not support custom report."), u.open({
           message: t,
           type: "error"
         });
       }
     }
-    function he() {
-      if (ee.value)
-        fe.value = !0;
+    function ke() {
+      if (!ge.value) {
+        u.open({
+          message: a("report.messages.noPermission"),
+          type: "error"
+        });
+        return;
+      }
+      if (te.value)
+        ve.value = !0;
       else {
-        let o = `Your current plan only support up to ${R.value} custom reports.`;
-        R.value === 0 && (o = "Your current plan does not support custom report."), d.open({
+        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."), u.open({
           message: o,
           type: "error"
         });
       }
     }
-    function se(o) {
-      $.value && $.value.includes(o.id) ? (d.open({
-        message: `${a("report.common.unpin")} ${o.name} ${a("report.common.successful")}`,
+    function ce(o) {
+      const t = W(a, J, o.name, "other") ?? "";
+      D.value && D.value.includes(o.id) ? (u.open({
+        message: `${a("report.common.unpin")} ${t} ${a("report.common.successful")}`,
         type: "success"
-      }), p.clearPinReport(o.id)) : (d.open({
-        message: `${a("report.common.pin")} ${o.name} ${a("report.common.successful")}`,
+      }), p.clearPinReport(o.id)) : (u.open({
+        message: `${a("report.common.pin")} ${t} ${a("report.common.successful")}`,
         type: "success"
       }), p.cachePinReport(o));
     }
-    function Se(o) {
-      D.value = o;
+    function we(o) {
+      O.value = o;
     }
-    const { selectedLocationIds: _, dateRange: F, compareDateRange: O, timeRange: v, locations: Ce } = ue(), L = b(() => _.length === Ce.length);
+    const { selectedLocationIds: I, dateRange: L, compareDateRange: N, timeRange: v, locations: xe } = de(), P = b(() => I.length === xe.length);
     return (o, t) => {
-      const n = w("FmPageHead"), l = w("FmSearch"), Y = w("FmForm"), q = w("FmListItem"), N = w("FmList"), u = w("FmTable");
-      return A(), j(Oe, null, {
-        default: i(() => [
-          s(n, {
+      const n = x("FmPageHead"), s = x("FmSearch"), Y = x("FmForm"), w = x("FmListItem"), $ = x("FmList"), q = x("FmTable");
+      return V(), G(Pe, null, {
+        default: m(() => [
+          l(n, {
             title: e(a)("report.common.report", 1),
             class: "h-[68px]",
             actions: [
@@ -305,176 +330,176 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
                 prependIcon: "add"
               }
             ],
-            "onClick:action": t[0] || (t[0] = (r) => he())
+            "onClick:action": t[0] || (t[0] = (r) => ke())
           }, null, 8, ["title", "actions"]),
           h("div", {
-            class: x(`overflow-y-hidden flex flex-col gap-8 ${e(c).sm || e(c).xs ? "mb-20" : ""}`),
-            style: xe({ height: `calc(100% - ${e(c).lg || e(c).md ? 72 : 64}px)` })
+            class: _(`overflow-y-hidden flex flex-col gap-8 ${e(i).sm || e(i).xs ? "mb-20" : ""}`),
+            style: $e({ height: `calc(100% - ${e(i).lg || e(i).md ? 72 : 64}px)` })
           }, [
-            s(Y, {
-              class: x(`flex items-center gap-2 ${e(c).sm || e(c).xs ? "px-3" : "px-24"}`)
+            l(Y, {
+              class: _(`flex items-center gap-2 ${e(i).sm || e(i).xs ? "px-3" : "px-24"}`)
             }, {
-              default: i(() => [
-                s(e(B), null, {
-                  "menu-button": i(() => [
-                    s(e(K), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
-                      default: i(() => [
-                        h("p", null, J(e(a)(`report.category.${D.value.label}`)), 1),
-                        s(e(E), { name: "expand_more" })
+              default: m(() => [
+                l(e(U), null, {
+                  "menu-button": m(() => [
+                    l(e(K), { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, {
+                      default: m(() => [
+                        h("p", null, A(e(a)(`report.category.${O.value.label}`)), 1),
+                        l(e(E), { name: "expand_more" })
                       ]),
                       _: 1
                     })
                   ]),
-                  default: i(() => [
-                    (A(!0), _e(Ie, null, $e(ae.value, (r, V) => (A(), j(e(C), {
-                      key: V,
+                  default: m(() => [
+                    (V(!0), Re(De, null, Fe(re.value, (r, c) => (V(), G(e(S), {
+                      key: c,
                       label: e(a)(`report.category.${r.label}`),
-                      onClick: () => Se(r)
+                      onClick: () => we(r)
                     }, null, 8, ["label", "onClick"]))), 128))
                   ]),
                   _: 1
                 }),
                 h("div", {
-                  class: x(`flex ${e(c).sm || e(c).xs ? "justify-center items-center" : ""}`)
+                  class: _(`flex ${e(i).sm || e(i).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  h("p", Me, J(e(a)("report.common.results", { count: k.value.length })), 1)
+                  h("p", je, A(e(a)("report.common.results", { count: k.value.length })), 1)
                 ], 2),
                 t[3] || (t[3] = h("div", { class: "grow" }, null, -1)),
-                h("div", Ye, [
-                  s(l, {
+                h("div", Ge, [
+                  l(s, {
                     modelValue: M.value,
                     "onUpdate:modelValue": t[1] || (t[1] = (r) => M.value = r),
-                    class: x(`${e(c).lg || e(c).md ? "grow" : ""}`)
+                    class: _(`${e(i).lg || e(i).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            G((A(), j(u, {
-              key: ye.value,
+            H((V(), G(q, {
+              key: he.value,
               ref_key: "table",
-              ref: S,
-              class: x([e(c).sm || e(c).xs ? "px-0" : "px-24", "report-table"]),
+              ref: C,
+              class: _([e(i).sm || e(i).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
-              "column-defs": ge.value,
+              "column-defs": Ce.value,
               "row-data": k.value,
               "page-size": k.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
               onRowClick: t[2] || (t[2] = (r) => {
-                e(de).suppressReportRouteSync = !0, e(p).updateCurrentReportId(r.original.reportId), e(W).push({
+                e(pe).suppressReportRouteSync = !0, e(p).updateCurrentReportId(r.original.reportId), e(X).push({
                   name: "reportView",
                   query: {
-                    ...e(X).query,
+                    ...e(Z).query,
                     reportId: r.original.reportId,
-                    startDate: e(F).startDate,
-                    endDate: e(F).endDate,
-                    compareStartDate: e(O).startDate,
-                    compareEndDate: e(O).endDate,
+                    startDate: e(L).startDate,
+                    endDate: e(L).endDate,
+                    compareStartDate: e(N).startDate,
+                    compareEndDate: e(N).endDate,
                     timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
                     timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
-                    isAllLocation: L.value.toString(),
-                    locationIds: L.value ? void 0 : e(_) ? JSON.stringify(e(_)) : void 0
+                    isAllLocation: P.value.toString(),
+                    locationIds: P.value ? void 0 : e(I) ? JSON.stringify(e(I)) : void 0
                   }
                 });
               })
             }, {
-              "list-row": i(({ original: r }) => [
-                s(N, {
+              "list-row": m(({ original: r }) => [
+                l($, {
                   onClick: () => {
-                    r.reportId && (e(p).updateCurrentReportId(r.reportId), e(W).push({
+                    r.reportId && (e(p).updateCurrentReportId(r.reportId), e(X).push({
                       name: "reportView",
                       query: {
-                        ...e(X).query,
+                        ...e(Z).query,
                         reportId: r.reportId,
-                        startDate: e(F).startDate,
-                        endDate: e(F).endDate,
-                        compareStartDate: e(O).startDate,
-                        compareEndDate: e(O).endDate,
+                        startDate: e(L).startDate,
+                        endDate: e(L).endDate,
+                        compareStartDate: e(N).startDate,
+                        compareEndDate: e(N).endDate,
                         timeStart: e(v).start ? JSON.stringify(e(v).start) : null,
                         timeEnd: e(v).end ? JSON.stringify(e(v).end) : null,
-                        isAllLocation: L.value.toString(),
-                        locationIds: L.value ? void 0 : e(_) ? JSON.stringify(e(_)) : void 0
+                        isAllLocation: P.value.toString(),
+                        locationIds: P.value ? void 0 : e(I) ? JSON.stringify(e(I)) : void 0
                       }
                     }));
                   }
                 }, {
-                  default: i(() => [
-                    s(q, {
+                  default: m(() => [
+                    l(w, {
                       tag: "label",
                       label: r.name,
                       clickable: ""
                     }, {
-                      append: i(() => [
-                        s(e(K), {
-                          class: x(
+                      append: m(() => [
+                        l(e(K), {
+                          class: _(
                             r.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
                           ),
                           compact: !0
                         }, {
-                          default: i(() => [
-                            h("p", qe, J(r.category), 1)
+                          default: m(() => [
+                            h("p", He, A(r.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
-                        s(e(B), {
+                        l(e(U), {
                           placement: "left",
                           "stop-click-propagation": !0
                         }, {
-                          "menu-button": i(() => [
-                            s(e(E), {
+                          "menu-button": m(() => [
+                            l(e(E), {
                               name: "more_vert",
                               class: "btn-color"
                             })
                           ]),
-                          default: i(() => {
-                            var V;
+                          default: m(() => {
+                            var c;
                             return [
-                              s(e(C), {
+                              l(e(S), {
                                 label: r.pin ? "Unpin" : "Pin",
                                 onClick: () => {
-                                  const m = e(f).find(
+                                  const d = e(f).find(
                                     (g) => g.id === r.reportId
                                   );
-                                  m && se(m);
+                                  d && ce(d);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              s(e(C), {
+                              l(e(S), {
                                 label: e(a)("report.common.duplicate"),
                                 onClick: () => {
-                                  const m = e(f).find(
+                                  const d = e(f).find(
                                     (g) => g.id === r.reportId
                                   );
-                                  m && le(m);
+                                  d && ie(d);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              s(e(C), {
+                              l(e(S), {
                                 label: e(a)(
-                                  r.reportId === ((V = e(z)) == null ? void 0 : V.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
+                                  r.reportId === ((c = e(z)) == null ? void 0 : c.id) ? "report.common.unsetAsOverview" : "report.common.setAsOverview"
                                 ),
                                 onClick: () => {
-                                  const m = e(f).find(
+                                  const d = e(f).find(
                                     (g) => g.id === r.reportId
                                   );
-                                  m && ne(m);
+                                  d && se(d);
                                 }
                               }, null, 8, ["label", "onClick"]),
-                              G(s(e(C), {
+                              H(l(e(S), {
                                 label: e(a)("report.common.delete"),
                                 class: "text-fm-color-typo-error",
                                 onClick: () => {
-                                  const m = e(f).find(
+                                  const d = e(f).find(
                                     (g) => g.id === r.reportId
                                   );
-                                  m && re(m);
+                                  d && le(d);
                                 }
                               }, {
-                                label: i(() => [
-                                  Re(J(e(a)("report.common.delete")), 1)
+                                label: m(() => [
+                                  Oe(A(e(a)("report.common.delete")), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "onClick"]), [
-                                [H, r.editable]
+                                [Q, r.editable]
                               ])
                             ];
                           }),
@@ -489,10 +514,10 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
               ]),
               _: 1
             }, 8, ["class", "column-defs", "row-data", "page-size"])), [
-              [H, k.value.length > 0]
+              [Q, k.value.length > 0]
             ]),
-            G(s(Pe, null, null, 512), [
-              [H, k.value.length === 0]
+            H(l(Ue, null, null, 512), [
+              [Q, k.value.length === 0]
             ])
           ], 6)
         ]),
@@ -502,5 +527,5 @@ const Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye
   }
 });
 export {
-  nt as default
+  ct as default
 };