@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/SelectComponent.vue_vue_type_script_setup_true_lang-DBI9op0g.js

@@ -1,103 +0,0 @@
-import { defineComponent as I, mergeModels as B, useModel as D, ref as _, computed as i, resolveComponent as a, createBlock as b, openBlock as p, withCtx as s, createElementVNode as u, normalizeStyle as z, withDirectives as H, createElementBlock as L, createVNode as r, vShow as U, Fragment as $, renderList as E, toDisplayString as h, normalizeClass 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: N(["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: z({ maxHeight: `${c}px` }),
-            class: "bg-fm-color-neutral-white overflow-y-auto overflow-x-hidden rounded-md shadow-light-300 w-[250px]"
-          }, [
-            H(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), L($, null, E(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-D8JspXTN.js

@@ -1,326 +0,0 @@
-import { defineComponent as $, ref as F, useModel as P, resolveComponent as C, createElementBlock as S, openBlock as y, createBlock as U, createElementVNode as l, resolveDynamicComponent as ne, unref as e, withCtx as v, createVNode as n, normalizeClass as h, Fragment as L, renderList as Y, withDirectives as B, createTextVNode as G, toDisplayString as g, vShow as M, watch as re, normalizeStyle as ie } from "vue";
-import { _ as me } from "./HeaderTab.vue_vue_type_script_setup_true_lang-B5VBDNwX.js";
-import { _ as ue } from "./Default.vue_vue_type_script_setup_true_lang-Bxuyjrkr.js";
-import { g as H, C as J, D as de, a as pe } from "./global-loader-CMC9fgBi.js";
-import { components as q, useSnackbar as I, useBreakpoints as K, FmButtonColorThemeVariant as z } from "@feedmepos/ui-library";
-import { t as w, s as fe } from "./timeFormat-BF-F4Rnt.js";
-import { u as ce } from "./message-dialog-UoMWOnil.js";
-import { c as Q } from "./index-SmIkb24L.js";
-import { _ as W } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DBI9op0g.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 = F(!1), d = F(), t = {
-      name: "",
-      isDefault: !1,
-      startTime: { hour: 0, minute: 0 },
-      endTime: { hour: 0, minute: 0 }
-    }, { FmForm: m } = q, V = F(), { promptMessage: i } = ce(), R = I(), r = F(JSON.parse(JSON.stringify(t))), o = P(b, "modelValue"), O = () => {
-      a.value = !1, r.value && d.value === void 0 ? o.value.push(r.value) : o.value[d.value] = r.value;
-    }, A = () => {
-      var p;
-      (p = V.value) == null || p.validateInputs();
-    }, j = () => {
-      a.value = !1, r.value = t;
-    }, X = (p) => {
-      d.value = p, r.value = JSON.parse(JSON.stringify(o.value[d.value])), a.value = !0;
-    }, Z = () => {
-      r.value = t, a.value = !0;
-    }, ee = async (p) => {
-      const s = o.value.find((_, u) => u === p);
-      if (!s) {
-        R.open({ message: `index ${p} cannot be found`, type: "error" });
-        return;
-      }
-      await i({
-        title: "Delete time setting",
-        message: `Are You sure you want to delete ${s.name}?`
-      }) && (o.value = o.value.filter((u, N) => N !== p), o.value.find((u) => u.isDefault) || (o.value[0].isDefault = !0), r.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 } = K(), { FmSideSheet: le, FmTopSheet: oe } = q;
-    return (p, s) => {
-      const D = C("FmTextField"), _ = C("FmTimePicker"), u = 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(u, {
-                label: "Save",
-                variant: "primary",
-                onClick: A
-              }),
-              n(u, {
-                label: "Cancel",
-                variant: "tertiary",
-                onClick: j
-              })
-            ])
-          ]),
-          "top-sheet-footer": v(() => [
-            l("div", ye, [
-              n(u, {
-                label: "Save",
-                variant: "primary",
-                onClick: A
-              }),
-              n(u, {
-                label: "Cancel",
-                variant: "tertiary",
-                onClick: j
-              })
-            ])
-          ]),
-          default: v(() => [
-            n(e(m), {
-              ref_key: "form",
-              ref: V,
-              class: h(["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: r.value.name,
-                    "onUpdate:modelValue": s[0] || (s[0] = (f) => r.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 = r.value.startTime) == null ? void 0 : c.hour) ?? 0).minute(((x = r.value.startTime) == null ? void 0 : x.minute) ?? 0).format("HH:mm"),
-                    class: "grow",
-                    label: "Start time",
-                    "onUpdate:modelValue": s[1] || (s[1] = (f) => {
-                      f && (r.value.startTime.hour = Number(f.split(":")[0]), r.value.startTime.minute = Number(f.split(":")[1]));
-                    })
-                  }, null, 8, ["model-value"]),
-                  n(_, {
-                    "model-value": e(H)().hour(((T = r.value.endTime) == null ? void 0 : T.hour) ?? 0).minute(((E = r.value.endTime) == null ? void 0 : E.minute) ?? 0).format("HH:mm"),
-                    class: "grow",
-                    label: "Close time",
-                    "onUpdate:modelValue": s[2] || (s[2] = (f) => {
-                      f && (r.value.endTime.hour = Number(f.split(":")[0]), r.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(w)(c.startTime)) + " - " + g(e(w)(c.endTime)), 1)
-                ]),
-                s[6] || (s[6] = l("div", { class: "grow" }, null, -1)),
-                B(l("div", be, [
-                  n(u, {
-                    icon: "edit",
-                    variant: "tertiary",
-                    onClick: (T) => X(x)
-                  }, null, 8, ["onClick"]),
-                  n(u, {
-                    icon: "delete",
-                    variant: "tertiary",
-                    onClick: (T) => ee(x)
-                  }, null, 8, ["onClick"])
-                ], 512), [
-                  [M, x !== 0]
-                ])
-              ])
-            ]),
-            _: 2
-          }, 1024))), 128)),
-          l("div", null, [
-            n(u, {
-              label: "Add reporting hour",
-              variant: "secondary",
-              icon: "add",
-              "icon-position": "prepend",
-              "border-color": e(z).ColorPrimary,
-              "text-color": e(z).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: Q(t),
-      value: t
-    })).slice(0, -1);
-    return (t, m) => (y(), S("div", Te, [
-      m[1] || (m[1] = l("p", { class: "fm-typo-en-title-sm-600" }, "Date Range Comparison", -1)),
-      n(W, {
-        modelValue: a.value,
-        "onUpdate:modelValue": m[0] || (m[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" }, Fe = /* @__PURE__ */ $({
-  __name: "DateRangeSetting",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(b) {
-    const a = P(b, "modelValue"), d = Object.values(de).filter((t) => !["This month", "Last month"].includes(t)).map((t) => ({
-      label: t,
-      value: t
-    }));
-    return (t, m) => (y(), S("div", ke, [
-      m[1] || (m[1] = l("p", { class: "fm-typo-en-title-sm-600" }, "Date range", -1)),
-      n(W, {
-        modelValue: a.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (V) => a.value = V),
-        label: "Default date range",
-        items: e(d),
-        "disable-search": !0
-      }, null, 8, ["modelValue", "items"])
-    ]));
-  }
-}), he = { class: "w-2/4" }, we = { class: "fm-typo-en-body-lg-600" }, $e = { class: "fm-typo-en-body-lg-600" }, Re = { class: "fm-typo-en-body-lg-600" }, Je = /* @__PURE__ */ $({
-  __name: "Setting",
-  setup(b) {
-    const { breakpoints: a } = K(), d = pe(), { defaultDateSetting: t } = ve(d), m = I();
-    return re(
-      [
-        () => t.value.defaultCompareType,
-        () => t.value.defaultDateRange,
-        () => t.value.timeOptions
-      ],
-      () => {
-        t.value.timeOptions.length === 0 ? m.open({ message: "Report hour cannot be empty", type: "error" }) : d.createOrUpdateBusinessSetting(t.value);
-      },
-      { deep: !0 }
-    ), (V, i) => {
-      const R = C("FmMenuDivider"), r = C("FmCard");
-      return y(), U(ue, null, {
-        default: v(() => [
-          n(me, null, {
-            title: v(() => i[3] || (i[3] = [
-              G(" Settings ")
-            ])),
-            _: 1
-          }),
-          l("div", {
-            class: h(`${e(a).sm || e(a).xs ? "pb-20" : ""} overflow-y-auto flex`),
-            style: ie({ height: `calc(100% - ${e(a).sm || e(a).xs ? 60 : 72}px)` })
-          }, [
-            l("div", {
-              class: h(`${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": i[0] || (i[0] = (o) => e(t).timeOptions = o)
-              }, null, 8, ["modelValue"]),
-              n(Fe, {
-                modelValue: e(t).defaultDateRange,
-                "onUpdate:modelValue": i[1] || (i[1] = (o) => e(t).defaultDateRange = o)
-              }, null, 8, ["modelValue"]),
-              n(Se, {
-                modelValue: e(t).defaultCompareType,
-                "onUpdate:modelValue": i[2] || (i[2] = (o) => e(t).defaultCompareType = o)
-              }, null, 8, ["modelValue"])
-            ], 2),
-            B(l("div", he, [
-              n(r, {
-                variant: "outlined",
-                class: h(["flex flex-col gap-3", `${e(a).lg || e(a).md ? "mr-5 p-6" : ""}`])
-              }, {
-                default: v(() => [
-                  i[4] || (i[4] = l("p", { class: "fm-typo-en-title-sm-600" }, "Report setting summary", -1)),
-                  n(R),
-                  i[5] || (i[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", we, g(o.name) + " " + g(o.isDefault ? "(default)" : "") + " " + g(e(w)(o.startTime)) + " " + g(e(w)(o.endTime)) + " " + g(e(fe)(o.startTime, o.endTime)), 1)
-                  ]))), 128)),
-                  i[6] || (i[6] = l("p", { class: "text-fm-color-typo-secondary" }, "Default date range", -1)),
-                  l("p", $e, g(e(t).defaultDateRange), 1),
-                  i[7] || (i[7] = l("p", { class: "text-fm-color-typo-secondary" }, "Comparison date range", -1)),
-                  l("p", Re, g(e(Q)(e(t).defaultCompareType ?? "")), 1)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 512), [
-              [M, e(a).lg || e(a).md]
-            ])
-          ], 6)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Je as default
-};