@feedmepos/mf-report 5.18.2-beta.5 → 5.18.2-beta.7

package/dist/App-BUVxeHtS.js

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