@feedmepos/mf-menu 0.31.33 → 0.31.34-alpha

package/dist/{Catalog-Zhi-3W6T.js → Catalog-B0zMoi7e.js}

@@ -1,18 +1,18 @@
-import { defineComponent as oe, computed as T, resolveComponent as y, createBlock as k, openBlock as p, createVNode as o, ref as w, createElementBlock as V, Fragment as z, renderSlot as ye, unref as e, withCtx as g, createElementVNode as f, createCommentVNode as B, renderList as q, createTextVNode as be, toDisplayString as N, h as J, withModifiers as W, normalizeClass as xe } from "vue";
+import { defineComponent as oe, computed as T, resolveComponent as y, createBlock as V, openBlock as p, createVNode as o, ref as w, createElementBlock as M, Fragment as P, renderSlot as ye, unref as e, withCtx as g, createElementVNode as f, createCommentVNode as K, renderList as q, createTextVNode as be, toDisplayString as N, h as J, withModifiers as W, normalizeClass as xe } from "vue";
 import { useRouter as Ce } from "vue-router";
-import { u as de, G as M, O as pe, D as fe, B as ue, A as ke, H as ee, J as ge, aa as re } from "./menu-IGORh0Ik.js";
+import { u as de, G as F, O as pe, D as fe, B as ue, A as ke, H as ee, J as ge, a9 as re } from "./menu-DK7wG3S5.js";
 import { useI18n as ne, useCoreStore as ve } from "@feedmepos/mf-common";
 import { useSnackbar as _e, components as te, FmButtonVariant as j, FmButtonColorThemeVariant as Q, useDialog as he, useBreakpoints as Oe } from "@feedmepos/ui-library";
-import { _ as Fe, R as ie } from "./app-DuD_IPou.js";
+import { _ as Fe, R as ie } from "./app-CrXLAKdw.js";
 import { _ as Me } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { _ as ae } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
+import { a as ae } from "./LinkProductSideSheet-Cp0HFoP2.js";
 import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
-import { _ as ce, a as De } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-BmRUg94d.js";
+import { _ as ce, a as De } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-TQWka93A.js";
 import { c as Se } from "./check-C9mY6LiX.js";
