@feedmepos/mf-report 5.8.2 → 5.9.0-beta.0

package/dist/{App-C6VF9T5V.js → App-CQsY_29Q.js}

@@ -1,16 +1,15 @@
-import { defineComponent as O, resolveComponent as b, createBlock as I, openBlock as c, unref as r, isRef as X, withCtx as S, createElementVNode as D, createVNode as k, toDisplayString as E, createTextVNode as Y, onMounted as T, watch as f, ref as j, computed as N, onBeforeMount as Z, onBeforeUnmount as M, createElementBlock as w, Fragment as ee } from "vue";
+import { defineComponent as O, resolveComponent as b, createBlock as I, openBlock as c, unref as r, isRef as X, withCtx as S, createElementVNode as R, createVNode as k, toDisplayString as V, createTextVNode as Y, onMounted as T, watch as f, ref as z, computed as D, onBeforeMount as Z, onBeforeUnmount as M, createElementBlock as w, Fragment as ee } from "vue";
 import { detectLocale as p, useCoreStore as y } from "@feedmepos/mf-common";
-import { u as te, d as C, a as oe, b as re, c as ae, e as ne, f as se, g as le } from "./global-loader-CEOgl5uZ.js";
+import { u as te, d as C, a as oe, b as re, c as ae, e as ne, f as se, g as le } from "./vue-i18n-CbAseuRE.js";
 import { storeToRefs as $ } from "pinia";
