@feedmepos/mf-menu 0.32.37 → 0.32.38-dev.1

package/dist/{Scheduler-BgQsbdVM.js → Scheduler-BqFwfRlm.js}

@@ -1,10 +1,10 @@
 import { defineComponent as N, computed as y, h as p, withModifiers as U, ref as V, resolveComponent as _, createBlock as k, openBlock as i, unref as d, withCtx as h, createElementBlock as D, createVNode as f, Fragment as H, createElementVNode as s, renderList as T, toDisplayString as S, createCommentVNode as I } from "vue";
-import { A as c, Q as W, u as Q, G, a5 as J } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { A as c, Q as W, u as Q, G, a4 as J } from "./index.vue_vue_type_script_setup_true_lang-HZXySVXs.js";
 import { useI18n as X } from "@feedmepos/mf-common";
 import { components as Z, useDialog as ee, useSnackbar as te } from "@feedmepos/ui-library";
 import { _ as ne } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as ae } from "./app-CE0yoao0.js";
-import { d as oe, _ as le, u as se, c as re } from "./scheduler-FVlscyjB.js";
+import { _ as ae } from "./app-C9zsFCoJ.js";
+import { d as oe, _ as le, u as se, c as re } from "./scheduler-BizSj8q8.js";
 import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 const ce = {
   class: "flex flex-1 justify-end"

package/dist/{ServingSequence-DCRzJsrs.js → ServingSequence-ByNsE8ha.js}

@@ -1,14 +1,14 @@
 import { defineComponent as H, ref as I, computed as L, resolveComponent as h, createElementBlock as g, openBlock as d, Fragment as x, renderSlot as ae, createVNode as l, unref as t, withCtx as m, createElementVNode as y, toDisplayString as z, onBeforeMount as oe, watch as F, watchEffect as se, h as $, getCurrentInstance as le, onMounted as re, createBlock as j, createCommentVNode as G, isRef as ie, normalizeClass as J, renderList as ue } from "vue";
 import { useRouter as ce } from "vue-router";
-import { I as Q, u as W, G as X, Q as Z, M as O, A as S, a5 as de } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { I as Q, u as W, G as X, Q as Z, M as O, A as S, a4 as de } from "./index.vue_vue_type_script_setup_true_lang-HZXySVXs.js";
 import { useI18n as ee, ItemSelector as me, useCoreStore as pe } from "@feedmepos/mf-common";
 import { useSnackbar as ne, components as Y, useDialog as _e, FmButtonVariant as A, useBreakpoints as fe } from "@feedmepos/ui-library";
 import { _ as ge } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as ve, R as he } from "./app-CE0yoao0.js";
+import { _ as ve, R as he } from "./app-C9zsFCoJ.js";
 import { c as ye } from "./check-C9mY6LiX.js";
 import { _ as be } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 import { u as ke } from "./search-BAPEUu1R.js";
