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

package/dist/{ReportEditor-LupGO1_l.js → ReportEditor-Dj-pof8I.js}

@@ -1,15 +1,15 @@
 import { defineComponent as A, mergeModels as G, useModel as K, ref as R, computed as N, resolveComponent as v, createBlock as k, openBlock as u, withCtx as m, createElementVNode as h, createVNode as a, unref as l, normalizeClass as de, createTextVNode as xe, toDisplayString as E, createElementBlock as O, Fragment as H, renderSlot as Me, createCommentVNode as P, watch as fe, renderList as Z, resolveDynamicComponent as qe, isRef as Ue, normalizeStyle as ke, onMounted as Ee } from "vue";
-import { W as Pe, g as ze, _ as Je, i as Le, S as Se, d as $e, T as He, a as je } from "./TransitionFade-CsoI1XtQ.js";
-import { D as L, c as ve, C as he, a as De, b as Ge, v as ue } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BZlvMBPW.js";
+import { W as Pe, g as ze, _ as Je, i as Le, S as Se, d as $e, T as He, a as je } from "./TransitionFade-lS2nSDyF.js";
+import { D as L, c as ve, C as he, a as De, b as Ge, v as ue } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
 import { storeToRefs as ge } from "pinia";
 import { useRouter as Be, useRoute as Ie } from "vue-router";
 import { useBreakpoints as be, useSnackbar as Re, FmButtonColorThemeVariant as ne } from "@feedmepos/ui-library";
 import { u as We } from "./message-dialog-UoMWOnil.js";
-import { u as ce, b as Ke, h as we, e as Ae } from "./vue-i18n-kHBFKu4C.js";
+import { u as ce, b as Ke, i as we, e as Ae } from "./vue-i18n-wKxo3TA6.js";
 import { r as me } from "./i18n-CI_sQ5d_.js";
