@feedmepos/mf-report 5.27.35 → 5.27.36

package/dist/ReportView-BwrLb4jX.js

@@ -0,0 +1,331 @@
+import { defineComponent as V, computed as i, createBlock as S, openBlock as f, withCtx as h, renderSlot as ie, ref as ue, watch as ce, resolveComponent as j, createVNode as _, createElementVNode as R, unref as l, toDisplayString as pe, normalizeStyle as me, normalizeClass as F, createElementBlock as de } from "vue";
+import { _ as ve } from "./MenuTab.vue_vue_type_script_setup_true_lang-DG-9RjS_.js";
+import { _ as fe } from "./TileGrid.vue_vue_type_script_setup_true_lang-CC-xGpBd.js";
+import { u as ye, l as ge, s as be } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DzZP-ANz.js";
+import { useRouter as _e, useRoute as we } from "vue-router";
+import { _ as Se } from "./Default.vue_vue_type_script_setup_true_lang-CArSG8Z_.js";
+import { storeToRefs as w } from "pinia";
+import { b as he, c as Ce, u as xe, g as Te } from "./NavigationTab.vue_vue_type_script_setup_true_lang-By2GxyK2.js";
+import { _ as z } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
+import { useSnackbar as ke, useBreakpoints as Re } from "@feedmepos/ui-library";
+import { u as L, a as Pe, _ as De } from "./_plugin-vue_export-helper-onplcgja.js";
+import { u as Ie } from "./message-dialog-UoMWOnil.js";
+import { e as Oe, h as $e } from "./app-CwM9HM2R.js";
+import { r as Ae } from "./i18n-CI_sQ5d_.js";
+const Ee = /* @__PURE__ */ V({
+  __name: "NoPermission",
+  props: {
+    title: { default: "report.messages.noPermission" },
+    subTitle: { default: "report.messages.noPermissionPageAccess" }
+  },
+  setup(P) {
+    const e = P, { t: y } = L(), d = i(() => y(e.title)), p = i(() => y(e.subTitle));
+    return (r, C) => (f(), S(z, {
+      title: d.value,
+      "sub-title": p.value
+    }, {
+      menu: h(() => [
+        ie(r.$slots, "menu")
+      ]),
+      _: 3
+    }, 8, ["title", "sub-title"]));
+  }
+}), Ne = { class: "fm-typo-en-title-md-600 block min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap" }, Je = { class: "sticky top-0 z-10 bg-white" }, Be = /* @__PURE__ */ V({
+  __name: "ReportView",
+  setup(P) {
+    const { t: e, te: y } = L(), d = _e(), p = we(), r = ke(), { promptMessage: C } = Ie(), m = ye(), D = he(), { promptLoader: g } = Pe(), { breakpoints: u } = Re(), { isOpenAccountingDialog: U } = w(Ce()), { isOpenScheduleDialog: I } = w(xe()), { disabled: O } = w(Oe()), $ = ue(null), A = i(
+      () => {
+        var a;
+        return ((a = $.value) == null ? void 0 : a.reportId) === c.value;
+      }
+    ), H = i(() => {
+      var a;
+      return !!((a = o.value) != null && a.isSupportPos);
+    }), {
+      currentReport: o,
+      overviewReport: M,
+      currentReportId: c,
+      isOpenDownloadDialog: W,
+      isOpenEmailDialog: Y,
+      editingReport: G,
+      canCreateCustomReport: Q,
+      customReportQuota: E
+    } = w(m), { canRead: K, canUpdate: X, canDuplicate: Z, isAdmin: ee } = $e(), b = i(() => o.value ? K(o.value) : !0), x = i(
+      () => b.value && ee.value && !!o.value && !o.value.isDefault
+    );
+    ce(
+      () => c.value,
+      async () => $.value = await Te(c.value),
+      { immediate: !0 }
+    );
+    const oe = i(() => {
+      var s;
+      if (!b.value) return [];
+      const a = c.value === ((s = M.value) == null ? void 0 : s.id), t = [
+        {
+          icon: "mail",
+          label: e("report.common.emailSchedule"),
+          onClick: () => {
+            I.value = !0;
+          }
+        },
+        {
+          icon: "article",
+          label: e(a ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+          onClick: async () => {
+            await g(async () => {
+              if (o.value)
+                try {
+                  await m.updateDefaultReport(a ? null : o.value.id), r.open({
+                    message: `Successfully ${a ? "unset" : "set"} ${o.value.name} as Overview`,
+                    type: "success"
+                  });
+                } catch (v) {
+                  r.open({ message: JSON.stringify(v), type: "error" });
+                }
+            });
+          }
+        },
+        {
+          icon: "content_copy",
+          label: e("report.common.copyID"),
+          onClick: () => {
+            o.value && (navigator.clipboard.writeText(c.value), r.open({ message: e("report.messages.copiedReportIdToClipboard"), type: "success" }));
+          }
+        },
+        {
+          icon: "report_jobs",
+          label: e("report.common.reportStatus"),
+          onClick: () => {
+            N();
+          }
+        }
+      ];
+      return !O.value && A.value && t.splice(1, 0, {
+        icon: "download",
+        label: e("report.common.accountingExport"),
+        onClick: B
+      }), x.value && t.splice(t.length - 1, 0, {
+        icon: "library_add",
+        label: e("report.common.copyToTemplate"),
+        onClick: () => {
+          J();
+        }
+      }), t;
+    });
+    async function N() {
+      D.isOpenJobDialog = !0, await D.getJobs();
+    }
+    function te() {
+      if (!o.value || !X(o.value)) {
+        r.open({
+          message: e("report.messages.noPermissionUpdateReport"),
+          type: "error"
+        });
+        return;
+      }
+      G.value = JSON.parse(JSON.stringify(o.value)), d.push({
+        name: "reportEditor",
+        query: p.query
+      });
+    }
+    async function ae() {
+      if (!o.value || !Z(o.value)) {
+        r.open({
+          message: e("report.messages.noPermissionDuplicateReport"),
+          type: "error"
+        });
+        return;
+      }
+      if (!Q.value) {
+        let t = `Your current plan only support up to ${E.value} custom reports.`;
+        E.value === 0 && (t = "Your current plan does not support custom report."), r.open({
+          message: t,
+          type: "error"
+        });
+        return;
+      }
+      if (!o.value) {
+        r.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await C({
+        title: `${e("report.messages.duplicateReport")}`,
+        message: e("report.messages.confirmAction", {
+          action: e("report.common.duplicate"),
+          name: o.value.name
+        })
+      }) && o.value) {
+        const t = JSON.parse(JSON.stringify(o.value));
+        t.editable = !0, t.id = "", t.name = `${t.name} duplicate`, t.isDefault = !1;
+        try {
+          await g(async () => {
+            const s = await m.createOrUpdateReport(t);
+            m.updateCurrentReportId(s.id), d.push({
+              name: "reportView",
+              params: p.params,
+              query: p.query
+            });
+          });
+        } catch (s) {
+          console.log(s), r.open({ message: "Failed to clone report", type: "error" });
+        }
+      }
+    }
+    async function J() {
+      var t;
+      if (!x.value) {
+        r.open({
+          message: e("report.messages.noPermission"),
+          type: "error"
+        });
+        return;
+      }
+      if (!o.value) {
+        r.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await C({
+        title: `${e("report.common.copyToTemplate")}`,
+        message: e("report.messages.confirmAction", {
+          action: e("report.common.copyToTemplate"),
+          name: (t = o == null ? void 0 : o.value) == null ? void 0 : t.name
+        })
+      }))
+        try {
+          await g(async () => {
+            var s;
+            await m.createReportTemplate(o.value), r.open({
+              message: e("report.messages.copyTemplateSuccess", { name: (s = o.value) == null ? void 0 : s.name }),
+              type: "success"
+            });
+          });
+        } catch (s) {
+          console.log(s), r.open({
+            message: e("report.messages.failedToAction", { action: e("report.common.copyToTemplate") }),
+            type: "error"
+          });
+        }
+    }
+    function B() {
+      U.value = !0;
+    }
+    function re() {
+      o.value && (navigator.clipboard.writeText(c.value), r.open({ message: "Copied report ID to clipboard", type: "success" }));
+    }
+    async function se() {
+      if (o.value)
+        try {
+          await g(async () => {
+            await be(c.value, !H.value), await m.getReports();
+          });
+        } catch (a) {
+          console.log(a), r.open({
+            message: e("report.messages.failedToAction", { action: e("report.common.update") }),
+            type: "error"
+          });
+        }
+    }
+    const T = i(() => o.value ? o.value.tiles : []), le = i(() => ge(T.value)), ne = i(() => {
+      var s;
+      if (!b.value) return [];
+      let t = [
+        // TODO: In future once decided to support report showing configuration for POS,
+        // uncomment this:
+        // {
+        //   label: t("report.common.showInPOS"),
+        //   value: "show_in_pos",
+        //   isPrimary: false,
+        //   appendIcon: isCurrentReportShownInPOS.value
+        //     ? "radio_button_checked"
+        //     : "radio_button_unchecked"
+        // },
+        !!((s = o.value) != null && s.editable) ? { label: e("report.common.edit"), value: "edit", isPrimary: !1 } : {
+          label: e("report.common.duplicate"),
+          value: "duplicate",
+          isPrimary: !1
+        },
+        {
+          label: e("report.common.download"),
+          value: "download",
+          isPrimary: !0,
+          prependIcon: "download"
+        },
+        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !0 }
+      ];
+      return u.value.xs && (t = [
+        ...t,
+        { label: e("report.schedule.sendEmail"), value: "email", isPrimary: !1 },
+        { label: e("report.common.reportStatus"), value: "report_jobs", isPrimary: !1 },
+        { label: e("report.common.emailSchedule"), value: "schedule_email", isPrimary: !1 },
+        { label: e("report.common.copyID"), value: "content_copy", isPrimary: !1 }
+      ], x.value && t.push({
+        label: e("report.common.copyToTemplate"),
+        value: "copy_to_template",
+        isPrimary: !1
+      }), !O.value && A.value && t.push({ label: e("report.common.accountingExport"), value: "export", isPrimary: !1 }), t = t.filter((v) => v.value !== "edit")), t;
+    }), k = i(() => {
+      var a;
+      return Ae(e, y, (a = o == null ? void 0 : o.value) == null ? void 0 : a.name, "other");
+    });
+    return (a, t) => {
+      const s = j("FmTooltip"), v = j("FmPageHead");
+      return f(), S(Se, null, {
+        default: h(() => {
+          var q;
+          return [
+            _(v, {
+              title: k.value,
+              "back-button": !0,
+              actions: ne.value,
+              class: "remove-line-clamping",
+              "onClick:back": t[0] || (t[0] = (n) => l(d).push({ name: "reports", query: l(p).query })),
+              "onClick:action": t[1] || (t[1] = (n) => {
+                n === "show_in_pos" && se(), n === "duplicate" && ae(), n === "download" && (W.value = !0), n === "email" && (Y.value = !0), n === "edit" && te(), n === "schedule_email" && (I.value = !0), n === "content_copy" && re(), n === "copy_to_template" && J(), n === "export" && B(), n === "report_jobs" && N();
+              })
+            }, {
+              title: h(() => [
+                _(s, {
+                  content: k.value,
+                  placement: "bottom",
+                  "z-index": 2e3,
+                  class: "flex min-w-0 max-w-full justify-start"
+                }, {
+                  default: h(() => [
+                    R("p", Ne, pe(k.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              _: 1
+            }, 8, ["title", "actions"]),
+            R("div", {
+              class: F(`flex flex-col overflow-y-auto ${l(u).xs || l(u).sm ? "pb-20" : ""}`),
+              style: me({ height: `calc(100% - ${l(u).lg || l(u).md ? 72 : 64}px)` })
+            }, [
+              R("div", Je, [
+                _(ve, {
+                  "model-value": l(u).lg || l(u).md ? oe.value : []
+                }, null, 8, ["model-value"])
+              ]),
+              l(o) && !b.value ? (f(), S(Ee, { key: 0 })) : l(o) && ((q = T.value) == null ? void 0 : q.length) > 0 ? (f(), de("div", {
+                key: 1,
+                class: F(["grid grid-cols-12", l(u).sm || l(u).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
+              }, [
+                _(fe, {
+                  tiles: T.value,
+                  "report-id": l(c),
+                  "leaf-index-by-id": le.value
+                }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
+              ], 2)) : (f(), S(z, { key: 2 }))
+            ], 6)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Xe = /* @__PURE__ */ De(Be, [["__scopeId", "data-v-cf9709d9"]]);
+export {
+  Xe as default
+};

package/dist/{Setting-zldr38s7.js → Setting-DApgIt2e.js}

@@ -1,8 +1,8 @@
 import { defineComponent as B, ref as H, useModel as M, resolveComponent as h, createElementBlock as k, openBlock as x, createBlock as P, createElementVNode as t, resolveDynamicComponent as ne, unref as e, withCtx as y, createVNode as a, normalizeClass as O, toDisplayString as s, Fragment as A, renderList as G, createTextVNode as ie, withDirectives as K, vShow as Q, watch as me, normalizeStyle as ue } from "vue";
-import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-FvTBswXI.js";
-import { d as L, C as q, D as pe, a as ce } from "./app-L5Gs2RN0.js";
+import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-CArSG8Z_.js";
+import { d as J, C as q, D as pe, a as ce } from "./app-CwM9HM2R.js";
 import { components as z, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as I } from "@feedmepos/ui-library";
-import { H as N, J as fe } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CoI3PFYF.js";
+import { K as N, L as fe } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DzZP-ANz.js";
 import { u as ve } from "./message-dialog-UoMWOnil.js";
 import { u as U } from "./_plugin-vue_export-helper-onplcgja.js";
 import { detectLocale as F } from "@feedmepos/mf-common";
@@ -29,7 +29,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
     }, R = () => {
       var v;
       (v = n.value) == null || v.validateInputs();
-    }, J = () => {
+    }, L = () => {
       o.value = !1, r.value = l;
     }, Z = (v) => {
       p.value = v, r.value = JSON.parse(JSON.stringify(m.value[p.value])), o.value = !0;
@@ -83,7 +83,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
               a(f, {
                 label: "Cancel",
                 variant: "tertiary",
-                onClick: J
+                onClick: L
               })
             ])
           ]),
@@ -97,7 +97,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
               a(f, {
                 label: "Cancel",
                 variant: "tertiary",
-                onClick: J
+                onClick: L
               })
             ])
           ]),
@@ -119,7 +119,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                     rules: [(g) => g !== "" || e(u)("report.setting.reportHour.cannotBeEmpty")]
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
                   a(C, {
-                    "model-value": e(L)().hour(((_ = r.value.startTime) == null ? void 0 : _.hour) ?? 0).minute(((V = r.value.startTime) == null ? void 0 : V.minute) ?? 0).locale(e(F)()).format("HH:mm"),
+                    "model-value": e(J)().hour(((_ = r.value.startTime) == null ? void 0 : _.hour) ?? 0).minute(((V = r.value.startTime) == null ? void 0 : V.minute) ?? 0).locale(e(F)()).format("HH:mm"),
                     class: "grow",
                     label: e(u)("report.setting.reportHour.startTime"),
                     "onUpdate:modelValue": i[1] || (i[1] = (g) => {
@@ -127,7 +127,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                     })
                   }, null, 8, ["model-value", "label"]),
                   a(C, {
-                    "model-value": e(L)().hour(((S = r.value.endTime) == null ? void 0 : S.hour) ?? 0).minute(((j = r.value.endTime) == null ? void 0 : j.minute) ?? 0).format("HH:mm"),
+                    "model-value": e(J)().hour(((S = r.value.endTime) == null ? void 0 : S.hour) ?? 0).minute(((j = r.value.endTime) == null ? void 0 : j.minute) ?? 0).format("HH:mm"),
                     class: "grow",
                     label: e(u)("report.setting.reportHour.closeTime"),
                     "onUpdate:modelValue": i[2] || (i[2] = (g) => {
@@ -252,7 +252,7 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
       }, null, 8, ["modelValue", "label", "items"])
     ]));
   }
-}), Be = { class: "w-2/4" }, Ue = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-lg-600" }, Me = { class: "text-fm-color-typo-secondary" }, Je = { class: "fm-typo-en-body-lg-600" }, je = { class: "text-fm-color-typo-secondary" }, Le = { class: "fm-typo-en-body-lg-600" }, Ze = /* @__PURE__ */ B({
+}), Be = { class: "w-2/4" }, Ue = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-lg-600" }, Me = { class: "text-fm-color-typo-secondary" }, Le = { class: "fm-typo-en-body-lg-600" }, je = { class: "text-fm-color-typo-secondary" }, Je = { class: "fm-typo-en-body-lg-600" }, Ze = /* @__PURE__ */ B({
   __name: "Setting",
   setup(D) {
     const { breakpoints: o } = X(), p = ce(), { defaultDateSetting: l } = _e(p), c = W(), { t: n } = U();
@@ -306,9 +306,9 @@ const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex p
                     t("p", Pe, s(d.name) + s(d.isDefault ? `(${e(n)("report.setting.reportHour.default")})` : "") + " " + s(e(N)(d.startTime, e(F)())) + " " + s(e(N)(d.endTime, e(F)())) + " " + s(e(fe)(d.startTime, d.endTime)), 1)
                   ]))), 128)),
                   t("p", Me, s(e(n)("report.setting.summary.defaultDateRange")), 1),
-                  t("p", Je, s(e(n)(`report.date.${e(l).defaultDateRange}`)), 1),
+                  t("p", Le, s(e(n)(`report.date.${e(l).defaultDateRange}`)), 1),
                   t("p", je, s(e(n)("report.setting.summary.comparisonDateRange")), 1),
-                  t("p", Le, s(e(n)(`report.compare.${e(l).defaultCompareType}`)), 1)
+                  t("p", Je, s(e(n)(`report.compare.${e(l).defaultCompareType}`)), 1)
                 ]),
                 _: 1
               }, 8, ["class"])

