@feedmepos/mf-report 5.3.15-rc.9 → 5.4.0-beta.0

package/dist/ReportView-kAjlmKii.js

@@ -0,0 +1,183 @@
+import { defineComponent as A, computed as J, resolveComponent as p, openBlock as a, createBlock as m, withCtx as u, createElementVNode as d, createVNode as i, unref as e, toDisplayString as L, createElementBlock as f, Fragment as S, renderList as $, normalizeClass as h, normalizeStyle as z, withDirectives as j, vShow as G } from "vue";
+import { _ as U } from "./HeaderTab.vue_vue_type_script_setup_true_lang-pwHzeuLE.js";
+import { _ as W } from "./MenuTab.vue_vue_type_script_setup_true_lang-GRUzIsKG.js";
+import { _ as H } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-WNX1hHIm.js";
+import { useRouter as K, useRoute as P } from "vue-router";
+import { _ as Q } from "./Default.vue_vue_type_script_setup_true_lang-U8MvQ-Uz.js";
+import { b as X, u as Y, c as Z, h as ee, i as oe } from "./app-eKZV2PPB.js";
+import { storeToRefs as b } from "pinia";
+import { _ as te } from "./NoData.vue_vue_type_script_setup_true_lang-FeKqFs4A.js";
+import { useSnackbar as ne, useBreakpoints as re, FmButtonColorThemeVariant as le } from "@feedmepos/ui-library";
+const ae = { class: "h-full w-full overflow-x-auto relative" }, ie = { class: "fm-typo-en-title-md-600" }, se = {
+  key: 0,
+  class: "flex gap-2"
+}, ue = { class: "flex w-full justify-end px-2" }, Ce = /* @__PURE__ */ A({
+  __name: "ReportView",
+  setup(ce) {
+    const v = K(), _ = P(), y = ne(), { promptMessage: D } = X(), g = Y(), { promptLoader: F } = Z(), { breakpoints: t } = re(), { currentReport: n, currentReportId: k, isOpenDownloadDialog: C, editingReport: R } = b(g), { isOpenAccountingDialog: B } = b(ee()), { isOpenScheduleDialog: O } = b(oe()), w = [
+      {
+        icon: "mail",
+        label: "Email schedule",
+        onClick: () => {
+          O.value = !0;
+        }
+      },
+      {
+        icon: "download",
+        label: "Accounting export",
+        onClick: N
+      },
+      // {
+      //   icon: "article",
+      //   label: "Set as Default",
+      //   onClick: async () => {
+      //     await promptLoader(async () => {
+      //       if (currentReport.value) {
+      //         try {
+      //           await reportStore.updateDefaultReport(currentReport.value.id)
+      //           snackbar.open({
+      //             message: `Set ${currentReport.value.name} as default successful`,
+      //             type: "success"
+      //           })
+      //         } catch (err) {
+      //           snackbar.open({ message: JSON.stringify(err), type: "error" })
+      //         }
+      //       }
+      //     })
+      //   }
+      // },
+      {
+        icon: "content_copy",
+        label: "Copy ID",
+        onClick: () => {
+          n.value && (navigator.clipboard.writeText(k.value), y.open({ message: "Copied report ID to clipboard", type: "success" }));
+        }
+      }
+    ];
+    function E() {
+      R.value = JSON.parse(JSON.stringify(n.value)), v.push({
+        name: "reportEditor",
+        query: _.query
+      });
+    }
+    async function I() {
+      if (!n.value) {
+        y.open({ message: "No Widget", type: "error" });
+        return;
+      }
+      if (await D({
+        title: "Save report",
+        message: `Do you really want to duplicate ${n.value.name} ?`
+      }) && n.value) {
+        const o = JSON.parse(JSON.stringify(n.value));
+        o.editable = !0, o.id = "", o.name = `${o.name} duplicate`;
+        try {
+          await F(async () => {
+            await g.createOrUpdateReport(o), g.updateCurrentReportId(k.value), v.push({
+              name: "reportView",
+              query: _.query
+            });
+          });
+        } catch (s) {
+          console.log(s), y.open({ message: "Failed to clone report", type: "error" });
+        }
+      }
+    }
+    function N() {
+      B.value = !0;
+    }
+    const x = J(() => n.value ? n.value.tiles : []);
+    return (q, o) => {
+      const s = p("FmButton"), M = p("FmIcon"), T = p("FmMenuItem"), V = p("FmMenu");
+      return a(), m(Q, null, {
+        default: u(() => [
+          d("div", ae, [
+            i(U, null, {
+              title: u(() => {
+                var l;
+                return [
+                  i(s, {
+                    icon: "arrow_back",
+                    variant: "tertiary",
+                    onClick: o[0] || (o[0] = (r) => e(v).push({ name: "reports", query: e(_).query }))
+                  }),
+                  d("p", ie, L((l = e(n)) == null ? void 0 : l.name), 1)
+                ];
+              }),
+              button: u(() => {
+                var l;
+                return [
+                  e(t).lg || e(t).md ? (a(), f("div", se, [
+                    i(s, {
+                      label: (l = e(n)) != null && l.editable ? "Edit" : "Duplicate",
+                      variant: "tertiary",
+                      "text-color": e(le).TypoSecondary,
+                      onClick: o[1] || (o[1] = (r) => {
+                        var c;
+                        return (c = e(n)) != null && c.editable ? E() : I();
+                      })
+                    }, null, 8, ["label", "text-color"]),
+                    i(s, {
+                      label: "Download",
+                      "prepend-icon": "download",
+                      onClick: o[2] || (o[2] = (r) => C.value = !0)
+                    })
+                  ])) : (a(), m(V, {
+                    key: 1,
+                    placement: "left"
+                  }, {
+                    "menu-button": u(() => [
+                      i(M, { name: "more_vert" })
+                    ]),
+                    default: u(() => [
+                      (a(), f(S, null, $(w, (r, c) => i(T, {
+                        key: c,
+                        label: r.label,
+                        onClick: () => {
+                          r.onClick && r.onClick();
+                        }
+                      }, null, 8, ["label", "onClick"])), 64))
+                    ]),
+                    _: 1
+                  }))
+                ];
+              }),
+              _: 1
+            }),
+            d("div", {
+              class: h(`overflow-y-auto ${e(t).sm || e(t).xs ? "pb-2" : ""}`),
+              style: z({ height: `calc(100% - ${e(t).lg || e(t).md ? 72 : 64}px)` })
+            }, [
+              i(W, {
+                "model-value": e(t).lg || e(t).md ? w : []
+              }, null, 8, ["model-value"]),
+              e(n) && x.value.length > 0 ? (a(), f("div", {
+                key: 0,
+                class: h(["grid grid-cols-12", e(t).sm || e(t).xs ? "px-3 gap-[16px]" : "px-24 gap-[24px]"])
+              }, [
+                (a(!0), f(S, null, $(x.value, (l, r) => (a(), m(H, {
+                  key: `widget_${e(k)}_${r}`,
+                  "model-value": l,
+                  index: r
+                }, null, 8, ["model-value", "index"]))), 128))
+              ], 2)) : (a(), m(te, { key: 1 }))
+            ], 6),
+            j(d("div", ue, [
+              i(s, {
+                label: "Download",
+                "prepend-icon": "download",
+                onClick: o[3] || (o[3] = (l) => C.value = !0)
+              })
+            ], 512), [
+              [G, e(t).sm || e(t).xs]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ce as default
+};

package/dist/SelectComponent.vue_vue_type_script_setup_true_lang-6i3u0Axg.js

@@ -0,0 +1,103 @@
+import { defineComponent as I, mergeModels as B, useModel as D, ref as _, computed as i, resolveComponent as a, openBlock as p, createBlock as b, withCtx as s, createElementVNode as u, toDisplayString as h, createVNode as r, normalizeClass as z, normalizeStyle as H, withDirectives as L, vShow as U, createElementBlock as $, Fragment as E, renderList as N } from "vue";
+const q = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary" }, A = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, O = { class: "sticky top-0" }, j = /* @__PURE__ */ I({
+  __name: "SelectComponent",
+  props: /* @__PURE__ */ B({
+    items: {
+      type: Array,
+      default: () => []
+    },
+    placeHolder: {
+      type: String,
+      default: "Select item"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    disableSearch: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const m = D(v, "modelValue"), o = v, y = (e) => {
+      m.value = e.value, setTimeout(() => {
+        n.value = !1;
+      }, 0);
+    }, n = _(!1), d = _(""), g = i(
+      () => o.items.filter(
+        (e) => e.label.toLowerCase().indexOf(d.value.toLowerCase()) !== -1
+      )
+    ), F = i(
+      () => {
+        var e;
+        return ((e = o.items.find((t) => t.value === m.value)) == null ? void 0 : e.label) ?? o.placeHolder;
+      }
+    ), w = i(() => o.items.filter((e) => e.value === m.value));
+    return (e, t) => {
+      const x = a("FmIcon"), M = a("FmField"), S = a("FmSearch"), V = a("FmMenuDivider"), C = a("FmMenuItem"), k = a("FmMenu");
+      return p(), b(k, {
+        trigger: "click",
+        shift: !0,
+        "max-height": 300,
+        width: 200,
+        onMenuChanged: t[1] || (t[1] = (c) => {
+          n.value = c;
+        })
+      }, {
+        "menu-button": s(() => [
+          u("p", q, h(o.label), 1),
+          r(M, {
+            class: z(["cursor-pointer", `${n.value ? "border-fm-color-primary" : ""}`]),
+            focused: n.value
+          }, {
+            append: s(() => [
+              r(x, {
+                color: "black",
+                name: n.value ? "expand_less" : "expand_more",
+                size: "md"
+              }, null, 8, ["name"])
+            ]),
+            default: s(() => [
+              u("div", A, h(F.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "focused"])
+        ]),
+        "menu-wrapper": s(({ maxHeight: c }) => [
+          u("div", {
+            style: H({ maxHeight: `${c}px` }),
+            class: "bg-fm-color-neutral-white overflow-y-auto overflow-x-hidden rounded-md shadow-light-300 w-[250px]"
+          }, [
+            L(u("div", O, [
+              r(S, {
+                modelValue: d.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (l) => d.value = l),
+                placeholder: "Filter result"
+              }, null, 8, ["modelValue"]),
+              r(V)
+            ], 512), [
+              [U, !o.disableSearch]
+            ]),
+            (p(!0), $(E, null, N(g.value, (l) => (p(), b(C, {
+              key: l.value,
+              label: l.label,
+              sublabel: l.sublabel,
+              "model-value": w.value.some((f) => f.value === l.value),
+              value: l.value,
+              "onUpdate:modelValue": (f) => y(l)
+            }, null, 8, ["label", "sublabel", "model-value", "value", "onUpdate:modelValue"]))), 128))
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  j as _
+};

package/dist/Setting-bs2gczqL.js

@@ -0,0 +1,326 @@
+import { defineComponent as $, ref as h, useModel as P, resolveComponent as C, openBlock as y, createElementBlock as S, createBlock as U, resolveDynamicComponent as ne, unref as e, withCtx as v, createElementVNode as l, createVNode as n, normalizeClass as w, Fragment as L, renderList as Y, createTextVNode as G, toDisplayString as g, withDirectives as B, vShow as M, watch as ie, normalizeStyle as re } from "vue";
+import { _ as ue } from "./HeaderTab.vue_vue_type_script_setup_true_lang-pwHzeuLE.js";
+import { _ as me } from "./Default.vue_vue_type_script_setup_true_lang-U8MvQ-Uz.js";
+import { b as de, d as H, C as J, g as I, D as pe, a as fe } from "./app-eKZV2PPB.js";
+import { useSnackbar as K, useBreakpoints as Q, FmButtonColorThemeVariant as q, components as z } from "@feedmepos/ui-library";
+import { t as F, s as ce } from "./timeFormat-chUhgTmK.js";
+import { _ as W } from "./SelectComponent.vue_vue_type_script_setup_true_lang-6i3u0Axg.js";
+import { storeToRefs as ve } from "pinia";
+const ge = { class: "flex" }, ye = { class: "flex px-5 gap-2" }, _e = { class: "w-full gap-[24px] flex flex-col pt-2" }, xe = { class: "flex items-center w-full gap-3" }, Ce = { class: "text-fm-color-typo-primary" }, Ve = { class: "text-fm-color-typo-secondary" }, be = { class: "flex items-center gap-2" }, De = /* @__PURE__ */ $({
+  __name: "ReportHour",
+  props: {
+    modelValue: {
+      required: !0,
+      default: () => []
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b) {
+    const a = h(!1), d = h(), t = {
+      name: "",
+      isDefault: !1,
+      startTime: { hour: 0, minute: 0 },
+      endTime: { hour: 0, minute: 0 }
+    }, { FmForm: u } = z, V = h(), { promptMessage: r } = de(), R = K(), i = h(JSON.parse(JSON.stringify(t))), o = P(b, "modelValue"), O = () => {
+      a.value = !1, i.value && d.value === void 0 ? o.value.push(i.value) : o.value[d.value] = i.value;
+    }, A = () => {
+      var p;
+      (p = V.value) == null || p.validateInputs();
+    }, j = () => {
+      a.value = !1, i.value = t;
+    }, X = (p) => {
+      d.value = p, i.value = JSON.parse(JSON.stringify(o.value[d.value])), a.value = !0;
+    }, Z = () => {
+      i.value = t, a.value = !0;
+    }, ee = async (p) => {
+      const s = o.value.find((_, m) => m === p);
+      if (!s) {
+        R.open({ message: `index ${p} cannot be found`, type: "error" });
+        return;
+      }
+      await r({
+        title: "Delete time setting",
+        message: `Are You sure you want to delete ${s.name}?`
+      }) && (o.value = o.value.filter((m, N) => N !== p), o.value.find((m) => m.isDefault) || (o.value[0].isDefault = !0), i.value = t);
+    }, te = (p, s) => {
+      p ? o.value = o.value.map((D, _) => ({
+        ...D,
+        isDefault: s === _
+      })) : o.value = o.value.map((D, _) => ({
+        ...D,
+        isDefault: _ === 0
+      }));
+    }, { breakpoints: k } = Q(), { FmSideSheet: le, FmTopSheet: oe } = z;
+    return (p, s) => {
+      const D = C("FmTextField"), _ = C("FmTimePicker"), m = C("FmButton"), N = C("FmSwitch"), ae = C("FmChip"), se = C("FmCard");
+      return y(), S("div", null, [
+        (y(), U(ne(e(k).lg || e(k).md ? e(le) : e(oe)), {
+          modelValue: a.value,
+          "onUpdate:modelValue": s[3] || (s[3] = (c) => a.value = c),
+          "fullscreen-size": "sm",
+          "dismiss-away": !0
+        }, {
+          "side-sheet-header": v(() => s[4] || (s[4] = [
+            l("p", null, "Add reporting hour", -1)
+          ])),
+          "top-sheet-header": v(() => s[5] || (s[5] = [
+            l("div", { class: "px-5 py-2" }, [
+              l("p", null, "Add reporting hour")
+            ], -1)
+          ])),
+          "side-sheet-footer": v(() => [
+            l("div", ge, [
+              n(m, {
+                label: "Save",
+                variant: "primary",
+                onClick: A
+              }),
+              n(m, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: j
+              })
+            ])
+          ]),
+          "top-sheet-footer": v(() => [
+            l("div", ye, [
+              n(m, {
+                label: "Save",
+                variant: "primary",
+                onClick: A
+              }),
+              n(m, {
+                label: "Cancel",
+                variant: "tertiary",
+                onClick: j
+              })
+            ])
+          ]),
+          default: v(() => [
+            n(e(u), {
+              ref_key: "form",
+              ref: V,
+              class: w(["flex flex-col gap-2", `${e(k).sm || e(k).xs ? "px-24" : ""}`]),
+              onValidationSuccess: O
+            }, {
+              default: v(() => {
+                var c, x, T, E;
+                return [
+                  n(D, {
+                    modelValue: i.value.name,
+                    "onUpdate:modelValue": s[0] || (s[0] = (f) => i.value.name = f),
+                    label: "Hour set name",
+                    placeholder: "Enter name here",
+                    rules: [(f) => f !== "" || "Cannot be empty"]
+                  }, null, 8, ["modelValue", "rules"]),
+                  n(_, {
+                    "model-value": e(H)().hour(((c = i.value.startTime) == null ? void 0 : c.hour) ?? 0).minute(((x = i.value.startTime) == null ? void 0 : x.minute) ?? 0).format("HH:mm"),
+                    class: "grow",
+                    label: "Start time",
+                    "onUpdate:modelValue": s[1] || (s[1] = (f) => {
+                      f && (i.value.startTime.hour = Number(f.split(":")[0]), i.value.startTime.minute = Number(f.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value"]),
+                  n(_, {
+                    "model-value": e(H)().hour(((T = i.value.endTime) == null ? void 0 : T.hour) ?? 0).minute(((E = i.value.endTime) == null ? void 0 : E.minute) ?? 0).format("HH:mm"),
+                    class: "grow",
+                    label: "Close time",
+                    "onUpdate:modelValue": s[2] || (s[2] = (f) => {
+                      f && (i.value.endTime.hour = Number(f.split(":")[0]), i.value.endTime.minute = Number(f.split(":")[1]));
+                    })
+                  }, null, 8, ["model-value"])
+                ];
+              }),
+              _: 1
+            }, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])),
+        s[7] || (s[7] = l("div", { class: "flex flex-col gap-2" }, [
+          l("p", { class: "fm-typo-en-title-sm-600" }, "Reporting hour"),
+          l("p", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure reporting hours for more accurate sales reporting. These reporting hours will create new filters for time of day filtering. ")
+        ], -1)),
+        l("div", _e, [
+          (y(!0), S(L, null, Y(o.value, (c, x) => (y(), U(se, {
+            key: `report_${x}`,
+            class: "flex p-4",
+            variant: "outlined"
+          }, {
+            default: v(() => [
+              l("div", xe, [
+                n(N, {
+                  "model-value": c.isDefault,
+                  "onUpdate:modelValue": (T) => te(T, x)
+                }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                l("div", null, [
+                  l("p", Ce, [
+                    G(g(c.name) + " ", 1),
+                    B(n(ae, {
+                      label: "Default",
+                      class: "bg-fm-color-system-info-100 border-fm-color-typo-info text-fm-color-typo-info",
+                      compact: ""
+                    }, null, 512), [
+                      [M, c.isDefault]
+                    ])
+                  ]),
+                  l("p", Ve, g(e(F)(c.startTime)) + " - " + g(e(F)(c.endTime)), 1)
+                ]),
+                s[6] || (s[6] = l("div", { class: "grow" }, null, -1)),
+                B(l("div", be, [
+                  n(m, {
+                    icon: "edit",
+                    variant: "tertiary",
+                    onClick: (T) => X(x)
+                  }, null, 8, ["onClick"]),
+                  n(m, {
+                    icon: "delete",
+                    variant: "tertiary",
+                    onClick: (T) => ee(x)
+                  }, null, 8, ["onClick"])
+                ], 512), [
+                  [M, x !== 0]
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128)),
+          l("div", null, [
+            n(m, {
+              label: "Add reporting hour",
+              variant: "secondary",
+              icon: "add",
+              "icon-position": "prepend",
+              "border-color": e(q).ColorPrimary,
+              "text-color": e(q).ColorPrimary,
+              onClick: Z
+            }, null, 8, ["border-color", "text-color"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Te = { class: "py-2 w-full gap-2 flex flex-col" }, Se = /* @__PURE__ */ $({
+  __name: "CompareRangeSetting",
+  props: {
+    modelValue: { required: !0, default: J.PrecedingPeriod },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b) {
+    const a = P(b, "modelValue"), d = Object.values(J).map((t) => ({
+      label: I(t),
+      value: t
+    })).slice(0, -1);
+    return (t, u) => (y(), S("div", Te, [
+      u[1] || (u[1] = l("p", { class: "fm-typo-en-title-sm-600" }, "Date Range Comparison", -1)),
+      n(W, {
+        modelValue: a.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (V) => a.value = V),
+        label: "Default comparison date range",
+        items: e(d),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "items"])
+    ]));
+  }
+}), ke = { class: "py-2 w-full gap-2 flex flex-col" }, he = /* @__PURE__ */ $({
+  __name: "DateRangeSetting",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b) {
+    const a = P(b, "modelValue"), d = Object.values(pe).filter((t) => !["This month", "Last month"].includes(t)).map((t) => ({
+      label: t,
+      value: t
+    }));
+    return (t, u) => (y(), S("div", ke, [
+      u[1] || (u[1] = l("p", { class: "fm-typo-en-title-sm-600" }, "Date range", -1)),
+      n(W, {
+        modelValue: a.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (V) => a.value = V),
+        label: "Default date range",
+        items: e(d),
+        "disable-search": !0
+      }, null, 8, ["modelValue", "items"])
+    ]));
+  }
+}), we = { class: "h-full w-full overflow-x-auto" }, Fe = { class: "w-2/4" }, $e = { class: "fm-typo-en-body-lg-600" }, Re = { class: "fm-typo-en-body-lg-600" }, Oe = { class: "fm-typo-en-body-lg-600" }, He = /* @__PURE__ */ $({
+  __name: "Setting",
+  setup(b) {
+    const { breakpoints: a } = Q(), d = fe(), { defaultDateSetting: t } = ve(d), u = K();
+    return ie(
+      [
+        () => t.value.defaultCompareType,
+        () => t.value.defaultDateRange,
+        () => t.value.timeOptions
+      ],
+      () => {
+        t.value.timeOptions.length === 0 ? u.open({ message: "Report hour cannot be empty", type: "error" }) : d.createOrUpdateBusinessSetting(t.value);
+      },
+      { deep: !0 }
+    ), (V, r) => {
+      const R = C("FmMenuDivider"), i = C("FmCard");
+      return y(), U(me, null, {
+        default: v(() => [
+          l("div", we, [
+            n(ue, null, {
+              title: v(() => r[3] || (r[3] = [
+                G(" Settings ")
+              ])),
+              _: 1
+            }),
+            l("div", {
+              class: w(`${e(a).sm || e(a).xs ? "pb-20" : ""} overflow-y-auto flex`),
+              style: re({ height: `calc(100% - ${e(a).sm || e(a).xs ? 60 : 72}px)` })
+            }, [
+              l("div", {
+                class: w(`${e(a).lg || e(a).md ? "px-24" : "px-3"} w-full flex flex-col gap-[40px]`)
+              }, [
+                n(De, {
+                  modelValue: e(t).timeOptions,
+                  "onUpdate:modelValue": r[0] || (r[0] = (o) => e(t).timeOptions = o)
+                }, null, 8, ["modelValue"]),
+                n(he, {
+                  modelValue: e(t).defaultDateRange,
+                  "onUpdate:modelValue": r[1] || (r[1] = (o) => e(t).defaultDateRange = o)
+                }, null, 8, ["modelValue"]),
+                n(Se, {
+                  modelValue: e(t).defaultCompareType,
+                  "onUpdate:modelValue": r[2] || (r[2] = (o) => e(t).defaultCompareType = o)
+                }, null, 8, ["modelValue"])
+              ], 2),
+              B(l("div", Fe, [
+                n(i, {
+                  variant: "outlined",
+                  class: w(["flex flex-col gap-3", `${e(a).lg || e(a).md ? "mr-5 p-6" : ""}`])
+                }, {
+                  default: v(() => [
+                    r[4] || (r[4] = l("p", { class: "fm-typo-en-title-sm-600" }, "Report setting summary", -1)),
+                    n(R),
+                    r[5] || (r[5] = l("p", { class: "text-fm-color-typo-secondary" }, "Reporting hour", -1)),
+                    (y(!0), S(L, null, Y(e(t).timeOptions, (o, O) => (y(), S("div", { key: O }, [
+                      l("p", $e, g(o.name) + " " + g(o.isDefault ? "(default)" : "") + " " + g(e(F)(o.startTime)) + " " + g(e(F)(o.endTime)) + " " + g(e(ce)(o.startTime, o.endTime)), 1)
+                    ]))), 128)),
+                    r[6] || (r[6] = l("p", { class: "text-fm-color-typo-secondary" }, "Default date range", -1)),
+                    l("p", Re, g(e(t).defaultDateRange), 1),
+                    r[7] || (r[7] = l("p", { class: "text-fm-color-typo-secondary" }, "Comparison date range", -1)),
+                    l("p", Oe, g(e(I)(e(t).defaultCompareType ?? "")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ], 512), [
+                [M, e(a).lg || e(a).md]
+              ])
+            ], 6)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  He as default
+};