@feedmepos/mf-report 5.5.10-beta.0 → 5.5.11-beta.0

package/dist/{OverviewView-BzWZLPJs.js → OverviewView-D7wq9voi.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, computed as w, resolveComponent as k, createBlock as a, openBlock as t, withCtx as $, createVNode as d, createElementVNode as y, unref as e, normalizeStyle as C, normalizeClass as u, createElementBlock as _, Fragment as h, renderList as B } from "vue";
-import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-ByYEvziC.js";
+import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-Blu98Lu7.js";
 import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-D7TqpbQ9.js";
 import { a as P } from "./v4-HCTsB306.js";
 import { storeToRefs as R } from "pinia";

package/dist/{Report-DpH4_M5Q.js → Report-St-N-XGu.js}

@@ -1,56 +1,57 @@
-import { defineComponent as ce, ref as O, watch as Q, computed as w, h as f, withModifiers as ie, resolveComponent as C, createBlock as T, openBlock as F, withCtx as i, createVNode as n, createElementVNode as y, unref as e, normalizeStyle as me, normalizeClass as _, withDirectives as B, createElementBlock as ue, Fragment as pe, renderList as de, toDisplayString as R, createTextVNode as fe, vShow as D } from "vue";
-import { storeToRefs as W } from "pinia";
-import { a as ve } from "./v4-HCTsB306.js";
-import { _ as ye } from "./Default.vue_vue_type_script_setup_true_lang-D7TqpbQ9.js";
-import { u as ge } from "./message-dialog-UoMWOnil.js";
-import { b as be, f as xe } from "./global-loader-BqFQzk46.js";
-import { useSnackbar as Ce, useBreakpoints as _e, components as he, FmButtonColorThemeVariant as ke } from "@feedmepos/ui-library";
-import { _ as we } from "./NoData.vue_vue_type_script_setup_true_lang-DI4X_DSc.js";
-import { useRouter as $e, useRoute as Ie, onBeforeRouteLeave as Se } from "vue-router";
-import { useI18n as Fe } from "@feedmepos/mf-common";
-const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = { class: "w-[343px]" }, Ve = { class: "fm-typo-en-body-md-600" }, Ke = /* @__PURE__ */ ce({
+import { defineComponent as me, ref as O, watch as W, computed as w, h as f, withModifiers as ue, resolveComponent as x, createBlock as T, openBlock as F, withCtx as i, createVNode as n, createElementVNode as y, unref as e, normalizeStyle as pe, normalizeClass as C, withDirectives as B, createElementBlock as de, Fragment as fe, renderList as ve, toDisplayString as R, createTextVNode as ye, vShow as D } from "vue";
+import { storeToRefs as X } from "pinia";
+import { a as ge } from "./v4-HCTsB306.js";
+import { _ as be } from "./Default.vue_vue_type_script_setup_true_lang-D7TqpbQ9.js";
+import { u as he } from "./message-dialog-UoMWOnil.js";
+import { b as xe, f as Ce } from "./global-loader-BqFQzk46.js";
+import { useSnackbar as _e, useBreakpoints as ke, components as we, FmButtonColorThemeVariant as $e } from "@feedmepos/ui-library";
+import { _ as Ie } from "./NoData.vue_vue_type_script_setup_true_lang-DI4X_DSc.js";
+import { useRouter as Se, useRoute as Fe, onBeforeRouteLeave as Re } from "vue-router";
+import { useI18n as Le } from "@feedmepos/mf-common";
+import { r as Z } from "./i18n-Cif1I9J2.js";
+const Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ze = { class: "w-[343px]" }, Pe = { class: "fm-typo-en-body-md-600" }, Ye = /* @__PURE__ */ me({
   __name: "Report",
-  setup(ze) {
-    const { t: r } = Fe(), A = $e(), M = Ie(), p = ve(), { business: X } = W(be()), {
+  setup(Ne) {
+    const { t: r, te: A } = Le(), M = Se(), q = Fe(), p = ge(), { business: ee } = X(xe()), {
       reports: d,
       categories: $,
       pinReport: I,
-      isOpenAddReportDialog: Z,
-      scrollPositionY: q,
-      customReportQuota: J,
-      canCreateCustomReport: ee
-    } = W(p), { promptMessage: K } = ge(), { promptLoader: U } = xe(), v = Ce(), { breakpoints: s } = _e(), g = O();
-    Se(() => {
-      g.value && (q.value = g.value.$el.children[0].scrollTop);
-    }), Q(g, () => {
+      isOpenAddReportDialog: te,
+      scrollPositionY: J,
+      customReportQuota: K,
+      canCreateCustomReport: oe
+    } = X(p), { promptMessage: U } = he(), { promptLoader: j } = Ce(), v = _e(), { breakpoints: s } = ke(), g = O();
+    Re(() => {
+      g.value && (J.value = g.value.$el.children[0].scrollTop);
+    }), W(g, () => {
       g.value && setTimeout(() => {
-        g.value.$el.children[0].scrollTop = q.value;
+        g.value.$el.children[0].scrollTop = J.value;
       }, 200);
     });
     const L = w(() => I.value && d.value ? d.value.filter((t) => {
       var o;
       return (o = I.value) == null ? void 0 : o.includes(t.id);
     }) : []);
-    Q(
-      [() => X.value],
+    W(
+      [() => ee.value],
       () => {
         p.refreshPinReport();
       },
       { immediate: !0 }
     );
-    const j = w(() => L.value.length > 0 ? d.value.filter(
+    const Y = w(() => L.value.length > 0 ? d.value.filter(
       (t) => L.value.findIndex((o) => o.id === t.id) === -1
-    ) : d.value), { FmButton: te, FmMenu: V, FmMenuItem: h, FmIcon: z, FmChip: P } = he, Y = w(() => [
+    ) : d.value), { FmButton: re, FmMenu: V, FmMenuItem: _, FmIcon: z, FmChip: P } = we, E = w(() => [
       { value: void 0, label: "All" },
       ...$.value.map((t) => ({
         value: t.id,
         label: t.name
       }))
-    ]), b = O(Y.value[0]), S = O(""), x = w(() => j.value.length === 0 || $.value.length === 0 ? [] : [
+    ]), b = O(E.value[0]), S = O(""), h = w(() => Y.value.length === 0 || $.value.length === 0 ? [] : [
       ...L.value.map((o) => {
         const a = $.value.find((c) => c.id === o.category);
         return {
-          name: o.name,
+          name: Z(r, A, o.name, "other"),
           categoryId: (a == null ? void 0 : a.id) ?? "",
           category: a != null && a.name ? r(`report.category.${a.name}`) : r("report.common.uncategorized"),
           reportId: o.id,
@@ -58,10 +59,10 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
           pin: !0
         };
       }).filter((o) => b.value.value && o.categoryId !== b.value.value ? !1 : o.name.toLowerCase().indexOf(S.value.toLowerCase()) !== -1),
-      ...j.value.map((o) => {
+      ...Y.value.map((o) => {
         const a = $.value.find((c) => c.id === o.category);
         return {
-          name: o.name,
+          name: Z(r, A, o.name, "other"),
           categoryId: (a == null ? void 0 : a.id) ?? "",
           category: a != null && a.name ? r(`report.category.${a.name}`) : r("report.common.uncategorized"),
           reportId: o.id,
@@ -69,9 +70,9 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
           pin: !1
         };
       }).filter((o) => b.value.value && o.categoryId !== b.value.value ? !1 : o.name.toLowerCase().indexOf(S.value.toLowerCase()) !== -1)
-    ]), oe = w(
-      () => x.value.map((t) => `${t.name}${t.category}`).toString()
-    ), re = [
+    ]), ae = w(
+      () => h.value.map((t) => `${t.name}${t.category}`).toString()
+    ), le = [
       {
         accessorKey: "name",
         header: r("report.common.name"),
@@ -106,7 +107,7 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
             {
               label: r("report.common.duplicate"),
               onClick: () => {
-                c && E(c);
+                c && G(c);
               },
               variant: "",
               disabled: !1
@@ -114,7 +115,7 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
             {
               label: r("report.common.remove"),
               onClick: () => {
-                c && G(c);
+                c && H(c);
               },
               variant: "destructive",
               disabled: !o.editable
@@ -130,8 +131,8 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                 f(
                   "button",
                   {
-                    onClick: ie(() => {
-                      c && H(c);
+                    onClick: ue(() => {
+                      c && Q(c);
                     }, ["stop"]),
                     class: `text-fm-color-neutral-gray-400 ${o.pin ? "" : "show-pin"} hover:bg-fm-color-opacity-sm rounded-lg flex items-center justify-center`
                   },
@@ -156,7 +157,7 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                   {
                     default: () => N.map(
                       (m) => f(
-                        h,
+                        _,
                         {
                           onClick: m.disabled ? {} : m.onClick,
                           label: m.label,
@@ -169,12 +170,12 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                       )
                     ),
                     "menu-button": () => f(
-                      te,
+                      re,
                       {
                         variant: "tertiary",
                         size: "md",
                         icon: "more_vert",
-                        iconColor: ke.NeutralGray400
+                        iconColor: $e.NeutralGray400
                       },
                       {}
                     )
@@ -186,8 +187,8 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
         }
       }
     ];
-    async function E(t) {
-      if (await K({
+    async function G(t) {
+      if (await U({
         title: r("report.common.duplicate"),
         message: r("report.messages.confirmAction", {
           action: r("report.common.duplicate"),
@@ -195,7 +196,7 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
         })
       })) {
         const a = JSON.parse(JSON.stringify(t));
-        a.editable = !0, a.id = "", a.name = `${a.name} ${r("report.common.duplicate")}`, U(async () => {
+        a.editable = !0, a.id = "", a.name = `${a.name} ${r("report.common.duplicate")}`, j(async () => {
           try {
             await p.createOrUpdateReport(a), v.open({
               message: `${r("report.messages.duplicateSuccess", { name: a.name })}`,
@@ -207,11 +208,11 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
         });
       }
     }
-    async function G(t) {
-      await K({
+    async function H(t) {
+      await U({
         title: r("report.messages.deleteReport"),
         message: r("report.messages.confirmDelete", { name: t.name })
-      }) && U(async () => {
+      }) && j(async () => {
         try {
           await p.removeReport(t), v.open({
             message: r("report.messages.deleteSuccess", { name: t.name }),
@@ -222,18 +223,18 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
         }
       });
     }
-    function ae() {
-      if (ee.value)
-        Z.value = !0;
+    function ne() {
+      if (oe.value)
+        te.value = !0;
       else {
-        let t = `Your current plan only support up to ${J.value} custom reports.`;
-        J.value === 0 && (t = "Your current plan does not support custom report."), v.open({
+        let t = `Your current plan only support up to ${K.value} custom reports.`;
+        K.value === 0 && (t = "Your current plan does not support custom report."), v.open({
           message: t,
           type: "error"
         });
       }
     }
-    function H(t) {
+    function Q(t) {
       I.value && I.value.includes(t.id) ? (v.open({
         message: `${r("report.common.unpin")} ${t.name} ${r("report.common.successful")}`,
         type: "success"
@@ -242,12 +243,12 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
         type: "success"
       }), p.cachePinReport(t));
     }
-    function le(t) {
+    function se(t) {
       b.value = t;
     }
     return (t, o) => {
-      const a = C("FmPageHead"), c = C("FmSearch"), N = C("FmForm"), m = C("FmListItem"), ne = C("FmList"), se = C("FmTable");
-      return F(), T(ye, null, {
+      const a = x("FmPageHead"), c = x("FmSearch"), N = x("FmForm"), m = x("FmListItem"), ce = x("FmList"), ie = x("FmTable");
+      return F(), T(be, null, {
         default: i(() => [
           n(a, {
             title: e(r)("report.common.report", 1),
@@ -260,14 +261,14 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                 prependIcon: "add"
               }
             ],
-            "onClick:action": o[0] || (o[0] = (l) => ae())
+            "onClick:action": o[0] || (o[0] = (l) => ne())
           }, null, 8, ["title", "actions"]),
           y("div", {
-            class: _(`overflow-y-hidden flex flex-col gap-8 ${e(s).sm || e(s).xs ? "mb-20" : ""}`),
-            style: me({ height: `calc(100% - ${e(s).lg || e(s).md ? 72 : 64}px)` })
+            class: C(`overflow-y-hidden flex flex-col gap-8 ${e(s).sm || e(s).xs ? "mb-20" : ""}`),
+            style: pe({ height: `calc(100% - ${e(s).lg || e(s).md ? 72 : 64}px)` })
           }, [
             n(N, {
-              class: _(`flex items-center gap-2 ${e(s).sm || e(s).xs ? "px-3" : "px-24"}`)
+              class: C(`flex items-center gap-2 ${e(s).sm || e(s).xs ? "px-3" : "px-24"}`)
             }, {
               default: i(() => [
                 n(e(V), null, {
@@ -281,54 +282,54 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                     })
                   ]),
                   default: i(() => [
-                    (F(!0), ue(pe, null, de(Y.value, (l, u) => (F(), T(e(h), {
+                    (F(!0), de(fe, null, ve(E.value, (l, u) => (F(), T(e(_), {
                       key: u,
                       label: e(r)(`report.category.${l.label}`),
-                      onClick: () => le(l)
+                      onClick: () => se(l)
                     }, null, 8, ["label", "onClick"]))), 128))
                   ]),
                   _: 1
                 }),
                 y("div", {
-                  class: _(`flex ${e(s).sm || e(s).xs ? "justify-center items-center" : ""}`)
+                  class: C(`flex ${e(s).sm || e(s).xs ? "justify-center items-center" : ""}`)
                 }, [
-                  y("p", Re, R(e(r)("report.common.results", { count: x.value.length })), 1)
+                  y("p", Ve, R(e(r)("report.common.results", { count: h.value.length })), 1)
                 ], 2),
                 o[3] || (o[3] = y("div", { class: "grow" }, null, -1)),
-                y("div", Le, [
+                y("div", ze, [
                   n(c, {
                     modelValue: S.value,
                     "onUpdate:modelValue": o[1] || (o[1] = (l) => S.value = l),
-                    class: _(`${e(s).lg || e(s).md ? "grow" : ""}`)
+                    class: C(`${e(s).lg || e(s).md ? "grow" : ""}`)
                   }, null, 8, ["modelValue", "class"])
                 ])
               ]),
               _: 1
             }, 8, ["class"]),
-            B((F(), T(se, {
-              key: oe.value,
+            B((F(), T(ie, {
+              key: ae.value,
               ref_key: "table",
               ref: g,
-              class: _([e(s).sm || e(s).xs ? "px-0" : "px-24", "report-table"]),
+              class: C([e(s).sm || e(s).xs ? "px-0" : "px-24", "report-table"]),
               style: { height: "calc(100% - 40px)" },
-              "column-defs": re,
-              "row-data": x.value,
-              "page-size": x.value.length,
+              "column-defs": le,
+              "row-data": h.value,
+              "page-size": h.value.length,
               "hide-footer": !0,
               "row-class-name": "row",
               onRowClick: o[2] || (o[2] = (l) => {
-                e(p).updateCurrentReportId(l.original.reportId), e(A).push({
+                e(p).updateCurrentReportId(l.original.reportId), e(M).push({
                   name: "reportView",
-                  query: e(M).query
+                  query: e(q).query
                 });
               })
             }, {
               "list-row": i(({ original: l }) => [
-                n(ne, {
+                n(ce, {
                   onClick: () => {
-                    l.reportId && (e(p).updateCurrentReportId(l.reportId), e(A).push({
+                    l.reportId && (e(p).updateCurrentReportId(l.reportId), e(M).push({
                       name: "reportView",
-                      query: e(M).query
+                      query: e(q).query
                     }));
                   }
                 }, {
@@ -340,13 +341,13 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                     }, {
                       append: i(() => [
                         n(e(P), {
-                          class: _(
+                          class: C(
                             l.category !== "Uncategorized" ? "bg-fm-color-system-info-100 text-fm-color-typo-info" : "text-fm-color-typo-secondary"
                           ),
                           compact: !0
                         }, {
                           default: i(() => [
-                            y("p", Ve, R(l.category), 1)
+                            y("p", Pe, R(l.category), 1)
                           ]),
                           _: 2
                         }, 1032, ["class"]),
@@ -361,36 +362,36 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
                             })
                           ]),
                           default: i(() => [
-                            n(e(h), {
+                            n(e(_), {
                               label: l.pin ? "Unpin" : "Pin",
                               onClick: () => {
                                 const u = e(d).find(
                                   (k) => k.id === l.reportId
                                 );
-                                u && H(u);
+                                u && Q(u);
                               }
                             }, null, 8, ["label", "onClick"]),
-                            n(e(h), {
+                            n(e(_), {
                               label: e(r)("report.common.duplicate"),
                               onClick: () => {
                                 const u = e(d).find(
                                   (k) => k.id === l.reportId
                                 );
-                                u && E(u);
+                                u && G(u);
                               }
                             }, null, 8, ["label", "onClick"]),
-                            B(n(e(h), {
+                            B(n(e(_), {
                               label: e(r)("report.common.delete"),
                               class: "text-fm-color-typo-error",
                               onClick: () => {
                                 const u = e(d).find(
                                   (k) => k.id === l.reportId
                                 );
-                                u && G(u);
+                                u && H(u);
                               }
                             }, {
                               label: i(() => [
-                                fe(R(e(r)("report.common.delete")), 1)
+                                ye(R(e(r)("report.common.delete")), 1)
                               ]),
                               _: 2
                             }, 1032, ["label", "onClick"]), [
@@ -408,10 +409,10 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
               ]),
               _: 1
             }, 8, ["class", "row-data", "page-size"])), [
-              [D, x.value.length > 0]
+              [D, h.value.length > 0]
             ]),
-            B(n(we, null, null, 512), [
-              [D, x.value.length === 0]
+            B(n(Ie, null, null, 512), [
+              [D, h.value.length === 0]
             ])
           ], 6)
         ]),
@@ -421,5 +422,5 @@ const Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le
   }
 });
 export {
-  Ke as default
+  Ye as default
 };