-import { u as xe } from "./app-DqyNXgYz.js";
+import { u as xe } from "./app-D2Sxejos.js";
 import { c as Se } from "./createComponentProgrammatically-Bt2rn1IQ.js";
 const Ce = { class: "fm-typo-en-title-md-600" }, qe = { class: "space-y-32 flex flex-col h-full" }, Ee = { class: "flex gap-8 items-center justify-start" }, Ve = /* @__PURE__ */ H({
   __name: "Form",

package/dist/{Setting-CgtttPN_.js → Setting-widqJGfT.js}

@@ -1,12 +1,12 @@
 import { defineComponent as ne, computed as p, ref as se, watch as ue, watchEffect as ie, resolveComponent as m, createElementBlock as V, openBlock as r, normalizeClass as H, createVNode as s, withCtx as c, createElementVNode as v, createBlock as g, createCommentVNode as k, unref as e, Fragment as D, renderList as B, createTextVNode as re, toDisplayString as N } from "vue";
-import { u as me, G as ce, A as f, Q as de, B as pe, I as w } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { u as me, G as ce, A as f, Q as de, B as pe, I as w } from "./index.vue_vue_type_script_setup_true_lang-HZXySVXs.js";
 import { useCoreStore as ve, useI18n as ge } from "@feedmepos/mf-common";
 import { useSnackbar as fe, useDialog as _e, FmButtonVariant as $, FmButtonColorThemeVariant as P, components as be } from "@feedmepos/ui-library";
 import { _ as E } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { _ as ye } from "./RuleView.vue_vue_type_script_setup_true_lang-DdeQnyfQ.js";
-import { _ as z, a as ke } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-BGR4kFzj.js";
-import { C as _, a as x } from "./catalogSetting-N4nT-nGm.js";
-import { C as xe } from "./catalog-CFKVaXk7.js";
+import { _ as ye } from "./RuleView.vue_vue_type_script_setup_true_lang-3AVOVYpW.js";
+import { _ as z, a as ke } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-D2G40Yc6.js";
+import { C as _, a as x } from "./catalogSetting-CXOYJZO3.js";
+import { C as xe } from "./catalog-YvUT-JIh.js";
 const Ce = {
   class: /* @__PURE__ */ H(["overflow-scroll", "flex-1", "xs:px-16 xs:py-16", "pt-16"])
 }, Oe = {

package/dist/Subcategory-DXaz2g4-.js

@@ -0,0 +1,345 @@
+import { defineComponent as I, ref as h, computed as k, watch as ae, resolveComponent as x, createElementBlock as C, openBlock as f, Fragment as j, renderSlot as oe, createVNode as d, unref as n, withCtx as y, createElementVNode as c, renderList as Q, toDisplayString as T, h as M, withModifiers as G, getCurrentInstance as te, createBlock as O, createCommentVNode as ne } from "vue";
+import { useI18n as z } from "@feedmepos/mf-common";
+import { useSnackbar as R, components as H, useDialog as W, FmButtonVariant as J, useBreakpoints as le, FmButtonColorThemeVariant as se } from "@feedmepos/ui-library";
+import { _ as ie } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { G as P, u as Y, Q as K, M as X, A as Z, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-HZXySVXs.js";
+import { _ as ce } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as ue } from "./app-C9zsFCoJ.js";
+import { c as me } from "./createForm-BoUQeZTd.js";
+import { u as de } from "./discardConfirm-BHni0LNu.js";
+import { c as q } from "./object-DVUNCr7w.js";
+import { r as pe, u as ee } from "./rules-DU-MRKWH.js";
+import { _ as _e } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-BPs9D7Pq.js";
+import { c as fe } from "./check-C9mY6LiX.js";
+import { g as A } from "./translation-BeqjfyEb.js";
+import { a as ve } from "./menu-BWsDRctK.js";
+const ge = {
+  class: "fm-typo-en-title-md-600"
+}, ye = {
+  class: "flex flex-col gap-32 h-full min-h-0 py-16"
+}, be = {
+  class: "py-12 px-16 space-y-4"
+}, he = {
+  class: "flex gap-8 items-center justify-start"
+}, xe = /* @__PURE__ */ I({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(D, {
+    expose: V
+  }) {
+    const b = D, $ = R(), w = P($), S = K(w), p = Y(), {
+      t: l
+    } = z(), F = h(!1), t = h(!1), L = h(!1), u = h(void 0), E = (e) => {
+      fe.isBoolean(e) ? t.value = e : t.value = !t.value;
+    }, i = h(q(b.initialValue)), N = k(() => !!i.value.name), U = k(() => {
+      var o;
+      const e = [], a = "en-US", m = (o = u.value) == null ? void 0 : o[a];
+      return i.value.name && !m && e.push({
+        locale: a,
+        name: i.value.name,
+        localeDisplay: A(a)
+      }), u.value && Object.entries(u.value).filter(([_, v]) => v && v.trim()).sort(([_], [v]) => _.localeCompare(v)).forEach(([_, v]) => {
+        e.push({
+          locale: _,
+          name: v,
+          localeDisplay: A(_)
+        });
+      }), e;
+    });
+    function B(e) {
+      u.value = e;
+    }
+    const s = de(() => {
+      const e = p.subcategories.find((v) => v._id === i.value._id), a = i.value.name !== (e == null ? void 0 : e.name), m = (e == null ? void 0 : e.name_locale) || {}, o = u.value || {}, _ = JSON.stringify(m) !== JSON.stringify(o);
+      return a || _;
+    }, () => {
+      t.value = !1;
+    });
+    async function r() {
+      const e = p.subcategories.find((m) => m._id === i.value._id), {
+        updateMenu: a
+      } = S;
+      await a({
+        module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
+        operation: X.F_OPERATION_TYPE.update,
+        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
+        data: {
+          ...e,
+          name: i.value.name ?? (e == null ? void 0 : e.name),
+          ...u.value && {
+            name_locale: u.value
+          }
+        }
+      }, i.value.name), E(!1);
+    }
+    return ae(() => t.value, () => {
+      if (!t.value) return;
+      i.value = q(b.initialValue);
+      const e = p.subcategories.find((a) => a._id === i.value._id);
+      u.value = e == null ? void 0 : e.name_locale;
+    }), V({
+      trigger: E,
+      show: t
+    }), (e, a) => {
+      const m = x("fm-button"), o = x("FmTooltip"), _ = x("FmTextField"), v = x("fm-side-sheet");
+      return f(), C(j, null, [oe(e.$slots, "default", {
+        trigger: E
+      }), d(v, {
+        id: "group-form",
+        modelValue: t.value,
+        "onUpdate:modelValue": a[3] || (a[3] = (g) => t.value = g),
+        "is-container": n(H).FmForm,
+        "is-container-props": {
+          onValidationSuccess: r,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 560,
+        "onOn:clickedAway": n(s)
+      }, {
+        "side-sheet-header": y(() => [c("p", ge, T(n(l)("menu.subcategory.title")), 1)]),
+        "side-sheet-footer": y(() => [c("div", he, [d(m, {
+          label: n(l)("menu.common.actions.update"),
+          loading: F.value,
+          size: "lg",
+          type: "submit",
+          variant: "primary",
+          disabled: !i.value._id
+        }, null, 8, ["label", "loading", "disabled"]), d(m, {
+          label: n(l)("menu.common.actions.cancel"),
+          size: "lg",
+          variant: "tertiary",
+          onClick: a[2] || (a[2] = () => t.value = !1)
+        }, null, 8, ["label"])])]),
+        default: y(() => [c("div", ye, [d(_, {
+          label: n(l)("menu.subcategory.name"),
+          modelValue: i.value.name,
+          "onUpdate:modelValue": a[1] || (a[1] = (g) => i.value.name = g),
+          disabled: !i.value._id,
+          rules: [n(pe)]
+        }, {
+          append: y(() => [d(o, {
+            variant: "plain",
+            placement: "top",
+            "z-index": 999
+          }, {
+            content: y(() => [c("div", be, [(f(!0), C(j, null, Q(U.value, (g) => (f(), C("div", {
+              key: g.locale
+            }, T(g.name) + " (" + T(g.localeDisplay) + ") ", 1))), 128))])]),
+            default: y(() => [d(m, {
+              variant: "tertiary",
+              icon: "g_translate",
+              onClick: a[0] || (a[0] = (g) => L.value = !0),
+              disabled: !N.value
+            }, null, 8, ["disabled"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["label", "modelValue", "disabled", "rules"])])]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]), d(_e, {
+        modelValue: L.value,
+        "onUpdate:modelValue": a[4] || (a[4] = (g) => L.value = g),
+        title: n(l)("menu.subcategory.title"),
+        name: i.value.name,
+        "name-locale": u.value,
+        "onUpdate:nameLocale": B
+      }, null, 8, ["modelValue", "title", "name", "name-locale"])], 64);
+    };
+  }
+}), Ce = xe, ke = {
+  key: 0
+}, Ve = {
+  class: "flex justify-end items-center"
+}, we = {
+  class: "w-[320px]"
+}, Fe = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+}, Le = {
+  class: "p-8"
+}, $e = {
+  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Se = ["onClick"], Ee = {
+  class: "flex-1 space-y-4"
+}, Me = {
+  class: "fm-typo-en-body-lg-600"
+}, Te = /* @__PURE__ */ I({
+  __name: "SubcategoryTable",
+  setup(D) {
+    const V = W(), b = R(), $ = P(b), w = K($), S = ee({
+      dialog: V,
+      menuLoader: w
+    }), p = k(() => Y().subcategories), l = h(""), F = k(() => p.value.filter((s) => s.name.toLowerCase().includes(l.value.toLowerCase()))), {
+      t
+    } = z(), L = h([{
+      accessorKey: "name",
+      header: () => t("menu.subcategory.columns.title"),
+      enableSorting: !1,
+      meta: {
+        width: "auto"
+      },
+      cell: (s) => {
+        const r = s.row.original, e = s.getValue(), m = Object.keys(r.name_locale ?? {}).map((o) => A(o));
+        return M("div", {
+          class: "flex items-center gap-8"
+        }, [M("span", {
+          class: "break-all"
+        }, e), ...m.map((o) => M("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, o))]);
+      }
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      header: "",
+      cell: (s) => {
+        const r = s.row.original;
+        return M("div", {
+          class: "flex justify-end"
+        }, [M(H.FmButton, {
+          icon: "delete",
+          disabled: !r._id,
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          onClick: G(async () => {
+            await u(r);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    async function u(s) {
+      if (!s._id) {
+        b.open({
+          message: t("menu.subcategory.dialog.remove.error"),
+          type: "warning"
+        });
+        return;
+      }
+      V.open({
+        title: t("menu.subcategory.dialog.remove.title"),
+        message: t("menu.common.dialog.remove_confirmation", {
+          name: s.name
+        }),
+        primaryActions: {
+          text: "Remove",
+          close: !0,
+          variant: J.Destructive
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await w.updateMenu({
+          module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
+          operation: X.F_OPERATION_TYPE.delete,
+          data: s._id
+        }, s.name, !0);
+      });
+    }
+    async function E(s) {
+      const r = s.map((e) => e._id).filter((e) => !!e);
+      await S.rearrange(r);
+    }
+    const i = te();
+    async function N(s) {
+      me(i, Ce, {
+        initialValue: s
+      });
+    }
+    const U = le(), B = k(() => U.breakpoints.value.xs);
+    return (s, r) => {
+      const e = x("FmSearch"), a = x("FmTable"), m = x("FmButton");
+      return B.value ? (f(), C("div", Fe, [c("div", Le, [d(e, {
+        autofocus: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (o) => l.value = o),
+        class: "w-full",
+        placeholder: n(t)("menu.common.labels.search_placeholder", {
+          type: "categories"
+        })
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", $e, [(f(!0), C(j, null, Q(F.value, (o) => (f(), C("div", {
+        key: o._id || "",
+        class: "flex flex-row py-12 px-16",
+        onClick: (_) => N(o)
+      }, [c("div", Ee, [c("p", Me, T(o.name), 1)]), d(m, {
+        "text-color": n(se).NeutralGray400,
+        variant: n(J).Tertiary,
+        "prepend-icon": "delete",
+        disabled: !o._id,
+        onClick: G((_) => u(o), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Se))), 128))])])) : (f(), C("div", ke, [c("div", Ve, [c("div", we, [d(e, {
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => l.value = o),
+        autofocus: "",
+        class: "mb-8",
+        placeholder: n(t)("menu.common.labels.search_placeholder", {
+          type: n(t)("menu.subcategory.title")
+        })
+      }, null, 8, ["modelValue", "placeholder"])])]), d(ue, null, {
+        default: y(() => [d(a, {
+          "column-defs": L.value,
+          draggable: !0,
+          "page-size": p.value.length,
+          "row-data": p.value,
+          "search-value": l.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": "",
+          onDndChanged: E,
+          onRowClick: r[1] || (r[1] = (o) => N(o.original))
+        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]));
+    };
+  }
+}), Ne = { class: "flex-1 flex justify-between gap-8 pl-8" }, Oe = { class: "flex items-center" }, De = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ue = { class: "fm-typo-en-body-md-600 font-semibold" }, Xe = /* @__PURE__ */ I({
+  __name: "Subcategory",
+  setup(D) {
+    const V = W(), b = R(), $ = P(b), w = K($), S = ee({ dialog: V, menuLoader: w }), p = k(() => Y().subcategories), { t: l } = z();
+    function F() {
+      S.create();
+    }
+    const t = k(() => p.value.length);
+    return ve().resetOnMount(), (L, u) => (f(), O(ce, {
+      heading: n(l)("menu.subcategory.title")
+    }, {
+      default: y(() => [
+        p.value.length > 0 ? (f(), O(Te, { key: 0 })) : (f(), O(n(re), {
+          key: 1,
+          action: {
+            text: n(l)("menu.subcategory.add"),
+            callback: F
+          },
+          subtitle: n(l)("menu.subcategory.empty.subtitle"),
+          title: n(l)("menu.subcategory.empty.title")
+        }, null, 8, ["action", "subtitle", "title"]))
+      ]),
+      "append-heading": y(() => [
+        c("div", Ne, [
+          c("div", Oe, [
+            c("div", De, [
+              c("p", Ue, T(t.value), 1)
+            ])
+          ]),
+          p.value.length > 0 ? (f(), O(ie, {
+            key: 0,
+            label: n(l)("menu.subcategory.add"),
+            "prepend-icon": "add",
+            onClick: F
+          }, null, 8, ["label"])) : ne("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["heading"]));
+  }
+});
+export {
+  Xe as default
+};

package/dist/{Takeaway-BfcHs1we.js → Takeaway-Ce_y1_UW.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-GAZ3S2_n.js";
+import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-DK2Cp2Dg.js";
 export {
   f as default
 };

package/dist/{Takeaway-CExKsbN5.js → Takeaway-DVBJn6re.js}

@@ -1,12 +1,12 @@
 import { defineComponent as f, computed as y, ref as k, createBlock as i, openBlock as d, unref as a, withCtx as s, createElementVNode as t, toDisplayString as b, createCommentVNode as g, createVNode as m } from "vue";
-import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-HZXySVXs.js";
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as V } from "@feedmepos/ui-library";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as C } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-GAZ3S2_n.js";
-import { T as S, l as L } from "./index-BaxQ5Nq0.js";
-import { a as O } from "./menu-LtIuM7Qj.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-DK2Cp2Dg.js";
+import { T as S, l as L } from "./index-CFbB7bM3.js";
+import { a as O } from "./menu-BWsDRctK.js";
 const U = { class: "flex-1 flex justify-between gap-8 pl-8" }, B = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, A = { class: "fm-typo-en-body-md-600 font-semibold" }, z = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(D) {