package/dist/{Template-nAGq9Il6.js → Template-Cte2kk4J.js}

@@ -1,14 +1,14 @@
 import { defineComponent as re, computed as p, resolveComponent as g, createElementBlock as H, openBlock as _, renderSlot as Te, createVNode as n, withCtx as s, createCommentVNode as ne, createElementVNode as m, toDisplayString as y, ref as b, h as v, onMounted as Ce, createBlock as z, unref as l, normalizeStyle as ke, normalizeClass as T, withDirectives as te, Fragment as Fe, renderList as Le, withModifiers as oe, vShow as le } from "vue";
 import { a as Ve } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { u as se, a as $e } from "./_plugin-vue_export-helper-onplcgja.js";
-import { _ as Se } from "./Default.vue_vue_type_script_setup_true_lang-FvTBswXI.js";
+import { _ as Se } from "./Default.vue_vue_type_script_setup_true_lang-CArSG8Z_.js";
 import { u as Re } from "./message-dialog-UoMWOnil.js";
-import { u as Pe } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CoI3PFYF.js";
+import { u as Pe } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DzZP-ANz.js";
 import { r as ae } from "./i18n-CI_sQ5d_.js";
 import { useBreakpoints as ze, useSnackbar as De, components as Ie, FmButtonColorThemeVariant as Ne } from "@feedmepos/ui-library";
 import { useRouter as Oe, useRoute as Be } from "vue-router";
 import { storeToRefs as Ee } from "pinia";
-import { h as Ke } from "./app-L5Gs2RN0.js";
+import { h as Ke } from "./app-CwM9HM2R.js";
 const Me = { class: "flex flex-col h-full" }, Ue = ["src"], je = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ae = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, He = /* @__PURE__ */ re({
   __name: "NoTemplate",
   props: {