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

package/dist/{App-CVBF-RIq.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 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-BQlMgPFO.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-CLzZSDqm.js";
-import { u as ce } from "./report-schema-IaDHay9I.js";
-import { _ as me, u as de } from "./NavigationTab.vue_vue_type_script_setup_true_lang-D1VWyu4i.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),
@@ -42,7 +41,7 @@ const ve = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, fe
   }
 }), 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: 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`);
+  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,11 +91,11 @@ 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-beta.0", !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 E = ie(), L = de();
+    const E = ie(), L = me();
     M(() => {
       window.removeEventListener("message", F), window.removeEventListener("message", B), E.$dispose(), L.$dispose();
     });
@@ -146,5 +145,5 @@ const ge = ["src"], he = ["src"], Fe = /* @__PURE__ */ O({
   }
 });
 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-CwNa_c74.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-D1VWyu4i.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-BQlMgPFO.js";
+import { u as q, f as w } from "./vue-i18n-CbAseuRE.js";
 import { useRoute as B } from "vue-router";
 const $ = {
   key: 1,