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

package/dist/App-DufL3Y8h.js

@@ -0,0 +1,152 @@
+import { defineComponent as O, resolveComponent as C, createBlock as T, openBlock as m, unref as r, isRef as Y, withCtx as w, createElementVNode as q, createVNode as $, toDisplayString as D, createTextVNode as Z, onMounted as z, watch as p, ref as j, computed as I, onBeforeMount as M, onBeforeUnmount as ee, createElementBlock as b, Fragment as te } from "vue";
+import { detectLocale as g, useCoreStore as k } from "@feedmepos/mf-common";
+import { u as oe, d as F, a as re, b as ne, c as ae, e as se, f as le, g as ue } from "./global-loader-C3JC7z-H.js";
+import { storeToRefs as B } from "pinia";
+import { u as ie, a as ce } from "./v4-D29FkHfi.js";
+import { u as me } from "./report-schema-1zQJbLyB.js";
+import { _ as de, u as ve } from "./NavigationTab.vue_vue_type_script_setup_true_lang-_eC_tMk_.js";
+import { u as U } from "./message-dialog-UoMWOnil.js";
+import { useRoute as fe } from "vue-router";
+const pe = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, ge = /* @__PURE__ */ O({
+  __name: "Dialog",
+  setup(d) {
+    const { t } = oe(), n = U(), { isOpened: a, message: i, title: c } = B(U());
+    return (y, u) => {
+      const v = C("FmButton"), h = C("FmDialog");
+      return m(), T(h, {
+        modelValue: r(a),
+        "onUpdate:modelValue": u[0] || (u[0] = (_) => Y(a) ? a.value = _ : null),
+        overlay: "",
+        "close-button": !1
+      }, {
+        "dialog-header": w(() => [
+          Z(D(r(c)), 1)
+        ]),
+        default: w(() => [
+          q("p", pe, D(r(i)), 1)
+        ]),
+        "dialog-footer": w(() => [
+          u[1] || (u[1] = q("div", { class: "grow" }, null, -1)),
+          $(v, {
+            label: r(t)("report.common.cancel"),
+            variant: "tertiary",
+            onClick: r(n).dismiss
+          }, null, 8, ["label", "onClick"]),
+          $(v, {
+            label: r(t)("report.common.confirm"),
+            onClick: r(n).confirm
+          }, null, 8, ["label", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), x = j(g());
+function ye() {
+  const d = (t) => {
+    switch (x.value = t, t) {
+      case "zh-CN":
+        F.locale("zh-cn");
+        break;
+      default:
+        F.locale("en");
+        break;
+    }
+  };
+  return z(() => {
+    d(g());
+  }), p(() => g(), d, { deep: !0, immediate: !0 }), {
+    currentLocale: x
+  };
+}
+F.locale(g() === "zh-CN" ? "zh-cn" : "en");
+const he = ["src"], _e = ["src"], Le = /* @__PURE__ */ O({
+  __name: "App",
+  setup(d) {
+    const { businessId: t, token: n, country: a } = B(re()), { sessionUser: i, currentBusiness: c, currentCountry: y, registerSidebarComponent: u } = k(), { getRestaurantAndWarehouse: v, getBusinessSetting: h } = ne(), { getFeatureFlags: _ } = ae(), { version: s } = B(ie()), { getSettings: A } = se(), l = fe(), { promptLoader: J } = le(), W = I(() => `https://portal-v1.feedmedev.cc/b/${t.value}/report/CLOSE_UP?showHeader=false&country=${a.value.toUpperCase()}&menuOption=business-report&token=${n.value}&v2=true&reportV5Button=true`), G = I(() => `https://report-v4.feedmedev.cc?businessId=${t.value}&country=${a.value}&token=${n.value}&reportV3Button=true`);
+    p(
+      // if route query pass in the detail we switch accordingly
+      [() => l.query, () => c.value, () => i.value],
+      () => {
+        var o, e, f;
+        l.query.token && l.query.businessId && l.query.country ? (t.value = l.query.businessId, n.value = l.query.token, a.value = l.query.country) : ((o = c.value) != null && o.id && (t.value = c.value.id), (e = i.value) != null && e.token && (n.value = (f = i.value) == null ? void 0 : f.token), y.value && (a.value = y.value));
+      },
+      { immediate: !0 }
+    );
+    function E(o) {
+      if (typeof o.data == "string")
+        try {
+          const e = JSON.parse(o.data);
+          (e == null ? void 0 : e.token) !== "" && (e == null ? void 0 : e.token) !== void 0 && (n.value = e.token);
+        } catch (e) {
+          console.error(e);
+        }
+    }
+    function L(o) {
+      if (typeof o.data == "string")
+        try {
+          const e = JSON.parse(o.data);
+          (e == null ? void 0 : e.v5) === !0 ? s.value = S.value : (e == null ? void 0 : e.v3) === !0 && (s.value = "v3");
+        } catch (e) {
+          console.error(e);
+        }
+    }
+    p(s, () => {
+      ["v3", "v4"].includes(s.value) ? k().hideSidebarToggle(!0) : k().hideSidebarToggle(!1);
+    }), M(() => {
+      u(de);
+    }), z(() => {
+      console.log("5.4.15-beta.3", !0), window.addEventListener("message", E), window.addEventListener("message", L);
+    });
+    const R = ce(), N = ve();
+    ee(() => {
+      window.removeEventListener("message", E), window.removeEventListener("message", L), R.$dispose(), N.$dispose();
+    });
+    const { getReports: K, getOverviewReport: P, getReportConfig: V } = R, { getSchema: H } = me(), { fetchSchedules: Q } = N, { init: X } = ue(), S = j("v5");
+    return p(
+      () => t.value,
+      () => {
+        t.value !== "" && J(async () => {
+          await X({
+            apiKey: "MaGoXrEWuEJNpWgKTqseee",
+            url: "https://flag.feedme.farm/api/v1/",
+            enableAnalytics: !1,
+            cacheFlags: !1
+          });
+          const o = await V();
+          S.value = o.version, s.value = S.value, await Promise.all([
+            _(),
+            V(),
+            P(),
+            K(),
+            H(),
+            Q(),
+            h(),
+            v(),
+            A()
+          ]);
+        });
+      },
+      {
+        immediate: !0
+      }
+    ), ye(), (o, e) => {
+      const f = C("router-view");
+      return m(), b(te, null, [
+        $(ge),
+        r(s) === "v3" ? (m(), b("iframe", {
+          key: 0,
+          class: "bg-white h-full w-full",
+          src: W.value
+        }, null, 8, he)) : r(s) === "v4" ? (m(), b("iframe", {
+          key: 1,
+          class: "bg-white h-full w-full",
+          src: G.value
+        }, null, 8, _e)) : (m(), T(f, { key: 2 }))
+      ], 64);
+    };
+  }
+});
+export {
+  Le as default
+};

package/dist/DateRangeSelect.vue_vue_type_script_setup_true_lang-DLDk5l4R.js

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

package/dist/{Default.vue_vue_type_script_setup_true_lang-Bxuyjrkr.js → Default.vue_vue_type_script_setup_true_lang-DVLxkOOQ.js}

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