@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/Unit-Cr_8O3zB.js

@@ -0,0 +1,142 @@
+import { defineComponent as L, computed as m, ref as g, h as k, withModifiers as x, resolveComponent as p, openBlock as a, createBlock as b, unref as e, withCtx as h, createElementBlock as u, Fragment as v, createElementVNode as o, createVNode as i, renderList as N, normalizeClass as C, toDisplayString as f, createCommentVNode as T } from "vue";
+import { a as E, u as K, n as R, _ as D, k as q, f as A } from "./app-t9ONnc0s.js";
+import { useSnackbar as G, components as H, useBreakpoints as I, FmButtonVariant as J } from "@feedmepos/ui-library";
+import "@feedmepos/mf-common";
+import "vue-router";
+import { u as O, U as P } from "./unit-DLL7xIF1.js";
+const Q = {
+  key: 0,
+  class: "h-[600px]"
+}, W = {
+  class: "flex justify-end items-center"
+}, X = {
+  class: "flex justify-end items-center my-8 px-16"
+}, Y = {
+  class: /* @__PURE__ */ C(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+}, Z = ["onClick"], ee = {
+  class: "flex-1"
+}, te = {
+  class: "fm-typo-en-body-lg-600 mb-4"
+}, ne = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, oe = {
+  class: "flex-1 flex justify-between gap-8 pl-8"
+}, le = {
+  class: "flex items-center"
+}, ae = {
+  class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4"
+}, se = {
+  class: "fm-typo-en-body-md-600 font-semibold"
+}, fe = /* @__PURE__ */ L({
+  __name: "Unit",
+  setup(ie) {
+    const w = G();
+    E(w);
+    const S = K(), r = O(), {
+      t: n
+    } = R(), d = m(() => S.units), _ = m(() => d.value.filter((s) => `${s.name} ${s.abbrev}`.toLowerCase().includes(c.value.toLowerCase()))), c = g(""), U = g([{
+      accessorKey: "name",
+      header: () => n("menu.unit.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "abbrev",
+      header: () => n("menu.unit.columns.symbol"),
+      enableSorting: !1
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      header: "",
+      cell: (s) => {
+        const l = s.row.original;
+        return k("div", {
+          class: "flex justify-end"
+        }, [k(H.FmButton, {
+          icon: "delete",
+          textColor: "neutral-gray-400",
+          variant: "tertiary",
+          onClick: x(async () => {
+            r.deleteUnit(l);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    function V(s) {
+      r.updateUnit(s);
+    }
+    const F = m(() => d.value.length), B = I(), M = m(() => B.breakpoints.value.xs);
+    return (s, l) => {
+      const y = p("FmSearch"), $ = p("FmTable"), j = p("fm-button"), z = p("FmSpacer");
+      return a(), b(D, {
+        heading: e(n)("menu.unit.title")
+      }, {
+        default: h(() => [d.value.length === 0 ? (a(), b(e(q), {
+          key: 0,
+          action: {
+            text: e(n)("menu.unit.add"),
+            callback() {
+              e(r).createUnit();
+            }
+          },
+          subtitle: e(n)("menu.unit.empty.subtitle"),
+          title: e(n)("menu.unit.empty.title")
+        }, null, 8, ["action", "subtitle", "title"])) : (a(), u(v, {
+          key: 1
+        }, [M.value ? (a(), u(v, {
+          key: 1
+        }, [o("div", X, [i(y, {
+          modelValue: c.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (t) => c.value = t),
+          autofocus: "",
+          class: "w-full",
+          placeholder: e(n)("menu.common.labels.search_placeholder", {
+            type: "units"
+          })
+        }, null, 8, ["modelValue", "placeholder"])]), o("div", Y, [(a(!0), u(v, null, N(_.value, (t) => (a(), u("div", {
+          key: t._id,
+          class: C(["py-12 px-16", "flex  space-x-8", "items-center"]),
+          onClick: () => e(r).updateUnit(t)
+        }, [o("div", ee, [o("p", te, f(t.name), 1), o("p", ne, f(e(n)("menu.common.labels.symbol")) + ": " + f(t.abbrev), 1)]), i(j, {
+          variant: e(J).Tertiary,
+          "prepend-icon": "delete",
+          "text-color": "neutral-gray-400",
+          onClick: x(() => e(r).deleteUnit(t), ["stop"])
+        }, null, 8, ["variant", "onClick"])], 8, Z))), 128))])], 64)) : (a(), u("div", Q, [o("div", W, [i(y, {
+          modelValue: c.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => c.value = t),
+          autofocus: "",
+          class: "mb-8 w-[320px]",
+          placeholder: e(n)("menu.common.labels.search_placeholder", {
+            type: "units"
+          })
+        }, null, 8, ["modelValue", "placeholder"])]), i($, {
+          "column-defs": U.value,
+          "page-size": _.value.length,
+          "row-data": _.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: l[1] || (l[1] = (t) => V(t.original))
+        }, null, 8, ["column-defs", "page-size", "row-data"])]))], 64))]),
+        "append-heading": h(() => [o("div", oe, [o("div", le, [o("div", ae, [o("p", se, f(F.value), 1)])]), i(z), i(e(P), null, {
+          default: h(({
+            trigger: t
+          }) => [d.value.length > 0 ? (a(), b(A, {
+            key: 0,
+            label: e(n)("menu.unit.add"),
+            "prepend-icon": "add",
+            onClick: t
+          }, null, 8, ["label", "onClick"])) : T("", !0)]),
+          _: 1
+        })])]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  fe as default
+};

package/dist/Variant-loUMfNRB.js

@@ -0,0 +1,222 @@
+import { getCurrentInstance as $, defineComponent as A, computed as g, onMounted as O, h as E, resolveComponent as x, openBlock as m, createBlock as F, unref as e, withCtx as p, createVNode as i, withModifiers as V, createCommentVNode as R, createElementBlock as f, Fragment as C, createElementVNode as r, isRef as L, renderList as Y, normalizeClass as I, toDisplayString as w } from "vue";
+import { a as N, u as j, n as D, b as G, h as q, i as K, l as H, o as J, _ as Q, f as W, j as X, k as Z } from "./app-t9ONnc0s.js";
+import { useDialog as ee, useSnackbar as P, FmButtonVariant as M, components as ae, useBreakpoints as ne } from "@feedmepos/ui-library";
+import { V as S } from "./index-pSg9p-28.js";
+import { defineStore as te } from "pinia";
+const oe = te("variant-manager", () => {
+  const B = ee(), n = P(), _ = N(n), h = K(_);
+  j();
+  const d = $(), { t: c } = D(), b = (s) => {
+    var y, o;
+    const { vNode: k } = H(
+      S,
+      d,
+      s
+    );
+    (o = (y = k.component) == null ? void 0 : y.exposed) == null || o.trigger();
+  };
+  async function l(s) {
+    b({
+      initialValue: s
+    });
+  }
+  async function v(s) {
+    B.open({
+      title: c("menu.common.dialog.remove.variant.title"),
+      message: c("menu.common.dialog.remove.variant.message", { name: s.name }),
+      primaryActions: {
+        text: c("menu.common.actions.remove"),
+        close: !0,
+        variant: M.Destructive
+      },
+      secondaryActions: {
+        text: c("menu.common.actions.cancel"),
+        close: !0
+      }
+    }).onPrimary(async () => {
+      await h.updateMenu(
+        {
+          module: G.F_MENU_MODULE_V4_KEY.enum.variant,
+          operation: q.F_OPERATION_TYPE.delete,
+          data: s._id
+        },
+        s.name,
+        !0
+      );
+    });
+  }
+  return {
+    deleteVariant: v,
+    updateVariant: l
+  };
+}), le = {
+  key: 0,
+  class: "flex-1 flex flex-col overflow-hidden max-h-[calc(100vh-56px)] gap-8"
+}, se = {
+  class: "flex justify-end"
+}, ie = {
+  class: "w-[320px]"
+}, re = {
+  class: "px-16 py-8"
+}, ce = {
+  class: /* @__PURE__ */ I(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+}, me = ["onClick"], ue = {
+  class: "flex-1 space-y-4"
+}, de = {
+  class: "fm-typo-en-body-lg-600"
+}, pe = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, fe = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, _e = {
+  key: 1,
+  class: "xs:pt-16"
+}, ke = /* @__PURE__ */ A({
+  __name: "Variant",
+  setup(B) {
+    const {
+      t: n
+    } = D(), _ = j(), h = K(N(P())), d = oe(), c = g(() => _.variants.map((o) => ({
+      ...o,
+      usedBy: _.items.filter((t) => {
+        var u;
+        return (u = t.variant) == null ? void 0 : u.variantGroupIds.includes(o._id);
+      }).map(({
+        _id: t
+      }) => ({
+        _id: t
+      }))
+    }))), {
+      filter: b,
+      searchKey: l
+    } = J(), v = g(() => c.value.filter((o) => b([o.name])));
+    O(() => _.selectCatalog(null));
+    const s = g(() => [{
+      accessorKey: "name",
+      header: () => n("menu.variant.columns.name"),
+      size: 360,
+      enableSorting: !1
+    }, {
+      accessorKey: "options",
+      header: () => n("menu.variant.columns.options"),
+      size: 560,
+      enableSorting: !1,
+      cell: (o) => {
+        var t;
+        return (t = o.getValue()) == null ? void 0 : t.map((u) => u.name).join(", ");
+      }
+    }, {
+      accessorKey: "usedBy",
+      header: () => n("menu.variant.columns.applied_products"),
+      enableSorting: !1,
+      size: 180,
+      cell: (o) => n("menu.common.labels.items_linked", {
+        count: o.getValue().length
+      })
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (o) => E("div", {
+        class: "w-full flex justify-end items-center"
+      }, [E(ae.FmButton, {
+        prependIcon: "delete",
+        variant: M.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (t) => {
+          t.stopPropagation(), d.deleteVariant(o.row.original);
+        }
+      })])
+    }]), k = ne(), y = g(() => k.breakpoints.value.xs);
+    return (o, t) => {
+      const u = x("fm-search"), T = x("fm-table"), z = x("fm-button");
+      return m(), F(Q, {
+        heading: e(n)("menu.variant.title")
+      }, {
+        "append-heading": p(() => [c.value.length ? (m(), F(e(S), {
+          key: 0
+        }, {
+          default: p(({
+            trigger: a
+          }) => [i(W, {
+            class: "ml-auto",
+            label: e(n)("menu.variant.add"),
+            "prepend-icon": "add",
+            onClick: V(a, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        })) : R("", !0)]),
+        default: p(() => [c.value.length ? (m(), f(C, {
+          key: 0
+        }, [y.value ? (m(), f(C, {
+          key: 1
+        }, [r("div", re, [i(u, {
+          autofocus: "",
+          modelValue: e(l),
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => L(l) ? l.value = a : null),
+          placeholder: e(n)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])]), r("div", ce, [(m(!0), f(C, null, Y(v.value, (a) => (m(), f("div", {
+          key: a._id,
+          class: I(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
+          onClick: () => e(d).updateVariant(a)
+        }, [r("div", ue, [r("p", de, w(a.name), 1), r("div", null, [r("p", pe, w(e(n)("menu.common.labels.items_linked", {
+          count: a.usedBy.length
+        })), 1), r("p", fe, w(e(n)("menu.variant.mobile.value", {
+          values: a.options.map((U) => U.name).join(", ")
+        })), 1)])]), i(z, {
+          variant: e(M).Tertiary,
+          "prepend-icon": "delete",
+          "text-color": "neutral-gray-400",
+          onClick: V(() => e(d).deleteVariant(a), ["stop"])
+        }, null, 8, ["variant", "onClick"])], 8, me))), 128))])], 64)) : (m(), f("div", le, [r("div", se, [r("div", ie, [i(u, {
+          autofocus: "",
+          modelValue: e(l),
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => L(l) ? l.value = a : null),
+          placeholder: e(n)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])])]), i(X, null, {
+          default: p(() => [i(T, {
+            "column-defs": s.value,
+            loading: e(h).checkMenuIsLoading(),
+            "page-size": v.value.length,
+            "row-data": v.value,
+            "search-value": e(l),
+            "shrink-at": !1,
+            class: "flex-1 overflow-hidden",
+            "hide-footer": "",
+            "pin-header-row": "",
+            onRowClick: t[1] || (t[1] = (a) => {
+              e(d).updateVariant(a.original);
+            })
+          }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
+          _: 1
+        })]))], 64)) : (m(), f("div", _e, [i(Z, {
+          subtitle: e(n)("menu.variant.empty.subtitle"),
+          title: e(n)("menu.variant.empty.title")
+        }, {
+          action: p(() => [i(e(S), null, {
+            default: p(({
+              trigger: a
+            }) => [i(z, {
+              "prepend-icon": "add",
+              label: e(n)("menu.variant.add"),
+              onClick: V(a, ["stop"])
+            }, null, 8, ["label", "onClick"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["subtitle", "title"])]))]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  ke as default
+};

package/dist/_id_-0w7KjYyQ.js

@@ -0,0 +1,189 @@
+import { defineComponent as B, computed as u, ref as p, watch as C, onMounted as q, resolveComponent as c, openBlock as x, createElementBlock as F, Fragment as H, createVNode as l, withCtx as r, createElementVNode as i, toDisplayString as T, unref as n, createBlock as I } from "vue";
+import { useRoute as K, useRouter as W } from "vue-router";
+import { a as j, u as J, n as Q, R as m, m as X, d as Z, _ as ee, f as M, i as te, D as ae } from "./app-t9ONnc0s.js";
+import { useDialog as oe, useSnackbar as ne, useBreakpoints as le } from "@feedmepos/ui-library";
+import { _ as se, u as ue, c as re } from "./scheduler-SRT_5Nio.js";
+import { m as ie } from "./toExcel-BcgskY3F.js";
+import { u as me, a as ce, _ as de, w as pe } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-Db0uYw5O.js";
+import { L as A } from "./LinkProductSideSheet-BNdFZThd.js";
+import { a as _e } from "./menu-ETQrtbbU.js";
+const fe = { class: "px-12 py-8" }, ge = { class: "px-12 py-8" }, ve = { class: "flex ml-auto space-x-8" }, be = { class: "flex-1 flex flex-col overflow-hidden" }, Ae = /* @__PURE__ */ B({
+  __name: "[id]",
+  setup(ke) {
+    const D = K(), _ = W();
+    oe();
+    const S = j(ne()), y = te(S), a = J(), f = me(), g = ce(), { t: s } = Q(), R = u(() => a.categorizedRawMenuItems), V = u(() => !a.state.currentSchedulerId);
+    u(() => a.rules.item.multiScheduler), u(() => y.checkMenuIsLoading()), u(() => [
+      { label: "All Day", value: "" },
+      ...a.schedulers.map((t) => ({
+        label: t.name.length > 15 ? `${t.name.substring(0, 15)}...` : t.name,
+        value: t._id
+      }))
+    ]);
+    const L = p();
+    u(() => a.state.currentSchedulerId);
+    async function E(t) {
+      const e = t._id ? ue(t) : re(t);
+      await y.updateMenu(e, t.name);
+    }
+    const h = [
+      {
+        label: s("menu.catalog.edit.tabs.product"),
+        value: m.EDIT_CATALOG_PRODUCT
+      },
+      {
+        label: s("menu.catalog.edit.tabs.group"),
+        value: m.EDIT_CATALOG_GROUP
+      },
+      {
+        label: s("menu.catalog.edit.tabs.takeaway"),
+        value: m.EDIT_CATALOG_TAKEAWAY
+      },
+      {
+        label: s("menu.catalog.edit.tabs.setting"),
+        value: m.EDIT_CATALOG_SETTING
+      }
+    ], d = p(h[0].value);
+    C(d, (t) => {
+      _.replace({
+        name: t
+      });
+    }), q(() => {
+      _.currentRoute.value.name !== m.EDIT_CATALOG && (d.value = _.currentRoute.value.name);
+    }), C(
+      () => a.state.menu._id,
+      (t) => {
+        const e = D.params.id;
+        t && e !== "main" && a.selectCatalog(e);
+      }
+    );
+    const O = u(() => ({
+      ...X.menuV4ToV3(Z(a.state.menu)),
+      _id: a.state.menu._id,
+      _rev: a.state.menu._rev
+    }));
+    async function z() {
+      await S.minor(
+        async () => {
+          await a.readMenu();
+          const t = await ie(O.value), e = `menu_${ae().format("DD-MM-YYYY_HH-mm")}`;
+          await pe(t, `${e}.xlsx`, {
+            bookType: "xlsx",
+            bookSST: !1,
+            type: "array"
+          });
+        },
+        { successMessage: "Menu exported", customId: a.state.menu._id }
+      );
+    }
+    const v = p(!1), b = p(!1), G = le();
+    return u(() => G.breakpoints.value.xs), _e().resetOnUnmount(), (t, e) => {
+      var w;
+      const $ = c("fm-bottom-sheet"), U = c("fm-button"), N = c("router-link"), P = c("fm-tabs"), Y = c("router-view");
+      return x(), F(H, null, [
+        l(se, {
+          ref_key: "schedulerDialogRef",
+          ref: L,
+          "categorized-items": R.value,
+          onOnComplete: E
+        }, null, 8, ["categorized-items"]),
+        l(de, {
+          modelValue: v.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => v.value = o)
+        }, null, 8, ["modelValue"]),
+        l($, {
+          modelValue: b.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (o) => b.value = o),
+          "no-header": ""
+        }, {
+          default: r(() => [
+            i("div", fe, [
+              i("p", {
+                class: "fm-typo-en-body-md-400",
+                onClick: z
+              }, T(n(s)("menu.catalog.edit.export")), 1)
+            ]),
+            i("div", ge, [
+              i("p", {
+                class: "fm-typo-en-body-md-400",
+                onClick: e[1] || (e[1] = () => {
+                  v.value = !0, b.value = !1;
+                })
+              }, T(n(s)("menu.catalog.edit.import")), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        l(ee, {
+          heading: ((w = n(a).currentCatalog) == null ? void 0 : w.name) ?? "Main",
+          class: "flex flex-col max-h-[calc(100vh-56px)] overflow-hidden"
+        }, {
+          "prepend-heading": r(() => [
+            l(N, {
+              to: { name: n(m).CATALOG },
+              class: "mr-8",
+              title: n(s)("menu.catalog.edit.back")
+            }, {
+              default: r(() => [
+                l(U, {
+                  "prepend-icon": "arrow_back",
+                  variant: "tertiary"
+                })
+              ]),
+              _: 1
+            }, 8, ["to", "title"])
+          ]),
+          "append-heading": r(() => [
+            i("div", ve, [
+              V.value ? (x(), I(A, {
+                key: 0,
+                "categorized-items": n(f).linkableItems,
+                "initial-value": n(f).currentItems,
+                "show-variant": !1,
+                onSubmit: e[3] || (e[3] = (o) => n(f).applyProduct(o.map((k) => k._id)))
+              }, {
+                default: r(({ trigger: o }) => [
+                  l(M, {
+                    label: n(s)("menu.catalog.edit.link_product"),
+                    "prepend-icon": "link",
+                    onClick: o
+                  }, null, 8, ["label", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["categorized-items", "initial-value"])) : (x(), I(A, {
+                key: 1,
+                "categorized-items": n(g).linkableItems,
+                "initial-value": n(g).currentItems,
+                "show-variant": !1,
+                onSubmit: e[4] || (e[4] = (o) => n(g).applyProduct(o.map((k) => k._id)))
+              }, {
+                default: r(({ trigger: o }) => [
+                  l(M, {
+                    label: n(s)("menu.catalog.edit.apply_scheduler"),
+                    onClick: o
+                  }, null, 8, ["label", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["categorized-items", "initial-value"]))
+            ])
+          ]),
+          default: r(() => [
+            l(P, {
+              modelValue: d.value,
+              "onUpdate:modelValue": e[5] || (e[5] = (o) => d.value = o),
+              items: h,
+              class: "mb-7 xs:mb-0 xs:px-32"
+            }, null, 8, ["modelValue"]),
+            i("div", be, [
+              l(Y)
+            ])
+          ]),
+          _: 1
+        }, 8, ["heading"])
+      ], 64);
+    };
+  }
+});
+export {
+  Ae as default
+};