@feedmepos/mf-report 5.19.8-beta.2 → 5.19.9-beta.0

package/dist/App-DTXCen66.js

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