-import { C as I, a as P } from "./catalogSetting-_4Z0s3_Q.js";
+import { C as I, a as B } from "./catalogSetting-C34kIcYn.js";
 import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 import { _ as Ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { C as Ee } from "./catalog-DfYSMjLc.js";
+import { C as Ee } from "./catalog-BGiDWODL.js";
 const Ae = /* @__PURE__ */ oe({
   __name: "CatalogUsageTable",
   props: {
@@ -68,7 +68,7 @@ const Ae = /* @__PURE__ */ oe({
     }];
     return (b, C) => {
       const E = y("FmTable");
-      return p(), k(E, {
+      return p(), V(E, {
         "column-defs": L,
         "row-data": S.value,
         "page-size": S.value.length,
@@ -80,7 +80,7 @@ const Ae = /* @__PURE__ */ oe({
 }), we = { class: "space-y-32" }, Ne = {
   key: 0,
   class: "pl-32 space-x-8"
-}, Le = { class: "pl-[60px] space-y-16" }, Re = { class: "space-x-16 flex items-center" }, $e = { class: "flex-1 space-y-4" }, Ie = { class: "fm-typo-en-body-lg-400" }, Pe = { class: "fm-typo-en-body-md-400" }, Be = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ oe({
+}, Le = { class: "pl-[60px] space-y-16" }, Re = { class: "space-x-16 flex items-center" }, $e = { class: "flex-1 space-y-4" }, Ie = { class: "fm-typo-en-body-lg-400" }, Be = { class: "fm-typo-en-body-md-400" }, Pe = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ oe({
   __name: "Form",
   setup(X, { expose: D }) {
     const d = w(!1), S = w(!1), L = (i, n) => {
@@ -88,17 +88,17 @@ const Ae = /* @__PURE__ */ oe({
         n ?? ue.generator.initMenuV4Catalog(),
         b.value
       ));
-    }, b = T(() => C.version === M.F_MENU_VERSION.enum.v4), C = de(), E = ve(), m = pe(fe(_e())), u = w(
+    }, b = T(() => C.version === F.F_MENU_VERSION.enum.v4), C = de(), E = ve(), m = pe(fe(_e())), u = w(
       I.fromCatalog(ue.generator.initMenuV4Catalog(), b.value)
     ), Z = T(() => C.catalogs.map((i) => i.name)), A = T({
       get: () => u.value.taxSetting,
       set: (i) => {
         u.value.taxSetting = i;
       }
-    }), h = T(() => {
-      var v, O;
+    }), k = T(() => {
+      var v, h;
       if (!E.currentCountry.value) return [];
-      const i = ((v = u.value.taxSetting) == null ? void 0 : v.mode) === P.MANUAL ? ((O = u.value.taxSetting) == null ? void 0 : O.inclusive) ?? [] : [];
+      const i = ((v = u.value.taxSetting) == null ? void 0 : v.mode) === B.MANUAL ? ((h = u.value.taxSetting) == null ? void 0 : h.inclusive) ?? [] : [];
       return ke.Country.getCountry(E.currentCountry.value).taxSystems.map((U) => {
         const s = i.find((l) => l.systemCode === U.code);
         return {
@@ -108,16 +108,16 @@ const Ae = /* @__PURE__ */ oe({
       });
     });
     function Y(i) {
-      const n = u.value.taxSetting, v = n.mode === P.AUTO ? I.manualTax(h.value) : ee(n);
+      const n = u.value.taxSetting, v = n.mode === B.AUTO ? I.manualTax(k.value) : ee(n);
       v.inclusive ?? (v.inclusive = []);
-      const O = v.inclusive.findIndex((U) => U.systemCode === i.systemCode);
-      O < 0 ? v.inclusive.push(i) : v.inclusive.splice(O, 1, i), A.value = v;
+      const h = v.inclusive.findIndex((U) => U.systemCode === i.systemCode);
+      h < 0 ? v.inclusive.push(i) : v.inclusive.splice(h, 1, i), A.value = v;
     }
-    function G(i, n) {
+    function z(i, n) {
       const v = ee(u.value);
       v.markupOptions && (v.markupOptions[i] = n, u.value = v);
     }
-    function K(i) {
+    function G(i) {
       const n = ee(u.value);
       n.markupOptions && (n.markupOptions.splice(i, 1), u.value = n);
     }
@@ -130,7 +130,7 @@ const Ae = /* @__PURE__ */ oe({
       try {
         await m.updateMenu(
           {
-            module: M.F_MENU_MODULE_V4_KEY.enum.catalog,
+            module: F.F_MENU_MODULE_V4_KEY.enum.catalog,
             operation: ge.F_OPERATION_TYPE.create,
             data: i
           },
@@ -142,8 +142,8 @@ const Ae = /* @__PURE__ */ oe({
     }
     const { t: r } = ne();
     return D({ trigger: L }), (i, n) => {
-      const v = y("fm-text-field"), O = y("fm-radio"), U = y("fm-radio-group"), s = y("fm-checkbox"), l = y("fm-switch"), t = y("fm-select"), x = y("fm-button"), R = y("fm-chip"), F = y("fm-card"), $ = y("fm-side-sheet");
-      return p(), V(z, null, [
+      const v = y("fm-text-field"), h = y("fm-radio"), U = y("fm-radio-group"), s = y("fm-checkbox"), l = y("fm-switch"), t = y("fm-select"), x = y("fm-button"), R = y("fm-chip"), O = y("fm-card"), $ = y("fm-side-sheet");
+      return p(), M(P, null, [
         ye(i.$slots, "default", { trigger: L }),
         o($, {
           modelValue: d.value,
@@ -156,7 +156,7 @@ const Ae = /* @__PURE__ */ oe({
           "max-width": 560
         }, {
           "side-sheet-footer": g(() => [
-            f("div", Be, [
+            f("div", Pe, [
               o(x, {
                 loading: S.value,
                 label: e(r)("menu.common.actions.add"),
@@ -197,26 +197,25 @@ const Ae = /* @__PURE__ */ oe({
                         o(U, {
                           "model-value": (a = u.value.taxSetting) == null ? void 0 : a.mode,
                           "onUpdate:modelValue": n[1] || (n[1] = (c) => {
-                            c === e(P).AUTO ? A.value = e(I).autoTax() : A.value = e(I).manualTax(h.value);
+                            c === e(B).AUTO ? A.value = e(I).autoTax() : A.value = e(I).manualTax(k.value);
                           })
                         }, {
                           default: g(() => [
-                            o(O, {
-                              value: e(P).AUTO,
+                            o(h, {
+                              value: e(B).AUTO,
                               label: e(r)("menu.catalog.form.tax.auto.label"),
-                              sublabel: e(r)("menu.catalog.form.tax.auto.sublabel"),
-                              class: "pl-4"
+                              sublabel: e(r)("menu.catalog.form.tax.auto.sublabel")
                             }, null, 8, ["value", "label", "sublabel"]),
-                            o(O, {
-                              value: e(P).MANUAL,
+                            o(h, {
+                              value: e(B).MANUAL,
                               label: e(r)("menu.catalog.form.tax.manual.label"),
                               sublabel: e(r)("menu.catalog.form.tax.manual.sublabel")
                             }, null, 8, ["value", "label", "sublabel"])
                           ]),
                           _: 1
                         }, 8, ["model-value"]),
-                        ((_ = u.value.taxSetting) == null ? void 0 : _.mode) === e(P).MANUAL ? (p(), V("div", Ne, [
-                          (p(!0), V(z, null, q(h.value, (c) => (p(), k(s, {
+                        ((_ = u.value.taxSetting) == null ? void 0 : _.mode) === e(B).MANUAL ? (p(), M("div", Ne, [
+                          (p(!0), M(P, null, q(k.value, (c) => (p(), V(s, {
                             key: c.systemCode,
                             "model-value": c.inclusive,
                             value: !0,
@@ -228,7 +227,7 @@ const Ae = /* @__PURE__ */ oe({
                               });
                             }
                           }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-                        ])) : B("", !0)
+                        ])) : K("", !0)
                       ];
                     }),
                     _: 1
@@ -236,38 +235,38 @@ const Ae = /* @__PURE__ */ oe({
                 ]),
                 _: 1
               }, 8, ["title"]),
-              b.value ? (p(), k(ae, {
+              b.value ? (p(), V(ae, {
                 key: 0,
                 label: e(r)("menu.catalog.form.link.title")
               }, {
                 default: g(() => [
                   o(l, {
-                    "model-value": u.value.orderFrom && u.value.orderFrom !== e(M.F_ORDER_FROM).enum.NONE,
+                    "model-value": u.value.orderFrom && u.value.orderFrom !== e(F.F_ORDER_FROM).enum.NONE,
                     label: e(r)("menu.catalog.form.link.auto_link.label"),
                     "label-placement": "right",
                     sublabel: e(r)("menu.catalog.form.link.auto_link.sublabel"),
-                    "onUpdate:modelValue": n[2] || (n[2] = (a) => u.value.orderFrom = a ? e(M.F_ORDER_FROM).enum.ALL : e(M.F_ORDER_FROM).enum.NONE)
+                    "onUpdate:modelValue": n[2] || (n[2] = (a) => u.value.orderFrom = a ? e(F.F_ORDER_FROM).enum.ALL : e(F.F_ORDER_FROM).enum.NONE)
                   }, null, 8, ["model-value", "label", "sublabel"]),
-                  u.value.orderFrom !== e(M.F_ORDER_FROM).enum.NONE ? (p(), k(t, {
+                  u.value.orderFrom !== e(F.F_ORDER_FROM).enum.NONE ? (p(), V(t, {
                     key: 0,
                     class: "ml-[60px]",
                     items: [
                       {
                         label: e(r)("menu.catalog.form.link.options.all"),
-                        value: e(M.F_ORDER_FROM).enum.ALL
+                        value: e(F.F_ORDER_FROM).enum.ALL
                       },
                       {
                         label: e(r)("menu.catalog.form.link.options.pos_only"),
-                        value: e(M.F_ORDER_FROM).enum.POS_ONLY
+                        value: e(F.F_ORDER_FROM).enum.POS_ONLY
                       }
                     ],
                     "model-value": u.value.orderFrom,
                     "onUpdate:modelValue": n[3] || (n[3] = (a) => u.value.orderFrom = a)
-                  }, null, 8, ["items", "model-value"])) : B("", !0)
+                  }, null, 8, ["items", "model-value"])) : K("", !0)
                 ]),
                 _: 1
-              }, 8, ["label"])) : B("", !0),
-              b.value ? (p(), k(ae, {
+              }, 8, ["label"])) : K("", !0),
+              b.value ? (p(), V(ae, {
                 key: 1,
                 label: e(r)("menu.catalog.form.markup.title")
               }, {
@@ -298,16 +297,16 @@ const Ae = /* @__PURE__ */ oe({
                       ]),
                       _: 1
                     }, 8, ["categories", "items"]),
-                    (p(!0), V(z, null, q(u.value.markupOptions, (a, _) => (p(), k(ce, {
+                    (p(!0), M(P, null, q(u.value.markupOptions, (a, _) => (p(), V(ce, {
                       key: _,
                       categories: e(C).categories,
                       items: e(C).items,
                       "model-value": a,
                       action: "update",
-                      "onUpdate:modelValue": (c) => c && G(_, c)
+                      "onUpdate:modelValue": (c) => c && z(_, c)
                     }, {
                       default: g(({ trigger: c }) => [
-                        o(F, {
+                        o(O, {
                           id: JSON.stringify(a),
                           class: "py-12 px-16 cursor-pointer",
                           variant: "outlined",
@@ -323,14 +322,14 @@ const Ae = /* @__PURE__ */ oe({
                                   _: 2
                                 }, 1024),
                                 f("p", Ie, N(e(r)("menu.catalog.form.markup.config", { number: _ + 1 })), 1),
-                                f("p", Pe, N(a.includeItems ? e(r)("menu.catalog.form.markup.products", {
+                                f("p", Be, N(a.includeItems ? e(r)("menu.catalog.form.markup.products", {
                                   count: a.includeItems.length
                                 }) : e(r)("menu.catalog.form.markup.all_items")), 1)
                               ]),
                               o(x, {
                                 variant: e(j).Tertiary,
                                 "prepend-icon": "delete",
-                                onClick: (se) => K(_)
+                                onClick: (se) => G(_)
                               }, null, 8, ["variant", "onClick"])
                             ])
                           ]),
@@ -342,12 +341,13 @@ const Ae = /* @__PURE__ */ oe({
                   ])
                 ]),
                 _: 1
-              }, 8, ["label"])) : B("", !0),
-              b.value ? (p(), k(De, {
-                key: 2,
-                "model-value": u.value.usePriceTiers,
-                "onUpdate:modelValue": n[6] || (n[6] = (a) => u.value.usePriceTiers = a || null)
-              }, null, 8, ["model-value"])) : B("", !0)
+              }, 8, ["label"])) : K("", !0),
+              o(De, {
+                modelValue: u.value,
+                "onUpdate:modelValue": n[6] || (n[6] = (a) => u.value = a),
+                "is-main-catalog": !1,
+                "is-v4": b.value
+              }, null, 8, ["modelValue", "is-v4"])
             ])
           ]),
           _: 1
@@ -389,7 +389,7 @@ const Ae = /* @__PURE__ */ oe({
       t: m
     } = ne();
     function u(s, l) {
-      var F, $, a, _;
+      var O, $, a, _;
       const t = D.restaurants.value.find(({
         _id: c
       }) => c === l._id), x = [...l.linkedDeliveryCatalogs.map((c) => ({
@@ -397,7 +397,7 @@ const Ae = /* @__PURE__ */ oe({
         selector: c.catalog
       })), {
         label: "Delivery (FoodPanda integration)",
-        selector: (F = t == null ? void 0 : t.foodpandaDelivery) == null ? void 0 : F.catalogId
+        selector: (O = t == null ? void 0 : t.foodpandaDelivery) == null ? void 0 : O.catalogId
       }, {
         label: "Delivery (GrabFood integration)",
         selector: ($ = t == null ? void 0 : t.grabfoodDelivery) == null ? void 0 : $.catalogId
@@ -434,7 +434,7 @@ const Ae = /* @__PURE__ */ oe({
         usage: u(s, l)
       })).filter((l) => l.usage.length > 0);
     }
-    const A = w(!1), h = w(""), Y = T(() => {
+    const A = w(!1), k = w(""), Y = T(() => {
       var l;
       return [{
         id: le,
@@ -451,12 +451,12 @@ const Ae = /* @__PURE__ */ oe({
         disableDelete: !1,
         defaultOrderFrom: t.defaultOrderFrom
       }))].map((t) => {
-        var F;
-        const x = Z(((F = t.doc) == null ? void 0 : F._id) || null), R = t.doc ? Ee.getSellingItem(t.doc, d.state.menu) : d.state.menu.modules.item;
+        var O;
+        const x = Z(((O = t.doc) == null ? void 0 : O._id) || null), R = t.doc ? Ee.getSellingItem(t.doc, d.state.menu) : d.state.menu.modules.item;
         return {
           ...t,
           taxMode: t.taxes ? "Manual" : "Automatic",
-          autoLink: t.defaultOrderFrom !== M.F_ORDER_FROM.enum.NONE ? "Activated" : "Deactivated",
+          autoLink: t.defaultOrderFrom !== F.F_ORDER_FROM.enum.NONE ? "Activated" : "Deactivated",
           restaurants: re(x, {
             selector: "name"
           }),
@@ -464,7 +464,7 @@ const Ae = /* @__PURE__ */ oe({
           disableDelete: t.disableDelete
         };
       });
-    }), G = T(() => Y.value.filter((s) => s.id !== le)), K = T(() => G.value.filter((s) => s.name.toLowerCase().includes(h.value.toLowerCase()))), H = (s) => {
+    }), z = T(() => Y.value.filter((s) => s.id !== le)), G = T(() => z.value.filter((s) => s.name.toLowerCase().includes(k.value.toLowerCase()))), H = (s) => {
       d.selectCatalog(s === le ? null : s), E.push({
         name: ie.EDIT_CATALOG_PRODUCT,
         params: {
@@ -502,7 +502,7 @@ const Ae = /* @__PURE__ */ oe({
         }
       }).onPrimary(async () => {
         await C.updateMenu({
-          module: M.F_MENU_MODULE_V4_KEY.enum.catalog,
+          module: F.F_MENU_MODULE_V4_KEY.enum.catalog,
           operation: ge.F_OPERATION_TYPE.delete,
           data: s.id
         }, s.name, !0), d.selectCatalog(null), await E.push({
@@ -558,13 +558,13 @@ const Ae = /* @__PURE__ */ oe({
           }, ["stop", "prevent"])
         })]);
       }
-    }]), O = Oe(), U = T(() => O.breakpoints.value.xs);
+    }]), h = Oe(), U = T(() => h.breakpoints.value.xs);
     return (s, l) => {
-      const t = y("fm-button"), x = y("FmSearch"), R = y("FmTable"), F = y("FmButton"), $ = y("fm-side-sheet");
-      return p(), k(Ue, {
+      const t = y("fm-button"), x = y("FmSearch"), R = y("FmTable"), O = y("FmButton"), $ = y("fm-side-sheet");
+      return p(), V(Ue, {
         heading: e(m)("menu.catalog.title")
       }, {
-        "append-heading": g(() => [G.value.length > 0 ? (p(), k(e(me), {
+        "append-heading": g(() => [z.value.length > 0 ? (p(), V(e(me), {
           key: 0,
           ref_key: "createCatalogManagerFormRef",
           ref: r
@@ -583,8 +583,8 @@ const Ae = /* @__PURE__ */ oe({
             onClick: a
           }, null, 8, ["label", "onClick"])])]),
           _: 1
-        }, 512)) : B("", !0)]),
-        default: g(() => [G.value.length === 0 ? (p(), k(e(Te), {
+        }, 512)) : K("", !0)]),
+        default: g(() => [z.value.length === 0 ? (p(), V(e(Te), {
           key: 0,
           subtitle: e(m)("menu.catalog.empty.subtitle"),
           title: e(m)("menu.catalog.empty.title")
@@ -600,33 +600,33 @@ const Ae = /* @__PURE__ */ oe({
             _: 1
           })]),
           _: 1
-        }, 8, ["subtitle", "title"])) : (p(), V(z, {
+        }, 8, ["subtitle", "title"])) : (p(), M(P, {
           key: 1
-        }, [U.value ? (p(), V("div", Ye, [f("div", He, [o(x, {
+        }, [U.value ? (p(), M("div", Ye, [f("div", He, [o(x, {
           autofocus: "",
-          modelValue: h.value,
-          "onUpdate:modelValue": l[3] || (l[3] = (a) => h.value = a),
+          modelValue: k.value,
+          "onUpdate:modelValue": l[3] || (l[3] = (a) => k.value = a),
           class: "w-full",
           placeholder: e(m)("menu.common.labels.search_placeholder", {
             type: e(m)("menu.catalog.title")
           })
-        }, null, 8, ["modelValue", "placeholder"])]), f("div", Je, [(p(!0), V(z, null, q(K.value, (a) => (p(), V("div", {
+        }, null, 8, ["modelValue", "placeholder"])]), f("div", Je, [(p(!0), M(P, null, q(G.value, (a) => (p(), M("div", {
           key: a.id,
           class: "flex flex-row py-12 px-16 items-center",
           onClick: (_) => H(a.id)
-        }, [f("div", qe, [f("p", Qe, " Tax calculation: " + N(a.taxMode), 1), f("p", Xe, " Auto link product: " + N(a.autoLink), 1), f("p", Ze, N(a.name), 1)]), f("div", ea, [o(F, {
+        }, [f("div", qe, [f("p", Qe, " Tax calculation: " + N(a.taxMode), 1), f("p", Xe, " Auto link product: " + N(a.autoLink), 1), f("p", Ze, N(a.name), 1)]), f("div", ea, [o(O, {
           "text-color": e(Q).NeutralGray400,
           variant: e(j).Tertiary,
           "prepend-icon": "file_copy",
           onClick: W((_) => i(a), ["stop"])
-        }, null, 8, ["text-color", "variant", "onClick"]), o(F, {
+        }, null, 8, ["text-color", "variant", "onClick"]), o(O, {
           "text-color": e(Q).NeutralGray400,
           variant: e(j).Tertiary,
           "prepend-icon": "delete",
           onClick: W((_) => n(a), ["stop"])
-        }, null, 8, ["text-color", "variant", "onClick"])])], 8, We))), 128))])])) : (p(), V("div", Ge, [f("div", Ke, [f("div", je, [o(x, {
-          modelValue: h.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (a) => h.value = a),
+        }, null, 8, ["text-color", "variant", "onClick"])])], 8, We))), 128))])])) : (p(), M("div", Ge, [f("div", Ke, [f("div", je, [o(x, {
+          modelValue: k.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (a) => k.value = a),
           autofocus: "",
           class: "mb-8",
           placeholder: e(m)("menu.common.labels.search_placeholder", {
@@ -635,11 +635,11 @@ const Ae = /* @__PURE__ */ oe({
         }, null, 8, ["modelValue", "placeholder"])])]), o(Fe, null, {
           default: g(() => [o(R, {
             "column-defs": v.value,
-            "row-data": K.value,
-            "page-size": K.value.length,
+            "row-data": G.value,
+            "page-size": G.value.length,
             "hide-footer": !0,
             "shrink-at": !1,
-            "search-value": h.value,
+            "search-value": k.value,
             onRowClick: l[2] || (l[2] = (a) => H(a.original.id))
           }, null, 8, ["column-defs", "row-data", "page-size", "search-value"])]),
           _: 1
@@ -650,7 +650,7 @@ const Ae = /* @__PURE__ */ oe({
           "dismiss-away": ""
         }, {
           "side-sheet-header": g(() => [f("p", aa, N(e(m)("menu.catalog.usage.title")), 1)]),
-          default: g(() => [f("div", la, [(p(!0), V(z, null, q(Y.value, (a, _) => (p(), k(Ae, {
+          default: g(() => [f("div", la, [(p(!0), M(P, null, q(Y.value, (a, _) => (p(), V(Ae, {
             key: _,
             catalog: a
           }, null, 8, ["catalog"]))), 128))])]),

package/dist/{Category-BU0bkAGd.js → Category-Dyou6Q17.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-IGORh0Ik.js";
-import { _ as J } from "./app-DuD_IPou.js";
-import { u as O } from "./menu-sGVv4bhQ.js";
+import { useSnackbar as M, useBreakpoints as $, useDialog as I } from "@feedmepos/ui-library";
+import { D as F, u as Y, X as j, O as D, J as A, G } from "./menu-DK7wG3S5.js";
+import { _ as J } from "./app-CrXLAKdw.js";
+import { u as O } from "./menu-DHfLxvzU.js";
 import { _ as R } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { u as q } from "./category-mmjX_QdF.js";
-const H = {
+import { u as X } from "./category-CayMSpUc.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 = {
@@ -28,20 +28,20 @@ const H = {
 }, ne = /* @__PURE__ */ S({
   __name: "CategoryTable",
   setup(T) {
-    const f = M(), y = F(f), h = D(y), p = I(), {
+    const f = M(), y = F(f), h = D(y), p = Y(), {
       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) => {
+      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()))), {
+    }), a = C(""), d = k(() => b.value.filter((l) => l.name.toLowerCase().includes(a.value.toLowerCase()))), {
       t: s
     } = L(), x = C([{
       accessorKey: "name",
@@ -55,27 +55,27 @@ 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 B(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,
         data: {
@@ -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: "",
@@ -130,12 +130,16 @@ 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();
+    const f = I(), y = M(), h = F(y), p = D(h), v = X({ dialog: f, menuLoader: p }), { categories: b } = O(), { 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