@feedmepos/mf-report 5.17.3-beta.0 → 5.18.0-beta.0

package/dist/{NoData.vue_vue_type_script_setup_true_lang-By5gQvZP.js → NoData.vue_vue_type_script_setup_true_lang-Divo8W18.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, computed as o, resolveComponent as d, createElementBlock as r, openBlock as a, renderSlot as f, createVNode as g, withCtx as _, createCommentVNode as y, createElementVNode as l, toDisplayString as n } from "vue";
-import { u as h } from "./vue-i18n-BgRNnwPF.js";
+import { u as h } from "./vue-i18n-CTLGxUiF.js";
 const v = { class: "flex flex-col h-full" }, D = ["src"], T = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, b = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, F = /* @__PURE__ */ u({
   __name: "NoData",
   props: {

package/dist/{OverviewView-VqJNiehH.js → OverviewView-BdkNW-E-.js}

@@ -1,11 +1,11 @@
 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-BKEfQCHO.js";
-import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-BA60lPjR.js";
-import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CUteALow.js";
+import { _ as b } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CNRtuVTK.js";
+import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-BX_Bz8I8.js";
+import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DK6im_EY.js";
 import { storeToRefs as R } from "pinia";
-import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-By5gQvZP.js";
+import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-Divo8W18.js";
 import { useBreakpoints as V } from "@feedmepos/ui-library";
-import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-C3V3j1yU.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-DAFwqfMp.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 const G = /* @__PURE__ */ g({
   __name: "OverviewView",

package/dist/Report-YAviXRm9.js

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

package/dist/{ReportEditor-IlsWxYjl.js → ReportEditor-CMqGCf9p.js}

@@ -1,15 +1,15 @@
 import { defineComponent as G, mergeModels as L, useModel as j, ref as q, computed as U, resolveComponent as f, createBlock as $, openBlock as i, withCtx as s, createElementVNode as w, createVNode as t, unref as l, normalizeClass as oe, createTextVNode as ce, toDisplayString as P, createElementBlock as S, Fragment as J, renderSlot as Ce, createCommentVNode as Q, watch as pe, renderList as X, resolveDynamicComponent as Ue, isRef as ke, normalizeStyle as ve, onMounted as Be } from "vue";
-import { W as De, _ as We, i as Ie, S as ye, d as _e, T as Re, a as qe } from "./TransitionFade-Doi_KsOY.js";
-import { c as Pe, D as le, C as we, a as Ve, b as Ee, v as te } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CUteALow.js";
+import { W as De, _ as We, i as Ie, S as ye, d as _e, T as Re, a as qe } from "./TransitionFade-C0ttcU9I.js";
+import { c as Pe, D as le, C as we, a as Ve, b as Ee, v as te } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DK6im_EY.js";
 import { storeToRefs as fe } from "pinia";
 import { useRouter as Se, useRoute as $e } from "vue-router";
 import { useBreakpoints as ie, useSnackbar as Oe, FmButtonColorThemeVariant as Z } from "@feedmepos/ui-library";
 import { u as Te } from "./message-dialog-UoMWOnil.js";
-import { u as ae, i as ue, f as ze } from "./vue-i18n-BgRNnwPF.js";
-import { _ as de } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BKEfQCHO.js";
-import { _ as me } from "./NoData.vue_vue_type_script_setup_true_lang-By5gQvZP.js";
+import { u as ae, i as ue, f as ze } from "./vue-i18n-CTLGxUiF.js";
+import { _ as de } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CNRtuVTK.js";
+import { _ as me } from "./NoData.vue_vue_type_script_setup_true_lang-Divo8W18.js";
 import { r as re } from "./i18n-Cif1I9J2.js";
-import { _ as Fe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-eK4eP1Qy.js";
+import { _ as Fe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-mR2PeX3S.js";
 const He = /* @__PURE__ */ G({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ L({