@feedmepos/mf-report 5.18.2-beta.2 → 5.18.2-beta.4

package/dist/App-BRjX1jFN.js

@@ -0,0 +1,221 @@
+import { defineComponent as X, resolveComponent as J, createBlock as Y, openBlock as I, unref as u, isRef as fe, withCtx as F, createElementVNode as j, createVNode as x, toDisplayString as W, createTextVNode as pe, onMounted as Z, watch as h, ref as A, computed as G, onBeforeMount as ge, onBeforeUnmount as ye, createElementBlock as $, Fragment as ve } from "vue";
+import { detectLocale as C, useCoreStore as B } from "@feedmepos/mf-common";
+import { u as Se, d as i, a as De, b as K, c as Ie, e as he, f as Re, s as qe, g as Oe } from "./vue-i18n-CTLGxUiF.js";
+import { storeToRefs as b } from "pinia";
+import { u as _e, a as we, b as Le } from "./BaseDialog.vue_vue_type_script_setup_true_lang-djyc20Cp.js";
+import { _ as be, u as Ce } from "./NavigationTab.vue_vue_type_script_setup_true_lang-CDxb2Mjg.js";
+import { u as P } from "./message-dialog-UoMWOnil.js";
+import { useRoute as Ee, useRouter as ke } from "vue-router";
+const Ne = { class: "fm-typo-en-body-md-400 text-ellipsis overflow-hidden" }, Fe = /* @__PURE__ */ X({
+  __name: "Dialog",
+  setup(R) {
+    const { t: r } = Se(), f = P(), { isOpened: c, message: v, title: S } = b(P());
+    return (q, g) => {
+      const O = J("FmButton"), E = J("FmDialog");
+      return I(), Y(E, {
+        modelValue: u(c),
+        "onUpdate:modelValue": g[0] || (g[0] = (k) => fe(c) ? c.value = k : null),
+        overlay: "",
+        "close-button": !1
+      }, {
+        "dialog-header": F(() => [
+          pe(W(u(S)), 1)
+        ]),
+        default: F(() => [
+          j("p", Ne, W(u(v)), 1)
+        ]),
+        "dialog-footer": F(() => [
+          g[1] || (g[1] = j("div", { class: "grow" }, null, -1)),
+          x(O, {
+            label: u(r)("report.common.cancel"),
+            variant: "tertiary",
+            onClick: u(f).dismiss
+          }, null, 8, ["label", "onClick"]),
+          x(O, {
+            label: u(r)("report.common.confirm"),
+            onClick: u(f).confirm
+          }, null, 8, ["label", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), H = A(C());
+function $e() {
+  const R = (r) => {
+    switch (H.value = r, r) {
+      case "zh-CN":
+        i.locale("zh-cn");
+        break;
+      default:
+        i.locale("en");
+        break;
+    }
+  };
+  return Z(() => {
+    R(C());
+  }), h(() => C(), R, { deep: !0, immediate: !0 }), {
+    currentLocale: H
+  };
+}
+i.locale(C() === "zh-CN" ? "zh-cn" : "en");
+const Be = ["src"], Je = ["src"], Ke = /* @__PURE__ */ X({
+  __name: "App",
+  setup(R) {
+    const { businessId: r, token: f, country: c } = b(De()), { sessionUser: v, currentBusiness: S, currentCountry: q, registerSidebarComponent: g } = B(), { getRestaurantAndWarehouse: O, getBusinessSetting: E } = K(), { getFeatureFlags: k } = Ie(), { version: p } = b(_e()), { getSettings: M } = he(), { promptLoader: ee } = Re(), e = Ee(), T = ke(), te = G(() => `https://portal-v1.feedmedev.cc/b/${r.value}/report/CLOSE_UP?showHeader=false&country=${c.value.toUpperCase()}&menuOption=business-report&token=${f.value}&v2=true&reportV5Button=true`), ae = G(() => `https://report-v4.feedmedev.cc?businessId=${r.value}&country=${c.value}&token=${f.value}&reportV3Button=true`);
+    h(
+      [() => S.value, () => v.value, () => q.value],
+      () => {
+        var t, o;
+        const a = ((t = S.value) == null ? void 0 : t.id) ?? "";
+        S.value && v.value && q.value && (qe(c.value), r.value !== a && (r.value = a), f.value = ((o = v.value) == null ? void 0 : o.token) ?? "", c.value = q.value ?? "", e.query.businessId !== r.value && T.replace({
+          name: e.name,
+          params: e.params,
+          query: { ...e.query, businessId: r.value }
+        }));
+      },
+      { immediate: !0 }
+    );
+    function U(a) {
+      if (typeof a.data == "string")
+        try {
+          const t = JSON.parse(a.data);
+          (t == null ? void 0 : t.token) !== "" && (t == null ? void 0 : t.token) !== void 0 && (f.value = t.token);
+        } catch (t) {
+          console.error(t);
+        }
+    }
+    function z(a) {
+      if (typeof a.data == "string")
+        try {
+          const t = JSON.parse(a.data);
+          (t == null ? void 0 : t.v5) === !0 ? p.value = N.value : (t == null ? void 0 : t.v3) === !0 && (p.value = "v3");
+        } catch (t) {
+          console.error(t);
+        }
+    }
+    h(p, () => {
+      ["v3", "v4"].includes(p.value) ? B().hideSidebarToggle(!0) : B().hideSidebarToggle(!1);
+    }), ge(() => {
+      g(be);
+    }), Z(() => {
+      console.log("5.18.2-beta.4", !0), window.addEventListener("message", U), window.addEventListener("message", z);
+    });
+    const D = we(), Q = Ce(), n = K();
+    ye(() => {
+      window.removeEventListener("message", U), window.removeEventListener("message", z), D.$dispose(), Q.$dispose();
+    });
+    const { getReports: ne, getOverviewReport: re, getReportConfig: V, currentReportId: oe } = D, { currentReportId: se } = b(D), { getSchema: ie } = Le(), { fetchSchedules: ue } = Q, { init: ce } = Oe(), N = A("v5"), _ = A(!1);
+    function le() {
+      const a = e.query.startDate ? i(e.query.startDate).startOf("day").toISOString() : void 0, t = e.query.endDate ? i(e.query.endDate).endOf("day").toISOString() : void 0, o = e.query.timeStart ? JSON.parse(e.query.timeStart) : void 0, l = e.query.timeEnd ? JSON.parse(e.query.timeEnd) : void 0, d = e.query.compareStartDate ? i(e.query.compareStartDate).startOf("day").toISOString() : void 0, y = e.query.compareEndDate ? i(e.query.compareEndDate).endOf("day").toISOString() : void 0, w = e.query.isAllLocation === "true";
+      let m = [];
+      w ? m = n.selectedLocationIds : m = e.query.locationIds ? JSON.parse(e.query.locationIds) : void 0;
+      const L = e.query.reportId || oe;
+      if (L && L !== D.currentReportId && D.updateCurrentReportId(L), a || t) {
+        const s = n.dateRange;
+        (s.startDate !== a || s.endDate !== t) && n.setDateRange({ startDate: a, endDate: t });
+      }
+      if (o || l) {
+        const s = n.timeRange;
+        (s.start !== o || s.end !== l) && n.setTimeRange({ start: o, end: l });
+      }
+      if (d || y) {
+        const s = n.compareDateRange;
+        (s.startDate !== d || s.endDate !== y) && n.setCompareDateRange({
+          startDate: d,
+          endDate: y
+        });
+      }
+      if (!w && Array.isArray(m)) {
+        const s = n.selectedLocationIds;
+        s.length === m.length && s.every((de, me) => de === m[me]) || n.setSelectedLocationIds(m);
+      }
+      return {
+        reportId: L,
+        startDate: e.query.startDate,
+        endDate: e.query.endDate,
+        timeStart: e.query.timeStart,
+        timeEnd: e.query.timeEnd,
+        compareStartDate: e.query.compareStartDate,
+        compareEndDate: e.query.compareEndDate,
+        locationIds: e.query.locationIds,
+        isAllLocation: e.query.isAllLocation
+      };
+    }
+    return h(
+      () => r.value,
+      async () => {
+        r.value !== "" && (_.value = !1, await ee(async () => {
+          await ce({
+            apiKey: "MaGoXrEWuEJNpWgKTqseee",
+            url: "https://flag.feedme.farm/api/v1/",
+            enableAnalytics: !1,
+            cacheFlags: !1
+          });
+          const a = await V();
+          N.value = a.version, p.value = N.value, await Promise.all([
+            k(),
+            V(),
+            re(),
+            ne(),
+            ie(),
+            ue(),
+            O(
+              e.query.locationIds ? JSON.parse(e.query.locationIds) : null
+            ),
+            M()
+          ]), await E(), le();
+        }), _.value = !0);
+      },
+      {
+        immediate: !0
+      }
+    ), h(
+      () => (_.value, {
+        reportId: se.value,
+        selectedLocationIds: n.selectedLocationIds,
+        dateRange: n.dateRange,
+        timeRange: n.timeRange,
+        compareDateRange: n.compareDateRange
+      }),
+      (a) => {
+        if (!_.value || !a.reportId) return;
+        const t = a.selectedLocationIds, o = a.dateRange, l = a.timeRange, d = a.compareDateRange, y = {
+          ...e.query,
+          reportId: a.reportId,
+          startDate: o.startDate ? i(o.startDate).startOf("day").toISOString() : void 0,
+          endDate: o.endDate ? i(o.endDate).endOf("day").toISOString() : void 0,
+          compareStartDate: d.startDate ? i(d.startDate).startOf("day").toISOString() : void 0,
+          compareEndDate: d.endDate ? i(d.endDate).endOf("day").toISOString() : void 0,
+          timeStart: l.start ? JSON.stringify(l.start) : void 0,
+          timeEnd: l.end ? JSON.stringify(l.end) : void 0,
+          locationIds: t.length === n.locations.length ? null : t.length > 0 ? JSON.stringify(t) : void 0,
+          isAllLocation: String(t.length === n.locations.length)
+        }, w = JSON.stringify(e.query), m = JSON.stringify(y);
+        w !== m && T.replace({
+          name: e.name,
+          params: e.params,
+          query: y
+        });
+      },
+      { deep: !0 }
+    ), $e(), (a, t) => {
+      const o = J("router-view");
+      return I(), $(ve, null, [
+        x(Fe),
+        u(p) === "v3" ? (I(), $("iframe", {
+          key: 0,
+          class: "bg-white h-full w-full",
+          src: te.value
+        }, null, 8, Be)) : u(p) === "v4" ? (I(), $("iframe", {
+          key: 1,
+          class: "bg-white h-full w-full",
+          src: ae.value
+        }, null, 8, Je)) : (I(), Y(o, { key: 2 }))
+      ], 64);
+    };
+  }
+});
+export {
+  Ke as default
+};