@feedmepos/mf-menu 0.31.32-prod → 0.31.33-beta.10

package/dist/{Category-CJZs9I7F.js → Category-CPrXxkVI.js}

@@ -1,19 +1,19 @@
-import { defineComponent as A, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Z, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as L, withModifiers as z, getCurrentInstance as ie, renderList as ce, createBlock as U, createCommentVNode as ue } from "vue";
+import { defineComponent as K, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Q, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as L, withModifiers as D, getCurrentInstance as ie, renderList as ce, createBlock as U, createCommentVNode as ue } from "vue";
 import { useI18n as j } from "@feedmepos/mf-common";
-import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as H, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
+import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as X, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
 import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { D as G, u as ge, $ as fe, Y as _e, G as K, a4 as ye, O as q, J as te } from "./menu-DcGo3sn5.js";
+import { G, u as ge, Z as fe, X as _e, A, a3 as ye, O as q, J as te } from "./menu-D_Cckz_p.js";
 import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as he } from "./app-D23N7tJ0.js";
+import { _ as he } from "./app-CAhJXoa3.js";
 import { c as be } from "./createForm-BoUQeZTd.js";
-import { _ as Q } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
+import { _ as Z } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as xe } from "./discardConfirm-BHni0LNu.js";
-import { c as X } from "./object-DVUNCr7w.js";
+import { c as H } from "./object-DVUNCr7w.js";
 import { r as Ce } from "./rules-CIWTZQfh.js";
-import { u as J, a as ke } from "./menu-Dx39P1vR.js";
+import { u as J, a as ke } from "./menu-DT5c-FqY.js";
 import { c as we } from "./check-C9mY6LiX.js";
-import { u as Fe } from "./item-DH1xf2Sa.js";
-import { u as oe } from "./category-bhqVqDzJ.js";
+import { u as Fe } from "./item-DX44khy2.js";
+import { u as oe } from "./category-DK_MXlvY.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 const $e = {
   class: "fm-typo-en-title-md-600"