-import { a as Te, _ as _e } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BoX6fRDT.js";
-import { _ as Fe } from "./NoData.vue_vue_type_script_setup_true_lang-CdGpZdFx.js";
-import { a as Oe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DMMP43KF.js";
+import { a as Te, _ as _e } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lO1-P1LC.js";
+import { _ as Fe } from "./NoData.vue_vue_type_script_setup_true_lang-C7GXgBKq.js";
+import { a as Oe } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js";
 const Qe = /* @__PURE__ */ A({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ G({

package/dist/ReportView-DH8tcg-Q.js

@@ -0,0 +1,265 @@
+import { defineComponent as ne, ref as y, computed as m, watch as J, onMounted as se, onUnmounted as le, resolveComponent as ie, createBlock as k, openBlock as v, withCtx as ue, createVNode as N, createElementVNode as T, unref as a, normalizeStyle as ce, normalizeClass as q, createElementBlock as L, Fragment as pe, renderList as me } from "vue";
+import { _ as de } from "./MenuTab.vue_vue_type_script_setup_true_lang-Bqbrinds.js";
+import { _ as ve } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lO1-P1LC.js";
+import { useRouter as fe, useRoute as ge } from "vue-router";
+import { _ as ye } from "./Default.vue_vue_type_script_setup_true_lang-COOzNYD3.js";
+import { a as be, s as _e } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
+import { storeToRefs as b } from "pinia";
+import { b as we, c as Se, u as ke, g as he } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Cpa9H1ZR.js";
+import { _ as Re } from "./NoData.vue_vue_type_script_setup_true_lang-C7GXgBKq.js";
+import { useSnackbar as Ce, useBreakpoints as xe } from "@feedmepos/ui-library";
+import { u as Pe, e as De, d as Oe } from "./vue-i18n-wKxo3TA6.js";
+import { u as Ie } from "./message-dialog-UoMWOnil.js";
+import { r as $e } from "./i18n-CI_sQ5d_.js";
+import { u as Ee } from "./useReportPermission-CRkYtDX0.js";
+import { _ as Ae } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js";
+const Be = /* @__PURE__ */ ne({
+  __name: "ReportView",
+  setup(Je) {
+    const { t: e, te: V } = Pe(), _ = fe(), f = ge(), i = Ce(), { promptMessage: j } = Ie(), d = be(), h = we(), { promptLoader: w } = De(), { breakpoints: s } = xe(), { isOpenAccountingDialog: F } = b(Se()), { isOpenScheduleDialog: R } = b(ke()), { disabled: C } = b(Oe()), g = y(null), H = y(0), x = y(0);
+    let u = null;
+    const P = y(null), D = m(() => {
+      var r;
+      return ((r = P.value) == null ? void 0 : r.reportId) === c.value;
+    }), M = m(
+      () => {
+        var r;
+        return !!((r = t.value) != null && r.isSupportPos);
+      }
+    ), {
+      currentReport: t,
+      overviewReport: U,
+      currentReportId: c,
+      isOpenDownloadDialog: Y,
+      isOpenEmailDialog: z,
+      editingReport: G,
+      canCreateCustomReport: Q,
+      customReportQuota: O
+    } = b(d), { canUpdate: W, canDuplicate: K } = Ee();
+    J(g, (r) => {
+      u == null || u.disconnect(), r && (u = new ResizeObserver(() => {
+        S();
+      }), u.observe(r), S());
+    }), J(
+      () => c.value,
+      async () => P.value = await he(c.value),
+      { immediate: !0 }
+    ), se(() => {
+      S();
+    }), le(() => {
+      u == null || u.disconnect();
+    });
+    function S() {
+      if (g.value) {
+        const r = g.value.getBoundingClientRect();
+        H.value = r.height, x.value = r.bottom;
+      }
+    }
+    const X = m(() => s.value.xs || s.value.sm ? 1 : x.value), Z = m(() => {
+      var l;
+      const r = c.value === ((l = U.value) == null ? void 0 : l.id), o = [
+        {
+          icon: "mail",
+          label: e("report.common.emailSchedule"),
+          onClick: () => {
+            R.value = !0;
+          }
+        },
+        {
+          icon: "article",
+          label: e(r ? "report.common.unsetAsOverview" : "report.common.setAsOverview"),
+          onClick: async () => {
+            await w(async () => {
+              if (t.value)
+                try {
+                  await d.updateDefaultReport(r ? null : t.value.id), i.open({
+                    message: `Successfully ${r ? "unset" : "set"} ${t.value.name} as Overview`,
+                    type: "success"
+                  });
+                } catch (p) {
+                  i.open({ message: JSON.stringify(p), type: "error" });
+                }
+            });
+          }
+        },
+        {
+          icon: "content_copy",
+          label: e("report.common.copyID"),
+          onClick: () => {
+            t.value && (navigator.clipboard.writeText(c.value), i.open({ message: e("report.messages.copiedReportIdToClipboard"), type: "success" }));
+          }
+        },
+        {
+          icon: "report_jobs",
+          label: e("report.common.reportStatus"),
+          onClick: () => {
+            I();
+          }
+        }
+      ];
+      return !C.value && D.value && o.splice(1, 0, {
+        icon: "download",
+        label: e("report.common.accountingExport"),
+        onClick: $
+      }), o;
+    });
+    async function I() {
+      h.isOpenJobDialog = !0, await h.getJobs();
+    }
+    function ee() {
+      if (!t.value || !W(t.value)) {
+        i.open({
+          message: e("report.messages.noPermissionUpdateReport"),
+          type: "error"
+        });
+        return;
+      }
+      G.value = JSON.parse(JSON.stringify(t.value)), _.push({
+        name: "reportEditor",
+        query: f.query
+      });
+    }
+    async function oe() {
+      if (!t.value || !K(t.value)) {
+        i.open({
+          message: e("report.messages.noPermissionDuplicateReport"),
+          type: "error"
+        });
+        return;
+      }
+      if (!Q.value) {
+        let o = `Your current plan only support up to ${O.value} custom reports.`;
+        O.value === 0 && (o = "Your current plan does not support custom report."), i.open({
+          message: o,
+          type: "error"
+        });
+        return;
+      }
+      if (!t.value) {
+        i.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await j({
+        title: `${e("report.messages.saveReport")}`,
+        message: e("report.messages.confirmAction", {
+          action: e("report.common.duplicate"),
+          name: t.value.name
+        })
+      }) && t.value) {
+        const o = JSON.parse(JSON.stringify(t.value));
+        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`;
+        try {
+          await w(async () => {
+            const l = await d.createOrUpdateReport(o);
+            d.updateCurrentReportId(l.id), _.push({
+              name: "reportView",
+              params: f.params,
+              query: f.query
+            });
+          });
+        } catch (l) {
+          console.log(l), i.open({ message: "Failed to clone report", type: "error" });
+        }
+      }
+    }
+    function $() {
+      F.value = !0;
+    }
+    function te() {
+      t.value && (navigator.clipboard.writeText(c.value), i.open({ message: "Copied report ID to clipboard", type: "success" }));
+    }
+    async function re() {
+      if (t.value)
+        try {
+          await w(async () => {
+            await _e(c.value, !M.value), await d.getReports();
+          });
+        } catch (r) {
+          console.log(r), i.open({ message: e("report.messages.failedToAction", { action: e("report.common.update") }), type: "error" });
+        }
+    }
+    const E = m(() => t.value ? t.value.tiles : []), ae = m(() => {
+      var l;
+      let o = [
+        // 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"
+        // },
+        !!((l = t.value) != null && l.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 s.value.xs && (o = [
+        ...o,
+        { 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 }
+      ], !C.value && D.value && o.push({ label: e("report.common.accountingExport"), value: "export", isPrimary: !1 }), o = o.filter((p) => p.value !== "edit")), o;
+    });
+    return (r, o) => {
+      const l = ie("FmPageHead");
+      return v(), k(ye, null, {
+        default: ue(() => {
+          var p, A;
+          return [
+            N(l, {
+              title: a($e)(a(e), a(V), (p = a(t)) == null ? void 0 : p.name, "other"),
+              "back-button": !0,
+              actions: ae.value,
+              "onClick:back": o[0] || (o[0] = (n) => a(_).push({ name: "reports", query: a(f).query })),
+              "onClick:action": o[1] || (o[1] = (n) => {
+                n === "show_in_pos" && re(), n === "duplicate" && oe(), n === "download" && (Y.value = !0), n === "email" && (z.value = !0), n === "edit" && ee(), n === "schedule_email" && (R.value = !0), n === "content_copy" && te(), n === "export" && $(), n === "report_jobs" && I();
+              }),
+              class: "remove-line-clamping"
+            }, null, 8, ["title", "actions"]),
+            T("div", {
+              class: q(`flex flex-col overflow-y-auto ${a(s).xs || a(s).sm ? "pb-20" : ""}`),
+              style: ce({ height: `calc(100% - ${a(s).lg || a(s).md ? 72 : 64}px)` })
+            }, [
+              T("div", {
+                ref_key: "menuTabRef",
+                ref: g,
+                class: "sticky top-0 z-10 bg-white"
+              }, [
+                N(de, {
+                  "model-value": a(s).lg || a(s).md ? Z.value : []
+                }, null, 8, ["model-value"])
+              ], 512),
+              a(t) && ((A = E.value) == null ? void 0 : A.length) > 0 ? (v(), L("div", {
+                key: 0,
+                class: q(["grid grid-cols-12", a(s).sm || a(s).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
+              }, [
+                (v(!0), L(pe, null, me(E.value, (n, B) => (v(), k(ve, {
+                  key: `widget_${a(c)}_${B}`,
+                  "model-value": n,
+                  index: B,
+                  "sticky-header-offset": X.value
+                }, null, 8, ["model-value", "index", "sticky-header-offset"]))), 128))
+              ], 2)) : (v(), k(Re, { key: 1 }))
+            ], 6)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Ke = /* @__PURE__ */ Ae(Be, [["__scopeId", "data-v-6ddab9e2"]]);
+export {
+  Ke as default
+};

package/dist/{SelectComponent.vue_vue_type_script_setup_true_lang-DMMP43KF.js → SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js}

@@ -1,5 +1,5 @@
 import { defineComponent as B, mergeModels as D, useModel as z, ref as b, computed as f, resolveComponent as n, createBlock as y, openBlock as _, withCtx as m, createElementVNode as c, normalizeStyle as L, withDirectives as U, createElementBlock as $, createVNode as d, unref as E, vShow as H, Fragment as N, renderList as O, toDisplayString as g, normalizeClass as q } from "vue";
-import { u as A } from "./vue-i18n-kHBFKu4C.js";
+import { u as A } from "./vue-i18n-wKxo3TA6.js";
 const K = (s, u) => {
   const t = s.__vccOpts || s;
   for (const [o, i] of u)

package/dist/{Setting-Dv-Eo5IX.js → Setting-Do5JShD8.js}

@@ -1,12 +1,12 @@
 import { defineComponent as B, ref as H, useModel as J, 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 K, renderList as Q, withDirectives as M, createTextVNode as ie, vShow as j, watch as me, normalizeStyle as ue } from "vue";
-import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-BuFLfame.js";
-import { d as z } from "./app-Du0ALyx7.js";
+import { _ as de } from "./Default.vue_vue_type_script_setup_true_lang-COOzNYD3.js";
+import { d as z } from "./app-wKEwqUHq.js";
 import { components as I, useSnackbar as W, useBreakpoints as X, FmButtonColorThemeVariant as A } from "@feedmepos/ui-library";
-import { t as N, k as pe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BZlvMBPW.js";
+import { t as N, k as pe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
 import { u as ce } from "./message-dialog-UoMWOnil.js";
-import { u as U, C as G, D as fe, b as ve } from "./vue-i18n-kHBFKu4C.js";
+import { u as U, C as G, D as fe, b as ve } from "./vue-i18n-wKxo3TA6.js";
 import { detectLocale as F } from "@feedmepos/mf-common";
-import { a as Y } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DMMP43KF.js";
+import { a as Y } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js";
 import { storeToRefs as _e } from "pinia";
 const ge = { class: "px-5 py-2" }, ye = { class: "flex" }, he = { class: "flex px-5 gap-2" }, xe = { class: "flex flex-col gap-2" }, be = { class: "fm-typo-en-title-sm-600" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "w-full gap-[24px] flex flex-col pt-2" }, Te = { class: "flex items-center w-full gap-3" }, De = { class: "text-fm-color-typo-primary" }, $e = { class: "text-fm-color-typo-secondary" }, Se = { class: "flex items-center gap-2" }, ke = /* @__PURE__ */ B({
   __name: "ReportHour",

package/dist/{TileEditor-ZqOV5_Le.js → TileEditor-Do0x54jE.js}

@@ -1,17 +1,17 @@
 import { defineComponent as se, mergeModels as ve, useModel as ge, computed as T, ref as Q, resolveComponent as D, createElementBlock as R, openBlock as g, createVNode as u, createElementVNode as h, unref as l, withCtx as q, toDisplayString as Y, Fragment as de, renderList as xe, withModifiers as ye, createTextVNode as Ue, watch as he, createCommentVNode as M, createBlock as N, onUnmounted as Dl, renderSlot as sl, onMounted as He, onBeforeUnmount as rl, resolveDynamicComponent as ul, normalizeClass as $e, withDirectives as Ce, vShow as we, withKeys as el, vModelText as Bl, normalizeStyle as Ee, isRef as Al } from "vue";
 import { useRoute as Ll, useRouter as Ml } from "vue-router";
-import { h as Nl, d as Ie, S as We, _ as Ol, W as zl, b as jl, T as Il, a as Rl } from "./TransitionFade-CsoI1XtQ.js";
-import { W as H, b as dl, d as De, D as Pl, S as ll, C as Xl, P as tl, a as El } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BZlvMBPW.js";
+import { h as Nl, d as Ie, S as We, _ as Ol, W as zl, b as jl, T as Il, a as Rl } from "./TransitionFade-lS2nSDyF.js";
+import { W as H, b as dl, d as De, D as Pl, S as ll, C as Xl, P as tl, a as El } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
 import { storeToRefs as _e } from "pinia";
 import { u as ml } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as Wl, useBreakpoints as cl, FmButtonColorThemeVariant as ol } from "@feedmepos/ui-library";
-import { a as fe, _ as pl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DMMP43KF.js";
-import { u as ce, i as Te, b as vl } from "./vue-i18n-kHBFKu4C.js";
+import { a as fe, _ as pl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js";
+import { u as ce, j as Te, b as vl } from "./vue-i18n-wKxo3TA6.js";
 import { r as me } from "./i18n-CI_sQ5d_.js";
-import { g as Se, u as Oe, L as Fe, b as Ne, S as ee, d as ie, c as al, e as ql, Y as Yl, X as Hl, _ as fl, a as Gl } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BoX6fRDT.js";
-import { d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BM-li0d3.js";
-import { d as Me } from "./app-Du0ALyx7.js";
-import { _ as gl } from "./NoData.vue_vue_type_script_setup_true_lang-CdGpZdFx.js";
+import { g as Se, u as Oe, L as Fe, b as Ne, S as ee, d as ie, c as al, e as ql, Y as Yl, X as Hl, _ as fl, a as Gl } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lO1-P1LC.js";
+import { d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-GTlzuFQB.js";
+import { d as Me } from "./app-wKEwqUHq.js";
+import { _ as gl } from "./NoData.vue_vue_type_script_setup_true_lang-C7GXgBKq.js";
 const Re = [
   {
     type: H.Circular,

package/dist/{TransitionFade-CsoI1XtQ.js → TransitionFade-lS2nSDyF.js}

@@ -1,15 +1,15 @@
 import { defineComponent as Te, onBeforeMount as In, onBeforeUnmount as Fn, resolveComponent as N, createElementBlock as ee, openBlock as V, normalizeStyle as kn, unref as X, renderSlot as ze, createVNode as A, createElementVNode as he, toDisplayString as Ae, TransitionGroup as An, nextTick as tn, h as Rt, mergeModels as Nt, useModel as Ge, computed as Fe, Fragment as qe, renderList as nn, createBlock as Pe, normalizeClass as Nn, withCtx as ie, createTextVNode as on, Transition as xt, createCommentVNode as ue, ref as Se, watch as pt, withModifiers as Xt } from "vue";
-import { u as Pt, e as Pn, p as Vn, i as rn } from "./vue-i18n-kHBFKu4C.js";
+import { u as Pt, e as Pn, p as Vn, j as rn } from "./vue-i18n-wKxo3TA6.js";
 import { useCoreStore as Mn } from "@feedmepos/mf-common";
 import { storeToRefs as Ln } from "pinia";
 import { useRoute as Bn } from "vue-router";
-import { W as F, c as De, d as $n } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BZlvMBPW.js";
-import { _ as Vt, a as Yt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DMMP43KF.js";
-import { R as Rn, I as Be, f as an, h as ln, i as Xn } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BoX6fRDT.js";
-import { d as ht } from "./app-Du0ALyx7.js";
+import { W as F, c as De, d as $n } from "./BaseDialog.vue_vue_type_script_setup_true_lang-N4p0t07m.js";
+import { _ as Vt, a as Yt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DY50WPYu.js";
+import { R as Rn, I as Be, f as an, h as ln, i as Xn } from "./FilterSelector.vue_vue_type_script_setup_true_lang-lO1-P1LC.js";
+import { d as ht } from "./app-wKEwqUHq.js";
 import { r as Yn } from "./i18n-CI_sQ5d_.js";
 import { useSnackbar as Wn } from "@feedmepos/ui-library";
-import { d as Un } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BM-li0d3.js";
+import { d as Un } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-GTlzuFQB.js";
 const jn = {
   key: 0,
   class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"