@feedmepos/mf-report 5.27.44 → 5.27.45

package/dist/{useRestaurantPermission-B5HIst3o.js → useRestaurantPermission-BIQpfucB.js}

@@ -2,7 +2,7 @@ import { computed as u } from "vue";
 import { u as c } from "./_plugin-vue_export-helper-kkiiQoKl.js";
 import { useSnackbar as f } from "@feedmepos/ui-library";
 import { useCoreStore as d } from "@feedmepos/mf-common";
-import { Z as l, _ as i } from "./app-Dpk_iYcH.js";
+import { Z as l, _ as i } from "./app-5pQ-88Qg.js";
 function g(t) {
   return Array.isArray(t) ? t : [];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-report",
-  "version": "5.27.44",
+  "version": "5.27.45",
   "files": [
     "dist"
   ],
@@ -86,6 +86,7 @@
     "test:e2e:visual:linux": "bash scripts/run-visual-tests-linux.sh",
     "test:e2e:visual:update": "bash scripts/run-visual-tests-linux.sh --update-snapshots",
     "harness:dev": "vite --config tests/harness/vite.config.ts",
+    "gallery": "node scripts/build-screenshot-gallery.mjs",
     "capture:sanitize": "node scripts/sanitize-network-capture.mjs",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",

package/dist/Setting-DIfsQKq7.js

@@ -1,366 +0,0 @@
-import { defineComponent as R, ref as U, useModel as L, resolveComponent as V, createElementBlock as $, openBlock as x, createBlock as I, createElementVNode as t, resolveDynamicComponent as me, unref as e, withCtx as b, createVNode as s, normalizeClass as N, 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-B0E17Ovn.js";
-import { d as A, C as G, D as fe, m as _e, n as Z, a as ve } from "./app-Dpk_iYcH.js";
-import { components as K, useSnackbar as te, useBreakpoints as oe, FmButtonColorThemeVariant as Q } from "@feedmepos/ui-library";
-import { T as B, U as ge } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CqKnPfjr.js";
-import { u as ye } from "./message-dialog-UoMWOnil.js";
-import { u as w } from "./_plugin-vue_export-helper-kkiiQoKl.js";
-import { detectLocale as F } from "@feedmepos/mf-common";
-import { a as j } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Ckn2p74A.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 = U(!1), i = U(), o = {
-      name: "",
-      isDefault: !1,
-      startTime: { hour: 0, minute: 0 },
-      endTime: { hour: 0, minute: 0 }
-    }, { FmForm: p } = K, f = U(), { promptMessage: h } = ye(), m = te(), n = U(JSON.parse(JSON.stringify(o))), u = L(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 } = K;
-    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(), I(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: N(["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(), I(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 = L(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"])
-    ]));
-  }
-}), Ue = { class: "py-2 w-full gap-2 flex flex-col" }, Ne = { 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 = L(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", Ue, [
-      t("p", Ne, 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" }, Ie = /* @__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 ?? Z,
-      set: (m) => p("update:modelValue", m === Z ? 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"])
-    ]));
-  }
-}), Le = { 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" }, Ze = { class: "text-fm-color-typo-secondary" }, Ke = { 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(), I(ce, null, {
-        default: b(() => [
-          s(E, {
-            title: e(m)("report.view.setting.title")
-          }, null, 8, ["title"]),
-          t("div", {
-            class: N(`${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: N(`${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(Ie, {
-                "model-value": e(o).timezone,
-                "default-timezone": e(f),
-                "onUpdate:modelValue": n
-              }, null, 8, ["model-value", "default-timezone"])
-            ], 2),
-            Y(t("div", Le, [
-              s(H, {
-                variant: "outlined",
-                class: N(["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", Ze, a(e(m)("report.setting.summary.comparisonDateRange")), 1),
-                  t("p", Ke, 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
-};