@feedmepos/mf-report 5.27.39 → 5.27.40

package/dist/{OverviewView-CLUe1Opn.js → OverviewView-Cf3MrDd_.js}

@@ -1,11 +1,11 @@
 import { defineComponent as w, computed as l, resolveComponent as y, createBlock as p, openBlock as s, withCtx as k, createVNode as i, createElementVNode as c, unref as e, normalizeStyle as b, normalizeClass as d, createElementBlock as h } from "vue";
-import { _ as I } from "./TileGrid.vue_vue_type_script_setup_true_lang-DdwPdPJ2.js";
-import { u as $, l as B } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
-import { _ as C } from "./Default.vue_vue_type_script_setup_true_lang-CPKHc9Ij.js";
+import { _ as I } from "./TileGrid.vue_vue_type_script_setup_true_lang-DVmhbkCB.js";
+import { u as $, l as B } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
+import { _ as C } from "./Default.vue_vue_type_script_setup_true_lang-DD2mYIoH.js";
 import { storeToRefs as z } from "pinia";
 import { _ as P } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { useBreakpoints as R } from "@feedmepos/ui-library";
-import { _ as S } from "./MenuTab.vue_vue_type_script_setup_true_lang-B3NaH_DG.js";
+import { _ as S } from "./MenuTab.vue_vue_type_script_setup_true_lang-VIJ3DR4n.js";
 import { useI18n as V } from "@feedmepos/mf-common";
 import { r as D } from "./i18n-CI_sQ5d_.js";
 const E = { class: "sticky top-0 z-10 bg-white" }, M = /* @__PURE__ */ w({

package/dist/{Report-BtKLh93q.js → Report-D0ybaqZN.js}

@@ -1,12 +1,12 @@
 import { defineComponent as $e, ref as j, watch as pe, computed as b, h as p, withModifiers as De, resolveComponent as S, createBlock as G, openBlock as A, withCtx as m, createVNode as c, createElementVNode as w, unref as e, normalizeStyle as Ie, normalizeClass as k, withDirectives as H, createElementBlock as Fe, Fragment as Oe, renderList as Le, toDisplayString as J, createTextVNode as Pe, vShow as Q } from "vue";
 import { storeToRefs as de } from "pinia";
-import { u as Ne } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
-import { _ as Ve } from "./Default.vue_vue_type_script_setup_true_lang-CPKHc9Ij.js";
+import { u as Ne } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
+import { _ as Ve } from "./Default.vue_vue_type_script_setup_true_lang-DD2mYIoH.js";
 import { u as Ae } from "./message-dialog-UoMWOnil.js";
 import { a as Je } from "./_plugin-vue_export-helper-onplcgja.js";
 import { useSnackbar as ze, useBreakpoints as Be, components as Te, FmButtonColorThemeVariant as Ue } from "@feedmepos/ui-library";
 import { _ as Ee } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
-import { c as Ke, a as fe, h as Me } from "./app-CuP9NY1I.js";
+import { c as Ke, a as fe, h as Me } from "./app-FVupSSYM.js";
 import { useRouter as Ye, useRoute as qe, onBeforeRouteLeave as je } from "vue-router";
 import { useI18n as Ge } from "@feedmepos/mf-common";
 import { r as W } from "./i18n-CI_sQ5d_.js";

package/dist/{ReportEditor-BSoWyCZA.js → ReportEditor-BAOUNxIf.js}

@@ -1,18 +1,18 @@
 import { defineComponent as we, mergeModels as ke, useModel as Te, ref as L, computed as b, resolveComponent as C, createBlock as T, openBlock as c, withCtx as _, createElementVNode as v, createVNode as i, unref as o, normalizeClass as Pe, createTextVNode as Ge, toDisplayString as B, createElementBlock as R, Fragment as he, renderSlot as vt, createCommentVNode as M, watch as ge, renderList as qe, onMounted as ft, onUnmounted as St, resolveDynamicComponent as $t, isRef as gt, normalizeStyle as lt } from "vue";
-import { W as Dt, g as Ot, _ as It, a as Ut, e as Oe, S as Le, d as bt, b as yt, T as Bt, c as Nt } from "./TransitionFade-cviixQkL.js";
-import { C as Ve, D as te, d as Re, g as Mt, F as He, e as Ie, u as at, M as ht, r as Rt, f as st, n as zt, h as qt, i as Pt, j as Et, k as Lt, a as Gt, b as ut, m as Xe, o as Wt, Q as je, p as At, l as Ht, c as dt, q as jt } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
+import { W as Dt, g as Ot, _ as It, a as Ut, e as Oe, S as Le, d as bt, b as yt, T as Bt, c as Nt } from "./TransitionFade-CtE41B0o.js";
+import { C as Ve, D as te, d as Re, g as Mt, F as He, e as Ie, u as at, M as ht, r as Rt, f as st, n as zt, h as qt, i as Pt, j as Et, k as Lt, a as Gt, b as ut, m as Xe, o as Wt, Q as je, p as At, l as Ht, c as dt, q as jt } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
 import { storeToRefs as ze } from "pinia";
 import { useRouter as rt, useRoute as nt } from "vue-router";
 import { useBreakpoints as Je, useSnackbar as wt, FmButtonColorThemeVariant as Ce } from "@feedmepos/ui-library";
 import { u as it } from "./message-dialog-UoMWOnil.js";
 import { u as Ee, a as Jt } from "./_plugin-vue_export-helper-onplcgja.js";
 import { r as We } from "./i18n-CI_sQ5d_.js";
-import { _ as Ze } from "./TileGrid.vue_vue_type_script_setup_true_lang-DdwPdPJ2.js";
+import { _ as Ze } from "./TileGrid.vue_vue_type_script_setup_true_lang-DVmhbkCB.js";
 import { a as et, _ as tt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
-import { d as Kt, e as Qt, i as Yt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-aP-DhJoD.js";
+import { d as Kt, e as Qt, i as Yt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
 import { useCoreStore as Xt } from "@feedmepos/mf-common";
-import { u as Zt, a as el } from "./app-CuP9NY1I.js";
-import { d as tl } from "./DateRangeSelect-D8yWjVRH.js";
+import { u as Zt, a as el } from "./app-FVupSSYM.js";
+import { d as tl } from "./DateRangeSelect-UoFskU18.js";
 const ll = /* @__PURE__ */ we({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ ke({

package/dist/{ReportView-DMah7z_A.js → ReportView-BaHqhBsX.js}

@@ -1,16 +1,16 @@
 import { defineComponent as V, computed as i, createBlock as S, openBlock as f, withCtx as h, renderSlot as ie, ref as ue, watch as ce, resolveComponent as j, createVNode as _, createElementVNode as R, unref as l, toDisplayString as pe, normalizeStyle as me, normalizeClass as F, createElementBlock as de } from "vue";
-import { _ as ve } from "./MenuTab.vue_vue_type_script_setup_true_lang-B3NaH_DG.js";
-import { _ as fe } from "./TileGrid.vue_vue_type_script_setup_true_lang-DdwPdPJ2.js";
-import { u as ye, l as ge, s as be } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
+import { _ as ve } from "./MenuTab.vue_vue_type_script_setup_true_lang-VIJ3DR4n.js";
+import { _ as fe } from "./TileGrid.vue_vue_type_script_setup_true_lang-DVmhbkCB.js";
+import { u as ye, l as ge, s as be } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
 import { useRouter as _e, useRoute as we } from "vue-router";
-import { _ as Se } from "./Default.vue_vue_type_script_setup_true_lang-CPKHc9Ij.js";
+import { _ as Se } from "./Default.vue_vue_type_script_setup_true_lang-DD2mYIoH.js";
 import { storeToRefs as w } from "pinia";
-import { b as he, c as Ce, u as xe, g as Te } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Cg-74bAB.js";
+import { b as he, c as Ce, u as xe, g as Te } from "./NavigationTab.vue_vue_type_script_setup_true_lang-CooqFHBx.js";
 import { _ as z } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { useSnackbar as ke, useBreakpoints as Re } from "@feedmepos/ui-library";
 import { u as L, a as Pe, _ as De } from "./_plugin-vue_export-helper-onplcgja.js";
 import { u as Ie } from "./message-dialog-UoMWOnil.js";
-import { e as Oe, h as $e } from "./app-CuP9NY1I.js";
+import { e as Oe, h as $e } from "./app-FVupSSYM.js";
 import { r as Ae } from "./i18n-CI_sQ5d_.js";
 const Ee = /* @__PURE__ */ V({
   __name: "NoPermission",

package/dist/Setting-IDAzH_zb.js

@@ -0,0 +1,366 @@
+import { defineComponent as R, ref as N, useModel as I, resolveComponent as V, createElementBlock as $, openBlock as x, createBlock as L, createElementVNode as t, resolveDynamicComponent as me, unref as e, withCtx as b, createVNode as s, normalizeClass as U, toDisplayString as a, Fragment as W, renderList as X, createTextVNode as ue, withDirectives as Y, vShow as ee, computed as q, watch as de, normalizeStyle as pe } from "vue";
+import { _ as ce } from "./Default.vue_vue_type_script_setup_true_lang-DD2mYIoH.js";
+import { d as A, C as G, D as fe, m as _e, n as K, a as ve } from "./app-FVupSSYM.js";
+import { components as Z, useSnackbar as te, useBreakpoints as oe, FmButtonColorThemeVariant as Q } from "@feedmepos/ui-library";
+import { K as B, L as ge } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
+import { u as ye } from "./message-dialog-UoMWOnil.js";
+import { u as w } from "./_plugin-vue_export-helper-onplcgja.js";
+import { detectLocale as F } from "@feedmepos/mf-common";
+import { a as j } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
+import { storeToRefs as he } from "pinia";
+const xe = { class: "px-5 py-2" }, be = { class: "flex" }, Ve = { class: "flex px-5 gap-2" }, Te = { class: "flex flex-col gap-2" }, Ce = { class: "fm-typo-en-title-sm-600" }, De = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $e = { class: "w-full gap-[24px] flex flex-col pt-2" }, Se = { class: "flex items-center w-full gap-3" }, ke = { class: "text-fm-color-typo-primary" }, Fe = { class: "text-fm-color-typo-secondary" }, Re = { class: "flex items-center gap-2" }, we = /* @__PURE__ */ R({
+  __name: "ReportHour",
+  props: {
+    modelValue: {
+      required: !0,
+      default: () => []
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const l = N(!1), i = N(), o = {
+      name: "",
+      isDefault: !1,
+      startTime: { hour: 0, minute: 0 },
+      endTime: { hour: 0, minute: 0 }
+    }, { FmForm: p } = Z, f = N(), { promptMessage: h } = ye(), m = te(), n = N(JSON.parse(JSON.stringify(o))), u = I(T, "modelValue"), { t: r } = w(), E = () => {
+      l.value = !1, n.value && i.value === void 0 ? u.value.push(n.value) : u.value[i.value] = n.value;
+    }, O = () => {
+      var v;
+      (v = f.value) == null || v.validateInputs();
+    }, H = () => {
+      l.value = !1, n.value = o;
+    }, c = (v) => {
+      i.value = v, n.value = JSON.parse(JSON.stringify(u.value[i.value])), l.value = !0;
+    }, P = () => {
+      n.value = o, l.value = !0;
+    }, le = async (v) => {
+      const d = u.value.find((C, _) => _ === v);
+      if (!d) {
+        m.open({ message: `index ${v} cannot be found`, type: "error" });
+        return;
+      }
+      if (d.isDefault)
+        return;
+      await h({
+        title: r("report.setting.reportHour.deleteTitle"),
+        message: r("report.setting.reportHour.deleteConfirm", { name: d.name })
+      }) && (u.value = u.value.filter((_, M) => M !== v), u.value.find((_) => _.isDefault) || (u.value[0].isDefault = !0), n.value = o);
+    }, ae = (v, d) => {
+      v ? u.value = u.value.map((S, C) => ({
+        ...S,
+        isDefault: d === C
+      })) : u.value = u.value.map((S, C) => ({
+        ...S,
+        isDefault: C === 0
+      }));
+    }, { breakpoints: z } = oe(), { FmSideSheet: se, FmTopSheet: ne } = Z;
+    return (v, d) => {
+      const S = V("FmTextField"), C = V("FmTimePicker"), _ = V("FmButton"), M = V("FmSwitch"), re = V("FmChip"), ie = V("FmCard");
+      return x(), $("div", null, [
+        (x(), L(me(e(z).lg || e(z).md ? e(se) : e(ne)), {
+          modelValue: l.value,
+          "onUpdate:modelValue": d[3] || (d[3] = (g) => l.value = g),
+          "fullscreen-size": "sm",
+          "dismiss-away": !0
+        }, {
+          "side-sheet-header": b(() => [
+            t("p", null, a(e(r)("report.setting.reportHour.addTitle")), 1)
+          ]),
+          "top-sheet-header": b(() => [
+            t("div", xe, [
+              t("p", null, a(e(r)("report.setting.reportHour.addTitle")), 1)
+            ])
+          ]),
+          "side-sheet-footer": b(() => [
+            t("div", be, [
+              s(_, {
+                label: "Save",
+                variant: "primary",
+                onClick: O
+              }),
+              s(_, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: H
+              })
+            ])
+          ]),
+          "top-sheet-footer": b(() => [
+            t("div", Ve, [
+              s(_, {
+                label: "Save",
+                variant: "primary",
+                onClick: O
+              }),
+              s(_, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: H
+              })
+            ])
+          ]),
+          default: b(() => [
+            s(e(p), {
+              ref_key: "form",
+              ref: f,
+              class: U(["flex flex-col gap-2", `${e(z).sm || e(z).xs ? "px-24" : ""}`]),
+              onValidationSuccess: E
+            }, {
+              default: b(() => {
+                var g, D, k, J;
+                return [
+                  s(S, {
+                    modelValue: n.value.name,
+                    "onUpdate:modelValue": d[0] || (d[0] = (y) => n.value.name = y),
+                    label: e(r)("report.setting.reportHour.hourSetName"),
+                    placeholder: e(r)("report.setting.reportHour.namePlaceholder"),
+                    rules: [(y) => y !== "" || e(r)("report.setting.reportHour.cannotBeEmpty")]
+                  }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
+                  s(C, {
+                    "model-value": e(A)().hour(((g = n.value.startTime) == null ? void 0 : g.hour) ?? 0).minute(((D = n.value.startTime) == null ? void 0 : D.minute) ?? 0).locale(e(F)()).format("HH:mm"),
+                    class: "grow",
+                    label: e(r)("report.setting.reportHour.startTime"),
+                    "onUpdate:modelValue": d[1] || (d[1] = (y) => {
+                      y && (n.value.startTime.hour = Number(y.split(":")[0]), n.value.startTime.minute = Number(y.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value", "label"]),
+                  s(C, {
+                    "model-value": e(A)().hour(((k = n.value.endTime) == null ? void 0 : k.hour) ?? 0).minute(((J = n.value.endTime) == null ? void 0 : J.minute) ?? 0).format("HH:mm"),
+                    class: "grow",
+                    label: e(r)("report.setting.reportHour.closeTime"),
+                    "onUpdate:modelValue": d[2] || (d[2] = (y) => {
+                      y && (n.value.endTime.hour = Number(y.split(":")[0]), n.value.endTime.minute = Number(y.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value", "label"])
+                ];
+              }),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])),
+        t("div", Te, [
+          t("p", Ce, a(e(r)("report.setting.reportHour.title")), 1),
+          t("p", De, a(e(r)("report.setting.reportHour.description")), 1)
+        ]),
+        t("div", $e, [
+          (x(!0), $(W, null, X(u.value, (g, D) => (x(), L(ie, {
+            key: `report_${D}`,
+            class: "flex p-4",
+            variant: "outlined"
+          }, {
+            default: b(() => [
+              t("div", Se, [
+                s(M, {
+                  "model-value": g.isDefault,
+                  "onUpdate:modelValue": (k) => ae(k, D)
+                }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                t("div", null, [
+                  t("p", ke, [
+                    ue(a(g.name) + " ", 1),
+                    Y(s(re, {
+                      label: e(r)("report.common.default"),
+                      class: "bg-fm-color-system-info-100 border-fm-color-typo-info text-fm-color-typo-info",
+                      compact: ""
+                    }, null, 8, ["label"]), [
+                      [ee, g.isDefault]
+                    ])
+                  ]),
+                  t("p", Fe, a(e(B)(g.startTime, e(F)())) + " - " + a(e(B)(g.endTime, e(F)())), 1)
+                ]),
+                d[4] || (d[4] = t("div", { class: "grow" }, null, -1)),
+                t("div", Re, [
+                  s(_, {
+                    icon: "edit",
+                    variant: "tertiary",
+                    onClick: (k) => c(D)
+                  }, null, 8, ["onClick"]),
+                  s(_, {
+                    icon: "delete",
+                    variant: "tertiary",
+                    disabled: g.isDefault,
+                    onClick: (k) => le(D)
+                  }, null, 8, ["disabled", "onClick"])
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128)),
+          t("div", null, [
+            s(_, {
+              label: e(r)("report.setting.reportHour.add"),
+              variant: "secondary",
+              icon: "add",
+              "icon-position": "prepend",
+              "border-color": e(Q).ColorPrimary,
+              "text-color": e(Q).ColorPrimary,
+              onClick: P
+            }, null, 8, ["label", "border-color", "text-color"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Oe = { class: "py-2 w-full gap-2 flex flex-col" }, He = { class: "fm-typo-en-title-sm-600" }, ze = /* @__PURE__ */ R({
+  __name: "CompareRangeSetting",
+  props: {
+    modelValue: {
+      required: !0,
+      default: G.PRECEDING_PERIOD
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const { t: l } = w(), i = I(T, "modelValue"), o = Object.values(G).map((p) => ({
+      label: l(`report.compare.${p}`),
+      value: p
+    })).slice(0, -1);
+    return (p, f) => (x(), $("div", Oe, [
+      t("p", He, a(e(l)("report.setting.summary.comparisonDateRange")), 1),
+      s(j, {
+        modelValue: i.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (h) => i.value = h),
+        label: e(l)("report.setting.summary.comparisonDateRange"),
+        items: e(o),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), Ne = { class: "py-2 w-full gap-2 flex flex-col" }, Ue = { class: "fm-typo-en-title-sm-600" }, Be = /* @__PURE__ */ R({
+  __name: "DateRangeSetting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const { t: l } = w(), i = I(T, "modelValue"), o = Object.values(fe).filter((p) => !["This month", "Last month"].includes(p)).map((p) => ({
+      label: l(`report.date.${p}`),
+      value: p
+    }));
+    return (p, f) => (x(), $("div", Ne, [
+      t("p", Ue, a(e(l)("report.setting.summary.defaultDateRange")), 1),
+      s(j, {
+        modelValue: i.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (h) => i.value = h),
+        label: e(l)("report.setting.summary.defaultDateRange"),
+        items: e(o),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), Ee = { class: "py-2 w-full gap-2 flex flex-col" }, Pe = { class: "fm-typo-en-title-sm-600" }, Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = /* @__PURE__ */ R({
+  __name: "TimezoneSetting",
+  props: {
+    modelValue: {},
+    defaultTimezone: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T, { emit: l }) {
+    const { t: i } = w(), o = T, p = l, f = q(
+      () => _e(
+        o.defaultTimezone,
+        (m) => i("report.setting.timezone.default", { timezone: m })
+      )
+    ), h = q({
+      get: () => o.modelValue ?? K,
+      set: (m) => p("update:modelValue", m === K ? null : m)
+    });
+    return (m, n) => (x(), $("div", Ee, [
+      t("p", Pe, a(e(i)("report.setting.timezone.title")), 1),
+      t("p", Me, a(e(i)("report.setting.timezone.description")), 1),
+      s(j, {
+        modelValue: h.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (u) => h.value = u),
+        label: e(i)("report.setting.timezone.label"),
+        items: f.value
+      }, null, 8, ["modelValue", "label", "items"])
+    ]));
+  }
+}), Ie = { class: "w-2/4" }, je = { class: "fm-typo-en-title-sm-600" }, Je = { class: "text-fm-color-typo-secondary" }, qe = { class: "fm-typo-en-body-lg-600" }, Ae = { class: "text-fm-color-typo-secondary" }, Ge = { class: "fm-typo-en-body-lg-600" }, Ke = { class: "text-fm-color-typo-secondary" }, Ze = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "text-fm-color-typo-secondary" }, We = { class: "fm-typo-en-body-lg-600" }, it = /* @__PURE__ */ R({
+  __name: "Setting",
+  setup(T) {
+    const { breakpoints: l } = oe(), i = ve(), { defaultDateSetting: o, timezone: p, defaultTimezone: f } = he(i), h = te(), { t: m } = w();
+    de(
+      [
+        () => o.value.defaultCompareType,
+        () => o.value.defaultDateRange,
+        () => o.value.timeOptions
+      ],
+      () => {
+        o.value.timeOptions.length === 0 ? h.open({ message: m("report.setting.reportHour.cannotBeEmptyError"), type: "error" }) : i.createOrUpdateBusinessSetting(o.value);
+      },
+      { deep: !0 }
+    );
+    function n(u) {
+      o.value.timezone = u, i.createOrUpdateBusinessSetting(o.value);
+    }
+    return (u, r) => {
+      const E = V("FmPageHead"), O = V("FmMenuDivider"), H = V("FmCard");
+      return x(), L(ce, null, {
+        default: b(() => [
+          s(E, {
+            title: e(m)("report.view.setting.title")
+          }, null, 8, ["title"]),
+          t("div", {
+            class: U(`${e(l).sm || e(l).xs ? "pb-20" : ""} overflow-y-auto flex`),
+            style: pe({ height: `calc(100% - ${e(l).sm || e(l).xs ? 60 : 72}px)` })
+          }, [
+            t("div", {
+              class: U(`${e(l).lg || e(l).md ? "px-24" : "px-3"} w-full flex flex-col gap-[40px]`)
+            }, [
+              s(we, {
+                modelValue: e(o).timeOptions,
+                "onUpdate:modelValue": r[0] || (r[0] = (c) => e(o).timeOptions = c)
+              }, null, 8, ["modelValue"]),
+              s(Be, {
+                modelValue: e(o).defaultDateRange,
+                "onUpdate:modelValue": r[1] || (r[1] = (c) => e(o).defaultDateRange = c)
+              }, null, 8, ["modelValue"]),
+              s(ze, {
+                modelValue: e(o).defaultCompareType,
+                "onUpdate:modelValue": r[2] || (r[2] = (c) => e(o).defaultCompareType = c)
+              }, null, 8, ["modelValue"]),
+              s(Le, {
+                "model-value": e(o).timezone,
+                "default-timezone": e(f),
+                "onUpdate:modelValue": n
+              }, null, 8, ["model-value", "default-timezone"])
+            ], 2),
+            Y(t("div", Ie, [
+              s(H, {
+                variant: "outlined",
+                class: U(["flex flex-col gap-3", `${e(l).lg || e(l).md ? "mr-5 p-6" : ""}`])
+              }, {
+                default: b(() => [
+                  t("p", je, a(e(m)("report.setting.summary.title")), 1),
+                  s(O),
+                  t("p", Je, a(e(m)("report.setting.summary.reportHour")), 1),
+                  (x(!0), $(W, null, X(e(o).timeOptions, (c, P) => (x(), $("div", { key: P }, [
+                    t("p", qe, a(c.name) + a(c.isDefault ? `(${e(m)("report.setting.reportHour.default")})` : "") + " " + a(e(B)(c.startTime, e(F)())) + " " + a(e(B)(c.endTime, e(F)())) + " " + a(e(ge)(c.startTime, c.endTime)), 1)
+                  ]))), 128)),
+                  t("p", Ae, a(e(m)("report.setting.summary.defaultDateRange")), 1),
+                  t("p", Ge, a(e(m)(`report.date.${e(o).defaultDateRange}`)), 1),
+                  t("p", Ke, a(e(m)("report.setting.summary.comparisonDateRange")), 1),
+                  t("p", Ze, a(e(m)(`report.compare.${e(o).defaultCompareType}`)), 1),
+                  t("p", Qe, a(e(m)("report.setting.summary.timezone")), 1),
+                  t("p", We, a(e(p)), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 512), [
+              [ee, e(l).lg || e(l).md]
+            ])
+          ], 6)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  it as default
+};

package/dist/{Template-CoM9-uOV.js → Template-C1Ei0GcR.js}

@@ -1,14 +1,14 @@
 import { defineComponent as ie, computed as u, resolveComponent as v, createElementBlock as A, openBlock as _, renderSlot as Ve, createVNode as n, withCtx as s, createCommentVNode as q, createElementVNode as i, toDisplayString as d, ref as b, h as p, onMounted as Le, createBlock as R, unref as l, normalizeStyle as Se, normalizeClass as C, withDirectives as ae, Fragment as $e, renderList as Ie, withModifiers as re, vShow as ne } from "vue";
 import { a as Re } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { u as me, a as Pe } from "./_plugin-vue_export-helper-onplcgja.js";
-import { _ as ze } from "./Default.vue_vue_type_script_setup_true_lang-CPKHc9Ij.js";
+import { _ as ze } from "./Default.vue_vue_type_script_setup_true_lang-DD2mYIoH.js";
 import { u as De } from "./message-dialog-UoMWOnil.js";
-import { u as Ne } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
+import { u as Ne } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
 import { r as se } from "./i18n-CI_sQ5d_.js";
 import { useBreakpoints as Be, useSnackbar as Me, components as Ee, FmButtonColorThemeVariant as Ke } from "@feedmepos/ui-library";
 import { useRouter as Ue, useRoute as He } from "vue-router";
 import { storeToRefs as Oe } from "pinia";
-import { h as je } from "./app-CuP9NY1I.js";
+import { h as je } from "./app-FVupSSYM.js";
 const Ae = { class: "flex flex-col h-full" }, qe = ["src"], Ge = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Je = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary text-center" }, Qe = /* @__PURE__ */ ie({
   __name: "NoTemplate",
   props: {

package/dist/{TileEditor-DDtA5B1e.js → TileEditor-D5lXwoDY.js}

@@ -1,16 +1,16 @@
 import { defineComponent as de, mergeModels as ve, useModel as ge, computed as C, ref as oe, resolveComponent as A, createElementBlock as W, openBlock as m, createVNode as u, createElementVNode as y, unref as l, withCtx as Z, toDisplayString as K, Fragment as me, renderList as $e, withModifiers as he, createTextVNode as We, watch as xe, createCommentVNode as P, createBlock as z, renderSlot as kl, onBeforeUnmount as ul, resolveDynamicComponent as Fl, normalizeClass as Fe, withDirectives as ke, vShow as Te, onMounted as Vl, withKeys as fl, vModelText as El, normalizeStyle as il, isRef as Wl } from "vue";
 import { useRoute as Xl, useRouter as Hl } from "vue-router";
-import { u as dl, f as ml, h as Ee, F as Ne, d as Xe, S as sl, a as ql, W as Gl, T as Yl, c as Jl, b as gl } from "./TransitionFade-cviixQkL.js";
-import { W as J, a as Sl, t as He, D as Je, S as yl, C as Kl, u as _l, P as bl, F as Pe, e as Le, b as Ql, c as Zl, j as et } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
+import { u as dl, f as ml, h as Ee, F as Ne, d as Xe, S as sl, a as ql, W as Gl, T as Yl, c as Jl, b as gl } from "./TransitionFade-CtE41B0o.js";
+import { W as J, a as Sl, t as He, D as Je, S as yl, C as Kl, u as _l, P as bl, F as Pe, e as Le, b as Ql, c as Zl, j as et } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
 import { storeToRefs as Re } from "pinia";
 import { u as Tl } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as lt, useBreakpoints as $l, FmButtonColorThemeVariant as Ue } from "@feedmepos/ui-library";
-import { h as tt, g as Ve, R as hl, d as ot, e as at, j as nt, L as Ae, k as ol, S as re, l as fe, m as al, n as wl, a as Dl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-aP-DhJoD.js";
+import { h as tt, g as Ve, R as hl, d as ot, e as at, j as nt, L as Ae, k as ol, S as re, l as fe, m as al, n as wl, a as Dl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
 import { a as be, _ as Ul } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { u as pe, _ as Bl } from "./_plugin-vue_export-helper-onplcgja.js";
 import { r as ue } from "./i18n-CI_sQ5d_.js";
-import { a as je, d as Ke } from "./DateRangeSelect-D8yWjVRH.js";
-import { a as it, d as Ye } from "./app-CuP9NY1I.js";
+import { a as je, d as Ke } from "./DateRangeSelect-UoFskU18.js";
+import { a as it, d as Ye } from "./app-FVupSSYM.js";
 const ll = [
   {
     type: J.Circular,

package/dist/{TileGrid.vue_vue_type_script_setup_true_lang-DdwPdPJ2.js → TileGrid.vue_vue_type_script_setup_true_lang-DVmhbkCB.js}

@@ -1,6 +1,6 @@
 import { defineComponent as Q, reactive as G, resolveComponent as g, createElementBlock as d, openBlock as i, Fragment as v, renderList as L, createBlock as $, createCommentVNode as a, normalizeStyle as m, normalizeClass as u, withCtx as S, createVNode as p, createElementVNode as M, toDisplayString as w, mergeProps as R, createSlots as X, withDirectives as Y, vShow as Z } from "vue";
-import { _ as ee, a as P, c as te, b as re, f as oe, t as ne } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-aP-DhJoD.js";
-import { F as z, W as ie } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
+import { _ as ee, a as P, c as te, b as re, f as oe, t as ne } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
+import { F as z, W as ie } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
 import { useBreakpoints as de } from "@feedmepos/ui-library";
 const se = {
   key: 0,

package/dist/{TransitionFade-cviixQkL.js → TransitionFade-CtE41B0o.js}

@@ -3,13 +3,13 @@ import { u as Lt, a as fo, _ as an } from "./_plugin-vue_export-helper-onplcgja.
 import { useCoreStore as po } from "@feedmepos/mf-common";
 import { storeToRefs as In } from "pinia";
 import { useRoute as mo } from "vue-router";
-import { W as xe, Q as ho, I as rt, v as On, w as Sn, d as Ge, g as go, t as vo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-HWUtlVoJ.js";
-import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-D8yWjVRH.js";
-import { u as yo, F as Eo, r as _o, d as Ut } from "./app-CuP9NY1I.js";
+import { W as xe, Q as ho, I as rt, v as On, w as Sn, d as Ge, g as go, t as vo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
+import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-UoFskU18.js";
+import { u as yo, F as Eo, r as _o, d as Ut } from "./app-FVupSSYM.js";
 import { a as dn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
 import { r as fn } from "./i18n-CI_sQ5d_.js";
 import { useSnackbar as To } from "@feedmepos/ui-library";
-import { g as gt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-aP-DhJoD.js";
+import { g as gt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
 const wo = {
   key: 0,
   class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"