@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/NoData.vue_vue_type_script_setup_true_lang-BtQobm-7.js

@@ -0,0 +1,31 @@
+import { defineComponent as m, computed as s, resolveComponent as p, createElementBlock as f, openBlock as u, renderSlot as d, createVNode as _, withCtx as g, createElementVNode as o, toDisplayString as r } from "vue";
+import { u as y } from "./global-loader-C3JC7z-H.js";
+const x = { class: "flex flex-col h-full" }, D = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, T = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, v = /* @__PURE__ */ m({
+  __name: "NoData",
+  props: {
+    title: { default: "report.messages.noData" },
+    subTitle: { default: "report.messages.adjustFiltersOrSelectADifferentTimeRange" }
+  },
+  setup(a) {
+    const { t } = y(), e = a, l = s(() => e.title === "report.messages.noData" ? t("report.messages.noData") : e.title), n = s(() => e.subTitle === "report.messages.adjustFiltersOrSelectADifferentTimeRange" ? t("report.messages.adjustFiltersOrSelectADifferentTimeRange") : e.subTitle);
+    return (c, h) => {
+      const i = p("FmCard");
+      return u(), f("div", x, [
+        d(c.$slots, "menu"),
+        _(i, {
+          class: "p-24 h-full flex flex-col gap-2 items-center justify-center",
+          variant: "flat"
+        }, {
+          default: g(() => [
+            o("p", D, r(l.value), 1),
+            o("p", T, r(n.value), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  v as _
+};

package/dist/OverviewView-Dl8oOobn.js

@@ -0,0 +1,61 @@
+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-C29g9w6o.js";
+import { _ as F } from "./Default.vue_vue_type_script_setup_true_lang-DVLxkOOQ.js";
+import { a as P } from "./v4-D29FkHfi.js";
+import { storeToRefs as R } from "pinia";
+import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-BtQobm-7.js";
+import { useBreakpoints as V } from "@feedmepos/ui-library";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-DzZeasAK.js";
+import { useI18n as D } from "@feedmepos/mf-common";
+const G = /* @__PURE__ */ g({
+  __name: "OverviewView",
+  setup(E) {
+    const { t: l } = D(), f = P(), { breakpoints: o } = V(), { isOpenDownloadDialog: v, overviewReport: r } = R(f), s = w(() => {
+      var n;
+      return ((n = r.value) == null ? void 0 : n.tiles) || [];
+    });
+    return (n, i) => {
+      const x = k("FmPageHead");
+      return t(), a(F, null, {
+        default: $(() => {
+          var m;
+          return [
+            d(x, {
+              title: e(l)("report.view.overview.title", { name: (m = e(r)) == null ? void 0 : m.name }),
+              class: "h-[68px]",
+              actions: [
+                {
+                  label: e(l)("report.common.download"),
+                  value: "download",
+                  isPrimary: !0,
+                  prependIcon: "download"
+                }
+              ],
+              "onClick:action": i[0] || (i[0] = (p) => v.value = !0)
+            }, null, 8, ["title", "actions"]),
+            y("div", {
+              class: u(`flex flex-col gap-2 ${e(o).sm || e(o).xs ? "mb-20" : ""}`),
+              style: C({ height: `calc(100% - ${e(o).lg || e(o).md ? 72 : 64}px)` })
+            }, [
+              d(z),
+              s.value.length > 0 && e(r) ? (t(), _("div", {
+                key: 0,
+                class: u(["grid grid-cols-12", e(o).sm || e(o).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
+              }, [
+                (t(!0), _(h, null, B(s.value, (p, c) => (t(), a(b, {
+                  key: `widget_${e(r).id}_${c}`,
+                  "model-value": p,
+                  index: c
+                }, null, 8, ["model-value", "index"]))), 128))
+              ], 2)) : (t(), a(S, { key: 1 }))
+            ], 6)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  G as default
+};

package/dist/Report-BqD8KVZ8.js

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