@feedmepos/mf-menu 0.32.43 → 0.32.45-dev

package/dist/{Subcategory-Cmv2W67T.js → Subcategory-CS4MEgtM.js}

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

package/dist/{Takeaway-DBW4UPFZ.js → Takeaway-CI2Y-_LF.js}

@@ -1,17 +1,17 @@
 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 { B as x, u as v, O as w, J as E, y as M } from "./index.vue_vue_type_script_setup_true_lang-DSZsSghE.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-CJO2XWIn.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-C7RL3ITP.js";
-import { T as O, l as S } from "./index-vPs04fVf.js";
-import { a as B } from "./menu-BOVrJ7di.js";
-const L = { class: "flex-1 flex justify-between gap-8 pl-8" }, U = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, D = { class: "fm-typo-en-body-md-600 font-semibold" }, G = /* @__PURE__ */ f({
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-Ca3qK9zO.js";
+import { T as S, l as L } from "./index-BQ95VVc6.js";
+import { a as O } from "./menu-Csu9X1_I.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(I) {
+  setup(D) {
     const u = V(), l = x(u), p = v(), c = w(l), _ = y(() => p.rules.item.bindToVariant), n = k(0), { t: r } = T();
-    return B().resetOnMount(), (P, o) => (d(), i(C, {
+    return O().resetOnMount(), (I, o) => (d(), i(C, {
       heading: a(r)("menu.takeaway.title")
     }, {
       default: s(() => [
@@ -20,14 +20,14 @@ const L = { class: "flex-1 flex justify-between gap-8 pl-8" }, U = { class: "fle
         })
       ]),
       "append-heading": s(() => [
-        t("div", L, [
-          t("div", U, [
+        t("div", U, [
+          t("div", B, [
             t("div", F, [
-              t("p", D, b(n.value), 1)
+              t("p", A, b(n.value), 1)
             ])
           ]),
           t("div", null, [
-            n.value > 0 ? (d(), i(a(O), {
+            n.value > 0 ? (d(), i(a(S), {
               key: 0,
               "bind-to-variant": _.value,
               action: "add",
@@ -37,7 +37,7 @@ const L = { class: "flex-1 flex justify-between gap-8 pl-8" }, U = { class: "fle
                   module: a(M.F_MENU_MODULE_V4_KEY).enum.takeaway,
                   operation: a(E.F_OPERATION_TYPE).create,
                   data: e,
-                  link: a(S)(e.usedBy || [])
+                  link: a(L)(e.usedBy || [])
                 },
                 e.name
               ))
@@ -60,5 +60,5 @@ const L = { class: "flex-1 flex justify-between gap-8 pl-8" }, U = { class: "fle
   }
 });
 export {
-  G as default
+  z as default
 };

package/dist/{Takeaway-ChaYk0Ix.js → Takeaway-D27iA6M6.js}

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