@@ -29,7 +29,7 @@ const $e = {
   class: "flex-1 overflow-hidden min-h-[300px]"
 }, Oe = {
   class: "flex gap-8 items-center justify-start"
-}, Ue = /* @__PURE__ */ A({
+}, Ue = /* @__PURE__ */ K({
   __name: "Form",
   props: {
     initialValue: {}
@@ -43,7 +43,7 @@ const $e = {
       t
     } = j(), O = F(!1), u = F(!1), M = (o) => {
       we.isBoolean(o) ? u.value = o : u.value = !u.value;
-    }, i = F(X(_.initialValue)), C = F(""), S = B(() => {
+    }, i = F(H(_.initialValue)), C = F(""), S = B(() => {
       var k;
       const o = ((k = x.value.find((w) => w.id === i.value.id)) == null ? void 0 : k.items) || [], a = fe(i.value.id);
       return _e(o, (w) => w.code || w.name, a);
@@ -72,7 +72,7 @@ const $e = {
           outline: !0,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: z(async () => {
+          onClick: D(async () => {
             await s(a);
           }, ["stop", "prevent"])
         })]);
@@ -84,12 +84,12 @@ const $e = {
     async function s(o) {
       await r.update(o._id);
     }
-    const y = B(() => m.version === K.F_MENU_VERSION.enum.v4);
-    async function D(o) {
+    const y = B(() => m.version === A.F_MENU_VERSION.enum.v4);
+    async function I(o) {
       const a = ye(o, i.value.id);
       await r.updateMany(a);
     }
-    const I = xe(() => i.value.name !== _.initialValue.name, () => {
+    const z = xe(() => i.value.name !== _.initialValue.name, () => {
       u.value = !1;
     });
     async function c() {
@@ -97,7 +97,7 @@ const $e = {
         updateMenu: a
       } = $;
       await a({
-        module: K.F_MENU_MODULE_V4_KEY.enum.category,
+        module: A.F_MENU_MODULE_V4_KEY.enum.category,
         operation: te.F_OPERATION_TYPE.update,
         data: {
           ...o,
@@ -106,13 +106,13 @@ const $e = {
       }, i.value.name), M(!1);
     }
     return se(() => u.value, () => {
-      u.value && (i.value = X(_.initialValue));
+      u.value && (i.value = H(_.initialValue));
     }), h({
       trigger: M,
       show: u
     }), (o, a) => {
       const k = p("FmTextField"), w = p("FmButton"), ae = p("FmSearch"), ne = p("FmTable"), W = p("fm-button"), le = p("fm-side-sheet");
-      return f(), E(Z, null, [re(o.$slots, "default", {
+      return f(), E(Q, null, [re(o.$slots, "default", {
         trigger: M
       }), d(le, {
         id: "group-form",
@@ -124,7 +124,7 @@ const $e = {
           blameFormChildOnValidationFailed: !0
         },
         "max-width": 560,
-        "onOn:clickedAway": e(I)
+        "onOn:clickedAway": e(z)
       }, {
         "side-sheet-header": g(() => [n("p", $e, T(e(t)("menu.category.title")), 1)]),
         "side-sheet-footer": g(() => [n("div", Oe, [d(W, {
@@ -140,7 +140,7 @@ const $e = {
           variant: "tertiary",
           onClick: a[3] || (a[3] = () => u.value = !1)
         }, null, 8, ["label"])])]),
-        default: g(() => [n("div", Me, [d(Q, {
+        default: g(() => [n("div", Me, [d(Z, {
           title: e(t)("menu.category.detail")
         }, {
           default: g(() => [d(k, {
@@ -151,7 +151,7 @@ const $e = {
             rules: [e(Ce)]
           }, null, 8, ["label", "modelValue", "disabled", "rules"])]),
           _: 1
-        }, 8, ["title"]), d(Q, {
+        }, 8, ["title"]), d(Z, {
           title: e(t)("menu.category.products.title"),
           class: "flex-1 min-h-0",
           shrinkable: !0
@@ -179,7 +179,7 @@ const $e = {
             "shrink-at": !1,
             "hide-footer": "",
             "pin-header-row": "",
-            onDndChanged: D,
+            onDndChanged: I,
             onRowClick: a[2] || (a[2] = (v) => s(v.original))
           }, null, 8, ["draggable", "page-size", "row-data", "search-value"])])]),
           _: 1
@@ -192,22 +192,22 @@ const $e = {
   key: 0
 }, Pe = {
   class: "flex justify-end items-center"
-}, De = {
-  class: "w-[320px]"
 }, Ie = {
+  class: "w-[320px]"
+}, ze = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, ze = {
+}, De = {
   class: "p-8"
 }, Re = {
   class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ke = ["onClick"], Ae = {
+}, Ae = ["onClick"], Ke = {
   class: "flex-1 space-y-4"
 }, je = {
   class: "fm-typo-en-body-lg-600"
 }, Ye = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ge = /* @__PURE__ */ A({
+}, Ge = /* @__PURE__ */ K({
   __name: "CategoryTable",
   setup(N) {
     const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({
@@ -252,7 +252,7 @@ const $e = {
           disabled: !s.id,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: z(async () => {
+          onClick: D(async () => {
             await u(s);
           }, ["stop", "prevent"])
         })]);
@@ -274,7 +274,7 @@ const $e = {
         primaryActions: {
           text: "Remove",
           close: !0,
-          variant: H.Destructive
+          variant: X.Destructive
         },
         secondaryActions: {
           text: "Cancel",
@@ -282,7 +282,7 @@ const $e = {
         }
       }).onPrimary(async () => {
         await b.updateMenu({
-          module: K.F_MENU_MODULE_V4_KEY.enum.category,
+          module: A.F_MENU_MODULE_V4_KEY.enum.category,
           operation: te.F_OPERATION_TYPE.delete,
           // `category.id` is guaranteed to be defined due to the earlier check in `deleteCategory`.
           data: l.id
@@ -301,8 +301,8 @@ const $e = {
     }
     const S = de(), P = B(() => S.breakpoints.value.xs);
     return (l, s) => {
-      const y = p("FmSearch"), D = p("FmTable"), I = p("FmButton");
-      return P.value ? (f(), E("div", Ie, [n("div", ze, [d(y, {
+      const y = p("FmSearch"), I = p("FmTable"), z = p("FmButton");
+      return P.value ? (f(), E("div", ze, [n("div", De, [d(y, {
         autofocus: "",
         modelValue: r.value,
         "onUpdate:modelValue": s[2] || (s[2] = (c) => r.value = c),
@@ -310,19 +310,19 @@ const $e = {
         placeholder: e(t)("menu.common.labels.search_placeholder", {
           type: "categories"
         })
-      }, null, 8, ["modelValue", "placeholder"])]), n("div", Re, [(f(!0), E(Z, null, ce(x.value, (c) => (f(), E("div", {
+      }, null, 8, ["modelValue", "placeholder"])]), n("div", Re, [(f(!0), E(Q, null, ce(x.value, (c) => (f(), E("div", {
         key: c.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (o) => C(c)
-      }, [n("div", Ae, [n("p", je, T(c.name), 1), n("p", Ye, T(e(t)(c.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
+      }, [n("div", Ke, [n("p", je, T(c.name), 1), n("p", Ye, T(e(t)(c.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: c.items.length
-      })), 1)]), d(I, {
+      })), 1)]), d(z, {
         "text-color": e(me).NeutralGray400,
-        variant: e(H).Tertiary,
+        variant: e(X).Tertiary,
         "prepend-icon": "delete",
         disabled: !c.id,
-        onClick: z((o) => u(c), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ke))), 128))])])) : (f(), E("div", Ne, [n("div", Pe, [n("div", De, [d(y, {
+        onClick: D((o) => u(c), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ae))), 128))])])) : (f(), E("div", Ne, [n("div", Pe, [n("div", Ie, [d(y, {
         modelValue: r.value,
         "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
         autofocus: "",
@@ -331,7 +331,7 @@ const $e = {
           type: e(t)("menu.category.title")
         })
       }, null, 8, ["modelValue", "placeholder"])])]), d(he, null, {
-        default: g(() => [d(D, {
+        default: g(() => [d(I, {
           "column-defs": O.value,
           draggable: !0,
           "page-size": e(m).length,
@@ -347,7 +347,7 @@ const $e = {
       })]));
     };
   }
-}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, He = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ A({
+}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Xe = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ K({
   __name: "Category",
   setup(N) {
     const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({ dialog: h, menuLoader: b }), { categories: m } = J(), { t: r } = j();
@@ -373,7 +373,7 @@ const $e = {
         n("div", qe, [
           n("div", Je, [
             n("div", We, [
-              n("p", He, T(t.value), 1)
+              n("p", Xe, T(t.value), 1)
             ])
           ]),
           e(m).length > 0 ? (f(), U(pe, {

package/dist/{Category-CUKZ10xq.js → Category-CnsBFgvu.js}

@@ -1,18 +1,18 @@
 import { defineComponent as S, computed as k, ref as C, resolveComponent as w, createElementBlock as _, openBlock as u, createElementVNode as i, createVNode as g, unref as n, withCtx as K, Fragment as P, renderList as U, toDisplayString as E, createBlock as V } from "vue";
 import { useI18n as L } from "@feedmepos/mf-common";
-import { useSnackbar as M, useBreakpoints as Y, useDialog as $ } from "@feedmepos/ui-library";
-import { D as F, u as I, Y as j, O as D, J as A, G } from "./menu-DcGo3sn5.js";
-import { _ as J } from "./app-D23N7tJ0.js";
-import { u as O } from "./menu-Dx39P1vR.js";
+import { useSnackbar as M, useBreakpoints as $, useDialog as A } from "@feedmepos/ui-library";
+import { G as F, u as I, X as Y, O, J as j, A as G } from "./menu-D_Cckz_p.js";
+import { _ as J } from "./app-CAhJXoa3.js";
+import { u as T } from "./menu-DT5c-FqY.js";
 import { _ as R } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { u as q } from "./category-bhqVqDzJ.js";
-const H = {
+import { u as X } from "./category-DK_MXlvY.js";
+const q = {
   key: 0
-}, Q = {
+}, H = {
   class: "flex justify-end items-center"
-}, W = {
+}, Q = {
   class: "w-[320px]"
-}, X = {
+}, W = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
 }, Z = {
@@ -27,21 +27,21 @@ const H = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, ne = /* @__PURE__ */ S({
   __name: "CategoryTable",
-  setup(T) {
-    const f = M(), y = F(f), h = D(y), p = I(), {
+  setup(B) {
+    const f = M(), y = F(f), h = O(y), p = I(), {
       categories: v
-    } = O(), b = k(() => {
-      var l, t;
-      const r = ((t = (l = p.currentCatalog) == null ? void 0 : l.override) == null ? void 0 : t.category) ?? {}, o = v.value.map((e, c) => {
+    } = T(), b = k(() => {
+      var r, t;
+      const l = ((t = (r = p.currentCatalog) == null ? void 0 : r.override) == null ? void 0 : t.category) ?? {}, o = v.value.map((e, c) => {
         var m;
         return {
           ...e,
           // Addon should be at the end of the list
-          position: e.id ? ((m = r[e.id]) == null ? void 0 : m.position) ?? c + 1 : null
+          position: e.id ? ((m = l[e.id]) == null ? void 0 : m.position) ?? c + 1 : null
         };
       });
-      return j(o, (e) => e.name);
-    }), a = C(""), d = k(() => b.value.filter((r) => r.name.toLowerCase().includes(a.value.toLowerCase()))), {
+      return Y(o, (e) => e.name);
+    }), a = C(""), d = k(() => b.value.filter((l) => l.name.toLowerCase().includes(a.value.toLowerCase()))), {
       t: s
     } = L(), x = C([{
       accessorKey: "name",
@@ -55,29 +55,29 @@ const H = {
       header: () => s("menu.category.columns.products"),
       enableSorting: !1,
       size: 200,
-      cell: (r) => {
-        const o = r.row.original;
+      cell: (l) => {
+        const o = l.row.original;
         return s(o.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
           count: o.items.length
         });
       }
     }]);
-    async function B(r) {
+    async function D(l) {
       var e;
       const o = p.currentCatalog;
       if (!o)
         return;
       const {
-        updateMenu: l
+        updateMenu: r
       } = h, t = ((e = o.override) == null ? void 0 : e.category) ?? {};
-      r.forEach((c, m) => {
+      l.forEach((c, m) => {
         c.id && (t != null && t[c.id] ? t[c.id].position = m + 1 : t[c.id] = {
           position: m + 1,
           _id: c.id
         });
-      }), await l({
+      }), await r({
         module: G.F_MENU_MODULE_V4_KEY.enum.catalog,
-        operation: A.F_OPERATION_TYPE.update,
+        operation: j.F_OPERATION_TYPE.update,
         data: {
           ...o,
           override: {
@@ -87,10 +87,10 @@ const H = {
         }
       }, "Category");
     }
-    const N = Y(), z = k(() => N.breakpoints.value.xs);
-    return (r, o) => {
-      const l = w("FmSearch"), t = w("FmTable");
-      return z.value ? (u(), _("div", X, [i("div", Z, [g(l, {
+    const N = $(), z = k(() => N.breakpoints.value.xs);
+    return (l, o) => {
+      const r = w("FmSearch"), t = w("FmTable");
+      return z.value ? (u(), _("div", W, [i("div", Z, [g(r, {
         autofocus: "",
         modelValue: a.value,
         "onUpdate:modelValue": o[1] || (o[1] = (e) => a.value = e),
@@ -103,7 +103,7 @@ const H = {
         class: "flex flex-row py-12 px-16"
       }, [i("div", oe, [i("p", te, E(e.name), 1), i("p", ae, E(n(s)(e.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: e.items.length
-      })), 1)])]))), 128))])])) : (u(), _("div", H, [i("div", Q, [i("div", W, [g(l, {
+      })), 1)])]))), 128))])])) : (u(), _("div", q, [i("div", H, [i("div", Q, [g(r, {
         modelValue: a.value,
         "onUpdate:modelValue": o[0] || (o[0] = (e) => a.value = e),
         autofocus: "",
@@ -121,7 +121,7 @@ const H = {
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": "",
-          onDndChanged: B
+          onDndChanged: D
         }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
         _: 1
       })]));
@@ -129,13 +129,17 @@ const H = {
   }
 }), pe = /* @__PURE__ */ S({
   __name: "Category",
-  setup(T) {
-    const f = $(), y = M(), h = F(y), p = D(h), v = q({ dialog: f, menuLoader: p }), { categories: b } = O(), { t: a } = L();
+  setup(B) {
+    const f = A(), y = M(), h = F(y), p = O(h), v = X({ dialog: f, menuLoader: p }), { categories: b } = T(), { t: a } = L();
     function d() {
       v.create();
     }
-    return (s, x) => n(b).length > 0 ? (u(), V(ne, { key: 0 })) : (u(), V(n(R), {
+    return (s, x) => n(b).length > 0 ? (u(), V(ne, {
+      key: 0,
+      class: "pt-16"
+    })) : (u(), V(n(R), {
       key: 1,
+      class: "pt-16",
       action: {
         text: n(a)("menu.category.add"),
         callback: d