-import { u as ue, a as ie } from "./v4-Bi2F4URu.js";
-import { u as ce } from "./report-schema-C3sI223M.js";
-import { _ as me, u as de } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BdzurgE4.js";
+import { u as ue, a as ie, b as ce } from "./v4-ZW3e7y3R.js";
+import { _ as de, u as me } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DpFJ_jYh.js";
 import { u as U } from "./message-dialog-UoMWOnil.js";
 const ve = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, fe = /* @__PURE__ */ O({
   __name: "Dialog",
-  setup(m) {
+  setup(d) {
     const { t } = te(), a = U(), { isOpened: n, message: u, title: i } = $(U());
-    return (d, l) => {
+    return (m, l) => {
       const v = b("FmButton"), g = b("FmDialog");
       return c(), I(g, {
         modelValue: r(n),
@@ -19,13 +18,13 @@ const ve = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, fe
         "close-button": !1
       }, {
         "dialog-header": S(() => [
-          Y(E(r(i)), 1)
+          Y(V(r(i)), 1)
         ]),
         default: S(() => [
-          D("p", ve, E(r(u)), 1)
+          R("p", ve, V(r(u)), 1)
         ]),
         "dialog-footer": S(() => [
-          l[1] || (l[1] = D("div", { class: "grow" }, null, -1)),
+          l[1] || (l[1] = R("div", { class: "grow" }, null, -1)),
           k(v, {
             label: r(t)("report.common.cancel"),
             variant: "tertiary",
@@ -40,9 +39,9 @@ const ve = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, fe
       }, 8, ["modelValue"]);
     };
   }
-}), x = j(p());
+}), x = z(p());
 function pe() {
-  const m = (t) => {
+  const d = (t) => {
     switch (x.value = t, t) {
       case "zh-CN":
         C.locale("zh-cn");
@@ -53,21 +52,21 @@ function pe() {
     }
   };
   return T(() => {
-    m(p());
-  }), f(() => p(), m, { deep: !0, immediate: !0 }), {
+    d(p());
+  }), f(() => p(), d, { deep: !0, immediate: !0 }), {
     currentLocale: x
   };
 }
 C.locale(p() === "zh-CN" ? "zh-cn" : "en");
-const ge = ["src"], he = ["src"], Fe = /* @__PURE__ */ O({
+const ge = ["src"], he = ["src"], $e = /* @__PURE__ */ O({
   __name: "App",
-  setup(m) {
-    const { businessId: t, token: a, country: n } = $(oe()), { sessionUser: u, currentBusiness: i, currentCountry: d, registerSidebarComponent: l } = y(), { getRestaurantAndWarehouse: v, getBusinessSetting: g } = re(), { getFeatureFlags: h } = ae(), { version: s } = $(ue()), { getSettings: z } = ne(), { promptLoader: A } = se(), J = N(() => `https://portal-v1.feedme.cc/b/${t.value}/report/CLOSE_UP?showHeader=false&country=${n.value.toUpperCase()}&menuOption=business-report&token=${a.value}&v2=true&reportV5Button=true`), G = N(() => `https://report-v4.feedme.cc?businessId=${t.value}&country=${n.value}&token=${a.value}&reportV3Button=true`);
+  setup(d) {
+    const { businessId: t, token: a, country: n } = $(oe()), { sessionUser: u, currentBusiness: i, currentCountry: m, registerSidebarComponent: l } = y(), { getRestaurantAndWarehouse: v, getBusinessSetting: g } = re(), { getFeatureFlags: h } = ae(), { version: s } = $(ue()), { getSettings: j } = ne(), { promptLoader: A } = se(), J = D(() => `https://portal-v1.feedmedev.cc/b/${t.value}/report/CLOSE_UP?showHeader=false&country=${n.value.toUpperCase()}&menuOption=business-report&token=${a.value}&v2=true&reportV5Button=true`), W = D(() => `https://report-v4.feedmedev.cc?businessId=${t.value}&country=${n.value}&token=${a.value}&reportV3Button=true`);
     f(
-      [() => i.value, () => u.value, () => d.value],
+      [() => i.value, () => u.value, () => m.value],
       () => {
         var o, e;
-        i.value && u.value && d.value && (t.value = ((o = i.value) == null ? void 0 : o.id) ?? "", a.value = ((e = u.value) == null ? void 0 : e.token) ?? "", n.value = d.value ?? "");
+        i.value && u.value && m.value && (t.value = ((o = i.value) == null ? void 0 : o.id) ?? "", a.value = ((e = u.value) == null ? void 0 : e.token) ?? "", n.value = m.value ?? "");
       },
       { immediate: !0 }
     );
@@ -92,36 +91,36 @@ const ge = ["src"], he = ["src"], Fe = /* @__PURE__ */ O({
     f(s, () => {
       ["v3", "v4"].includes(s.value) ? y().hideSidebarToggle(!0) : y().hideSidebarToggle(!1);
     }), Z(() => {
-      l(me);
+      l(de);
     }), T(() => {
-      console.log("5.8.2", !0), window.addEventListener("message", F), window.addEventListener("message", B);
+      console.log("5.9.0-beta.0", !0), window.addEventListener("message", F), window.addEventListener("message", B);
     });
-    const L = ie(), R = de();
+    const E = ie(), L = me();
     M(() => {
-      window.removeEventListener("message", F), window.removeEventListener("message", B), L.$dispose(), R.$dispose();
+      window.removeEventListener("message", F), window.removeEventListener("message", B), E.$dispose(), L.$dispose();
     });
-    const { getReports: P, getOverviewReport: H, getReportConfig: V } = L, { getSchema: K } = ce(), { fetchSchedules: Q } = R, { init: W } = le(), _ = j("v5");
+    const { getReports: G, getOverviewReport: K, getReportConfig: N } = E, { getSchema: P } = ce(), { fetchSchedules: q } = L, { init: H } = le(), _ = z("v5");
     return f(
       () => t.value,
       () => {
         t.value !== "" && A(async () => {
-          await W({
-            apiKey: "6GhcttsJ9Rj9cTevcdrpin",
+          await H({
+            apiKey: "MaGoXrEWuEJNpWgKTqseee",
             url: "https://flag.feedme.farm/api/v1/",
             enableAnalytics: !1,
             cacheFlags: !1
           });
-          const o = await V();
+          const o = await N();
           _.value = o.version, s.value = _.value, await Promise.all([
             h(),
-            V(),
-            H(),
-            P(),
+            N(),
             K(),
-            Q(),
+            G(),
+            P(),
+            q(),
             g(),
             v(),
-            z()
+            j()
           ]);
         });
       },
@@ -129,7 +128,7 @@ const ge = ["src"], he = ["src"], Fe = /* @__PURE__ */ O({
         immediate: !0
       }
     ), pe(), (o, e) => {
-      const q = b("router-view");
+      const Q = b("router-view");
       return c(), w(ee, null, [
         k(fe),
         r(s) === "v3" ? (c(), w("iframe", {
@@ -139,12 +138,12 @@ const ge = ["src"], he = ["src"], Fe = /* @__PURE__ */ O({
         }, null, 8, ge)) : r(s) === "v4" ? (c(), w("iframe", {
           key: 1,
           class: "bg-white h-full w-full",
-          src: G.value
-        }, null, 8, he)) : (c(), I(q, { key: 2 }))
+          src: W.value
+        }, null, 8, he)) : (c(), I(Q, { key: 2 }))
       ], 64);
     };
   }
 });
 export {
-  Fe as default
+  $e as default
 };

package/dist/DateRangeSelect.vue_vue_type_script_setup_true_lang-w7lSYFth.js

@@ -0,0 +1,180 @@
+import { defineComponent as P, resolveComponent as b, createBlock as D, openBlock as i, withCtx as R, createCommentVNode as S, createElementVNode as V, toDisplayString as E, renderSlot as N, mergeModels as k, useModel as v, ref as x, watch as F, createElementBlock as Y, createVNode as y, unref as u } from "vue";
+import { u as j, d as o, N as U, C as q } from "./vue-i18n-CbAseuRE.js";
+import { d as T } from "./helper-CPPrXQSs.js";
+import { detectLocale as M } from "@feedmepos/mf-common";
+const z = { class: "fm-typo-en-body-md-600 text-ellipsis overflow-hidden whitespace-nowrap" }, _ = { class: "fm-typo-en-body-md-600 text-ellipsis overflow-hidden whitespace-nowrap" }, O = /* @__PURE__ */ P({
+  __name: "FilterChip",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    leftIcon: {
+      type: String,
+      default: ""
+    },
+    rightIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const c = e;
+    return (p, g) => {
+      const d = b("FmIcon"), m = b("FmChip");
+      return i(), D(m, { class: "bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400 max-w-fit" }, {
+        default: R(() => [
+          e.leftIcon ? (i(), D(d, {
+            key: 0,
+            name: c.leftIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : S("", !0),
+          V("p", z, E(c.label), 1),
+          e.rightIcon ? (i(), D(d, {
+            key: 1,
+            name: e.rightIcon,
+            size: "sm",
+            outline: ""
+          }, null, 8, ["name"])) : S("", !0),
+          V("div", _, [
+            N(p.$slots, "default")
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), A = { class: "flex gap-2 items-center" }, f = "YYYY-MM-DD", K = /* @__PURE__ */ P({
+  __name: "DateRangeSelect",
+  props: /* @__PURE__ */ k({
+    compare: {
+      type: Boolean,
+      default: !1
+    },
+    datePredefinedRanges: {
+      type: Array,
+      default: () => U
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    removable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  }, {
+    compareType: {
+      type: String,
+      default: q.PRECEDING_PERIOD
+    },
+    compareTypeModifiers: {},
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    dateRangeModifiers: {},
+    compareDateRange: {
+      type: Object,
+      default: () => ({
+        startDate: void 0,
+        endDate: void 0
+      })
+    },
+    compareDateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["update", "chip-closed"], ["update:compareType", "update:dateRange", "update:compareDateRange"]),
+  setup(e, { emit: c }) {
+    var C, h, I;
+    const { t: p } = j(), g = c, d = v(e, "compareType"), m = v(e, "dateRange"), s = v(e, "compareDateRange"), t = x({
+      startDate: (C = o(m.value.startDate)) == null ? void 0 : C.local().format(f),
+      endDate: (h = o(m.value.endDate)) == null ? void 0 : h.local().format(f)
+    }), a = x({
+      startDate: s.value.startDate ? (I = o(s.value.startDate)) == null ? void 0 : I.local().format(f) : null,
+      endDate: s.value.endDate ? o(s.value.endDate).local().format(f) : null
+    });
+    F(
+      [() => t.value],
+      () => {
+        t.value.endDate || (t.value.endDate = t.value.startDate);
+        const r = {
+          startDate: o(t.value.startDate).toISOString(),
+          endDate: o(t.value.endDate).toISOString()
+        };
+        m.value = r, g("update", r);
+      },
+      { deep: !0 }
+    ), F([() => a.value], () => {
+      s.value = {
+        startDate: a.value.startDate ? o(a.value.startDate).toISOString() : void 0,
+        endDate: a.value.endDate ? o(a.value.endDate).toISOString() : void 0
+      };
+    });
+    function $(r) {
+      d.value = r;
+    }
+    function B(r) {
+      g("chip-closed", r);
+    }
+    return (r, l) => {
+      const w = b("FmSimpleDateRangePicker");
+      return i(), Y("div", A, [
+        y(w, {
+          modelValue: t.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (n) => t.value = n),
+          "show-predefined-range": "",
+          "predefined-range": e.datePredefinedRanges.map((n) => ({
+            ...n,
+            label: u(p)(`report.date.${n.label}`)
+          })),
+          class: "w-2/6"
+        }, {
+          "trigger-button": R(() => [
+            y(O, {
+              "left-icon": e.label ? "filter_alt" : "calendar_month",
+              label: e.label ?? u(T)({
+                startDate: t.value.startDate ?? "",
+                endDate: t.value.endDate ?? "",
+                locale: u(M)()
+              }),
+              removable: e.removable,
+              onChipClosed: l[0] || (l[0] = (n) => B(!0))
+            }, null, 8, ["left-icon", "label", "removable"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "predefined-range"]),
+        e.compare ? (i(), D(w, {
+          key: 0,
+          modelValue: a.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (n) => a.value = n),
+          "compare-type": d.value,
+          "onUpdate:compareType": l[3] || (l[3] = (n) => d.value = n),
+          "show-predefined-range": "",
+          "compare-target": t.value,
+          onSelectComparison: $
+        }, {
+          "trigger-button": R(() => [
+            y(O, {
+              label: `${u(p)("report.common.compare")}: ${u(T)({
+                startDate: a.value.startDate ?? null,
+                endDate: a.value.endDate ?? null,
+                locale: u(M)()
+              })}`
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "compare-type", "compare-target"])) : S("", !0)
+      ]);
+    };
+  }
+});
+export {
+  K as _,
+  O as a
+};

package/dist/{Default.vue_vue_type_script_setup_true_lang-B0_QlxYu.js → Default.vue_vue_type_script_setup_true_lang-DeKEY6-a.js}

@@ -1,8 +1,8 @@
 import { defineComponent as u, computed as f, resolveComponent as p, createElementBlock as s, openBlock as t, normalizeStyle as n, normalizeClass as d, unref as e, createBlock as y, createCommentVNode as _, createVNode as h, createElementVNode as k, toDisplayString as g, renderSlot as x } from "vue";
-import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-BdzurgE4.js";
+import { _ as v } from "./NavigationTab.vue_vue_type_script_setup_true_lang-DpFJ_jYh.js";
 import { useBreakpoints as b } from "@feedmepos/ui-library";
 import { storeToRefs as C } from "pinia";
-import { u as q, f as w } from "./global-loader-CEOgl5uZ.js";
+import { u as q, f as w } from "./vue-i18n-CbAseuRE.js";
 import { useRoute as B } from "vue-router";
 const $ = {
   key: 1,