@feedmepos/mf-menu 0.31.35-beta.1 → 0.31.36-beta

package/dist/{Catalog-6pOytZU3.js → Catalog-MktLa55D.js}

@@ -1,36 +1,36 @@
-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 { defineComponent as oe, computed as V, resolveComponent as y, createBlock as D, openBlock as p, createVNode as o, ref as B, 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 w, h as J, withModifiers as W, normalizeClass as xe } from "vue";
 import { useRouter as Ce } from "vue-router";
-import { u as de, A as F, O as pe, G as fe, D as ue, B as ke, H as ee, J as ge, a9 as re } from "./menu-CyVBU_ww.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-Cj3d6im1.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-C0_ZxHle.js";
+import { _ as Fe, R as ie } from "./app-Do8sOqMh.js";
 import { _ as Me } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { a as ae } from "./LinkProductSideSheet-CIUQw7oo.js";
+import { a as ae } from "./LinkProductSideSheet-BJlrPykg.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-DfgXJWUw.js";
+import { _ as ce, a as De } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-yQjS-X1R.js";
 import { c as Se } from "./check-C9mY6LiX.js";
-import { C as I, a as B } from "./catalogSetting-B2UCaWJL.js";
+import { C as $, a as I } from "./catalogSetting-DEabwfXZ.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-DDA5CEEW.js";
+import { C as Ee } from "./catalog-BL6h_DDN.js";
 const Ae = /* @__PURE__ */ oe({
   __name: "CatalogUsageTable",
   props: {
     catalog: {}
   },
   setup(X) {
-    const D = X, {
+    const S = X, {
       t: d
-    } = ne(), S = T(() => D.catalog.restaurants.length === 0 ? [{
+    } = ne(), T = V(() => S.catalog.restaurants.length === 0 ? [{
       name: "--",
       usage: []
-    }] : D.catalog.restaurants), L = [{
+    }] : S.catalog.restaurants), N = [{
       accessorKey: "name",
       header: () => o("div", {
         class: "flex flex-col"
-      }, [o("p", null, [D.catalog.name]), o("p", {
+      }, [o("p", null, [S.catalog.name]), o("p", {
         class: "text-fm-color-typo-secondary fm-typo-en-body-md-400"
-      }, [d("menu.catalog.usage.tax_calculation") + `: ${D.catalog.taxMode}`])]),
+      }, [d("menu.catalog.usage.tax_calculation") + `: ${S.catalog.taxMode}`])]),
       cell: ({
         row: b
       }) => o("div", {
@@ -47,7 +47,7 @@ const Ae = /* @__PURE__ */ oe({
         class: "w-full flex justify-between"
       }, [o("p", null, [d("menu.catalog.usage.usage")]), o(Me, {
         label: `${d("menu.catalog.usage.products", {
-          count: D.catalog.totalProducts
+          count: S.catalog.totalProducts
         })}`,
         variant: "info",
         class: "px-8 py-4"
@@ -68,10 +68,10 @@ const Ae = /* @__PURE__ */ oe({
     }];
     return (b, C) => {
       const E = y("FmTable");
-      return p(), V(E, {
-        "column-defs": L,
-        "row-data": S.value,
-        "page-size": S.value.length,
+      return p(), D(E, {
+        "column-defs": N,
+        "row-data": T.value,
+        "page-size": T.value.length,
         "hide-footer": !0,
         "shrink-at": !1
       }, null, 8, ["row-data", "page-size"]);
@@ -82,23 +82,23 @@ const Ae = /* @__PURE__ */ oe({
   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" }, 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) => {
-      Se.isBoolean(i) ? d.value = i : d.value = !d.value, d.value && (u.value = I.fromCatalog(
+  setup(X, { expose: S }) {
+    const d = B(!1), T = B(!1), N = (i, n) => {
+      Se.isBoolean(i) ? d.value = i : d.value = !d.value, d.value && (u.value = $.fromCatalog(
         n ?? ue.generator.initMenuV4Catalog(),
         b.value
       ));
-    }, 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({
+    }, b = V(() => C.version === F.F_MENU_VERSION.enum.v4), C = de(), E = ve(), m = pe(fe(_e())), u = B(
+      $.fromCatalog(ue.generator.initMenuV4Catalog(), b.value)
+    ), Z = V(() => C.catalogs.map((i) => i.name)), A = V({
       get: () => u.value.taxSetting,
       set: (i) => {
         u.value.taxSetting = i;
       }
-    }), k = T(() => {
+    }), k = V(() => {
       var v, h;
       if (!E.currentCountry.value) return [];
-      const i = ((v = u.value.taxSetting) == null ? void 0 : v.mode) === B.MANUAL ? ((h = u.value.taxSetting) == null ? void 0 : h.inclusive) ?? [] : [];
+      const i = ((v = u.value.taxSetting) == null ? void 0 : v.mode) === I.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,7 +108,7 @@ const Ae = /* @__PURE__ */ oe({
       });
     });
     function Y(i) {
-      const n = u.value.taxSetting, v = n.mode === B.AUTO ? I.manualTax(k.value) : ee(n);
+      const n = u.value.taxSetting, v = n.mode === I.AUTO ? $.manualTax(k.value) : ee(n);
       v.inclusive ?? (v.inclusive = []);
       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;
@@ -122,10 +122,10 @@ const Ae = /* @__PURE__ */ oe({
       n.markupOptions && (n.markupOptions.splice(i, 1), u.value = n);
     }
     async function H() {
-      S.value = !0;
+      T.value = !0;
       const i = {
         ...u.value,
-        ...I.toCatalog(u.value)
+        ...$.toCatalog(u.value)
       };
       try {
         await m.updateMenu(
@@ -137,15 +137,15 @@ const Ae = /* @__PURE__ */ oe({
           i.name
         ), d.value = !1;
       } finally {
-        S.value = !1;
+        T.value = !1;
       }
     }
     const { t: r } = ne();
-    return D({ trigger: L }), (i, n) => {
-      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 S({ trigger: N }), (i, n) => {
+      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"), L = y("fm-chip"), O = y("fm-card"), R = y("fm-side-sheet");
       return p(), M(P, null, [
-        ye(i.$slots, "default", { trigger: L }),
-        o($, {
+        ye(i.$slots, "default", { trigger: N }),
+        o(R, {
           modelValue: d.value,
           "onUpdate:modelValue": n[8] || (n[8] = (a) => d.value = a),
           "is-container": e(te).FmForm,
@@ -158,7 +158,7 @@ const Ae = /* @__PURE__ */ oe({
           "side-sheet-footer": g(() => [
             f("div", Pe, [
               o(x, {
-                loading: S.value,
+                loading: T.value,
                 label: e(r)("menu.common.actions.add"),
                 size: "lg",
                 type: "submit",
@@ -197,25 +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(B).AUTO ? A.value = e(I).autoTax() : A.value = e(I).manualTax(k.value);
+                            c === e(I).AUTO ? A.value = e($).autoTax() : A.value = e($).manualTax(k.value);
                           })
                         }, {
                           default: g(() => [
                             o(h, {
-                              value: e(B).AUTO,
+                              value: e(I).AUTO,
                               label: e(r)("menu.catalog.form.tax.auto.label"),
                               sublabel: e(r)("menu.catalog.form.tax.auto.sublabel")
                             }, null, 8, ["value", "label", "sublabel"]),
                             o(h, {
-                              value: e(B).MANUAL,
+                              value: e(I).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(B).MANUAL ? (p(), M("div", Ne, [
-                          (p(!0), M(P, null, q(k.value, (c) => (p(), V(s, {
+                        ((_ = u.value.taxSetting) == null ? void 0 : _.mode) === e(I).MANUAL ? (p(), M("div", Ne, [
+                          (p(!0), M(P, null, q(k.value, (c) => (p(), D(s, {
                             key: c.systemCode,
                             "model-value": c.inclusive,
                             value: !0,
@@ -235,7 +235,7 @@ const Ae = /* @__PURE__ */ oe({
                 ]),
                 _: 1
               }, 8, ["title"]),
-              b.value ? (p(), V(ae, {
+              b.value ? (p(), D(ae, {
                 key: 0,
                 label: e(r)("menu.catalog.form.link.title")
               }, {
@@ -247,7 +247,7 @@ const Ae = /* @__PURE__ */ oe({
                     sublabel: e(r)("menu.catalog.form.link.auto_link.sublabel"),
                     "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(F.F_ORDER_FROM).enum.NONE ? (p(), V(t, {
+                  u.value.orderFrom !== e(F.F_ORDER_FROM).enum.NONE ? (p(), D(t, {
                     key: 0,
                     class: "ml-[60px]",
                     items: [
@@ -266,7 +266,7 @@ const Ae = /* @__PURE__ */ oe({
                 ]),
                 _: 1
               }, 8, ["label"])) : K("", !0),
-              b.value ? (p(), V(ae, {
+              b.value ? (p(), D(ae, {
                 key: 1,
                 label: e(r)("menu.catalog.form.markup.title")
               }, {
@@ -297,7 +297,7 @@ const Ae = /* @__PURE__ */ oe({
                       ]),
                       _: 1
                     }, 8, ["categories", "items"]),
-                    (p(!0), M(P, null, q(u.value.markupOptions, (a, _) => (p(), V(ce, {
+                    (p(!0), M(P, null, q(u.value.markupOptions, (a, _) => (p(), D(ce, {
                       key: _,
                       categories: e(C).categories,
                       items: e(C).items,
@@ -315,14 +315,14 @@ const Ae = /* @__PURE__ */ oe({
                           default: g(() => [
                             f("div", Re, [
                               f("div", $e, [
-                                o(R, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
+                                o(L, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
                                   default: g(() => [
-                                    be(N(e(r)("menu.catalog.form.markup.percentage", { value: a.percentage })), 1)
+                                    be(w(e(r)("menu.catalog.form.markup.percentage", { value: a.percentage })), 1)
                                   ]),
                                   _: 2
                                 }, 1024),
-                                f("p", Ie, N(e(r)("menu.catalog.form.markup.config", { number: _ + 1 })), 1),
-                                f("p", Be, N(a.includeItems ? e(r)("menu.catalog.form.markup.products", {
+                                f("p", Ie, w(e(r)("menu.catalog.form.markup.config", { number: _ + 1 })), 1),
+                                f("p", Be, w(a.includeItems ? e(r)("menu.catalog.form.markup.products", {
                                   count: a.includeItems.length
                                 }) : e(r)("menu.catalog.form.markup.all_items")), 1)
                               ]),
@@ -385,12 +385,12 @@ const Ae = /* @__PURE__ */ oe({
 }, le = "main", ya = /* @__PURE__ */ oe({
   __name: "Catalog",
   setup(X) {
-    const D = ve(), d = de(), S = _e(), L = fe(S), b = he(), C = pe(L), E = Ce(), {
+    const S = ve(), d = de(), T = _e(), N = fe(T), b = he(), C = pe(N), E = Ce(), {
       t: m
     } = ne();
     function u(s, l) {
-      var O, $, a, _;
-      const t = D.restaurants.value.find(({
+      var O, R, a, _;
+      const t = S.restaurants.value.find(({
         _id: c
       }) => c === l._id), x = [...l.linkedDeliveryCatalogs.map((c) => ({
         label: `Delivery (${c.name})`,
@@ -400,7 +400,7 @@ const Ae = /* @__PURE__ */ oe({
         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
+        selector: (R = t == null ? void 0 : t.grabfoodDelivery) == null ? void 0 : R.catalogId
       }, {
         label: "Delivery (ShopeeFood integration)",
         selector: (a = t == null ? void 0 : t.shopeefoodDelivery) == null ? void 0 : a.catalogId
@@ -434,7 +434,7 @@ const Ae = /* @__PURE__ */ oe({
         usage: u(s, l)
       })).filter((l) => l.usage.length > 0);
     }
-    const A = w(!1), k = w(""), Y = T(() => {
+    const A = B(!1), k = B(""), Y = V(() => {
       var l;
       return [{
         id: le,
@@ -452,7 +452,7 @@ const Ae = /* @__PURE__ */ oe({
         defaultOrderFrom: t.defaultOrderFrom
       }))].map((t) => {
         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;
+        const x = Z(((O = t.doc) == null ? void 0 : O._id) || null), L = t.doc ? Ee.getSellingItem(t.doc, d.state.menu) : d.state.menu.modules.item;
         return {
           ...t,
           taxMode: t.taxes ? "Manual" : "Automatic",
@@ -460,18 +460,18 @@ const Ae = /* @__PURE__ */ oe({
           restaurants: re(x, {
             selector: "name"
           }),
-          totalProducts: R.length,
+          totalProducts: L.length,
           disableDelete: t.disableDelete
         };
       });
-    }), z = T(() => Y.value.filter((s) => s.id !== le)), G = T(() => z.value.filter((s) => s.name.toLowerCase().includes(k.value.toLowerCase()))), H = (s) => {
+    }), z = V(() => Y.value.filter((s) => s.id !== le)), G = V(() => 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: {
           id: s
         }
       });
-    }, r = w(null);
+    }, r = B(null);
     function i(s) {
       var l;
       (l = r.value) == null || l.trigger(null, {
@@ -481,7 +481,7 @@ const Ae = /* @__PURE__ */ oe({
     }
     async function n(s) {
       const l = d.state.restaurants.filter((t) => [...t.additionalCatalogs, t.inHouseDelivery, ...t.linkedDeliveryCatalogs.map((x) => x.catalog), t.pickupCatalog, t.takeawayCatalog, t.catalogId].includes(s.id)).map((t) => t.name);
-      l.length > 0 ? S.open({
+      l.length > 0 ? T.open({
         type: "error",
         message: m("menu.catalog.dialogs.remove.error", {
           restaurants: l
@@ -510,7 +510,7 @@ const Ae = /* @__PURE__ */ oe({
         });
       });
     }
-    const v = w([{
+    const v = V(() => [{
       accessorKey: "name",
       header: () => m("menu.catalog.table.columns.title"),
       enableSorting: !1
@@ -558,13 +558,13 @@ const Ae = /* @__PURE__ */ oe({
           }, ["stop", "prevent"])
         })]);
       }
-    }]), h = Oe(), U = T(() => h.breakpoints.value.xs);
+    }]), h = Oe(), U = V(() => h.breakpoints.value.xs);
     return (s, l) => {
-      const t = y("fm-button"), x = y("FmSearch"), R = y("FmTable"), O = y("FmButton"), $ = y("fm-side-sheet");
-      return p(), V(Ue, {
+      const t = y("fm-button"), x = y("FmSearch"), L = y("FmTable"), O = y("FmButton"), R = y("fm-side-sheet");
+      return p(), D(Ue, {
         heading: e(m)("menu.catalog.title")
       }, {
-        "append-heading": g(() => [z.value.length > 0 ? (p(), V(e(me), {
+        "append-heading": g(() => [z.value.length > 0 ? (p(), D(e(me), {
           key: 0,
           ref_key: "createCatalogManagerFormRef",
           ref: r
@@ -584,7 +584,7 @@ const Ae = /* @__PURE__ */ oe({
           }, null, 8, ["label", "onClick"])])]),
           _: 1
         }, 512)) : K("", !0)]),
-        default: g(() => [z.value.length === 0 ? (p(), V(e(Te), {
+        default: g(() => [z.value.length === 0 ? (p(), D(e(Te), {
           key: 0,
           subtitle: e(m)("menu.catalog.empty.subtitle"),
           title: e(m)("menu.catalog.empty.title")
@@ -614,7 +614,7 @@ const Ae = /* @__PURE__ */ oe({
           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(O, {
+        }, [f("div", qe, [f("p", Qe, " Tax calculation: " + w(a.taxMode), 1), f("p", Xe, " Auto link product: " + w(a.autoLink), 1), f("p", Ze, w(a.name), 1)]), f("div", ea, [o(O, {
           "text-color": e(Q).NeutralGray400,
           variant: e(j).Tertiary,
           "prepend-icon": "file_copy",
@@ -633,7 +633,7 @@ const Ae = /* @__PURE__ */ oe({
             type: e(m)("menu.catalog.title")
           })
         }, null, 8, ["modelValue", "placeholder"])])]), o(Fe, null, {
-          default: g(() => [o(R, {
+          default: g(() => [o(L, {
             "column-defs": v.value,
             "row-data": G.value,
             "page-size": G.value.length,
@@ -643,14 +643,14 @@ const Ae = /* @__PURE__ */ oe({
             onRowClick: l[2] || (l[2] = (a) => H(a.original.id))
           }, null, 8, ["column-defs", "row-data", "page-size", "search-value"])]),
           _: 1
-        })])), o($, {
+        })])), o(R, {
           modelValue: A.value,
           "onUpdate:modelValue": l[4] || (l[4] = (a) => A.value = a),
           "max-width": 1e3,
           "dismiss-away": ""
         }, {
-          "side-sheet-header": g(() => [f("p", aa, N(e(m)("menu.catalog.usage.title")), 1)]),
-          default: g(() => [f("div", la, [(p(!0), M(P, null, q(Y.value, (a, _) => (p(), V(Ae, {
+          "side-sheet-header": g(() => [f("p", aa, w(e(m)("menu.catalog.usage.title")), 1)]),
+          default: g(() => [f("div", la, [(p(!0), M(P, null, q(Y.value, (a, _) => (p(), D(Ae, {
             key: _,
             catalog: a
           }, null, 8, ["catalog"]))), 128))])]),

package/dist/{Category-PtVyxTJZ.js → Category-C-s_lW3M.js}

@@ -1,11 +1,11 @@
 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 $, 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-CyVBU_ww.js";
-import { _ as J } from "./app-C0_ZxHle.js";
-import { u as T } from "./menu-Bi0HvP-T.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-Cj3d6im1.js";
+import { _ as J } from "./app-Do8sOqMh.js";
+import { u as O } from "./menu-S1W5eNCT.js";
 import { _ as R } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { u as X } from "./category-B29E8Z6Z.js";
+import { u as X } from "./category-CKujA-NM.js";
 const q = {
   key: 0
 }, H = {
@@ -27,10 +27,10 @@ const q = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, ne = /* @__PURE__ */ S({
   __name: "CategoryTable",
-  setup(B) {
-    const f = M(), y = F(f), h = O(y), p = I(), {
+  setup(T) {
+    const f = M(), y = F(f), h = D(y), p = Y(), {
       categories: v
-    } = T(), b = k(() => {
+    } = O(), 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;
@@ -40,7 +40,7 @@ const q = {
           position: e.id ? ((m = l[e.id]) == null ? void 0 : m.position) ?? c + 1 : null
         };
       });
-      return Y(o, (e) => e.name);
+      return j(o, (e) => e.name);
     }), a = C(""), d = k(() => b.value.filter((l) => l.name.toLowerCase().includes(a.value.toLowerCase()))), {
       t: s
     } = L(), x = C([{
@@ -62,7 +62,7 @@ const q = {
         });
       }
     }]);
-    async function D(l) {
+    async function B(l) {
       var e;
       const o = p.currentCatalog;
       if (!o)
@@ -77,7 +77,7 @@ const q = {
         });
       }), await r({
         module: G.F_MENU_MODULE_V4_KEY.enum.catalog,
-        operation: j.F_OPERATION_TYPE.update,
+        operation: A.F_OPERATION_TYPE.update,
         data: {
           ...o,
           override: {
@@ -121,7 +121,7 @@ const q = {
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": "",
-          onDndChanged: D
+          onDndChanged: B
         }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
         _: 1
       })]));
@@ -129,8 +129,8 @@ const q = {
   }
 }), pe = /* @__PURE__ */ S({
   __name: "Category",
-  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();
+  setup(T) {
+    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();
     }

package/dist/{Category-CXk98gto.js → Category-CEMqueNk.js}

@@ -1,19 +1,19 @@
-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 { defineComponent as A, 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 z, 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 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 { G, u as ge, Z as fe, X as _e, A, a3 as ye, O as q, J as te } from "./menu-CyVBU_ww.js";
+import { D as G, u as ge, Z as fe, X as _e, G as K, a3 as ye, O as q, J as te } from "./menu-Cj3d6im1.js";
 import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as he } from "./app-C0_ZxHle.js";
+import { _ as he } from "./app-Do8sOqMh.js";
 import { c as be } from "./createForm-BoUQeZTd.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 H } from "./object-DVUNCr7w.js";
 import { r as Ce } from "./rules-CIWTZQfh.js";
-import { u as J, a as ke } from "./menu-Bi0HvP-T.js";
+import { u as J, a as ke } from "./menu-S1W5eNCT.js";
 import { c as we } from "./check-C9mY6LiX.js";
-import { u as Fe } from "./item-CRYbpxtN.js";
-import { u as oe } from "./category-B29E8Z6Z.js";
+import { u as Fe } from "./item-DqdhjOW8.js";
+import { u as oe } from "./category-CKujA-NM.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__ */ K({
+}, Ue = /* @__PURE__ */ A({
   __name: "Form",
   props: {
     initialValue: {}
@@ -72,7 +72,7 @@ const $e = {
           outline: !0,
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: D(async () => {
+          onClick: z(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 === A.F_MENU_VERSION.enum.v4);
-    async function I(o) {
+    const y = B(() => m.version === K.F_MENU_VERSION.enum.v4);
+    async function D(o) {
       const a = ye(o, i.value.id);
       await r.updateMany(a);
     }
-    const z = xe(() => i.value.name !== _.initialValue.name, () => {
+    const I = xe(() => i.value.name !== _.initialValue.name, () => {
       u.value = !1;
     });
     async function c() {
@@ -97,7 +97,7 @@ const $e = {
         updateMenu: a
       } = $;
       await a({
-        module: A.F_MENU_MODULE_V4_KEY.enum.category,
+        module: K.F_MENU_MODULE_V4_KEY.enum.category,
         operation: te.F_OPERATION_TYPE.update,
         data: {
           ...o,
@@ -124,7 +124,7 @@ const $e = {
           blameFormChildOnValidationFailed: !0
         },
         "max-width": 560,
-        "onOn:clickedAway": e(z)
+        "onOn:clickedAway": e(I)
       }, {
         "side-sheet-header": g(() => [n("p", $e, T(e(t)("menu.category.title")), 1)]),
         "side-sheet-footer": g(() => [n("div", Oe, [d(W, {
@@ -179,7 +179,7 @@ const $e = {
             "shrink-at": !1,
             "hide-footer": "",
             "pin-header-row": "",
-            onDndChanged: I,
+            onDndChanged: D,
             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"
-}, Ie = {
+}, De = {
   class: "w-[320px]"
-}, ze = {
+}, Ie = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, De = {
+}, ze = {
   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"
-}, Ae = ["onClick"], Ke = {
+}, Ke = ["onClick"], Ae = {
   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__ */ K({
+}, Ge = /* @__PURE__ */ A({
   __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: D(async () => {
+          onClick: z(async () => {
             await u(s);
           }, ["stop", "prevent"])
         })]);
@@ -282,7 +282,7 @@ const $e = {
         }
       }).onPrimary(async () => {
         await b.updateMenu({
-          module: A.F_MENU_MODULE_V4_KEY.enum.category,
+          module: K.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"), I = p("FmTable"), z = p("FmButton");
-      return P.value ? (f(), E("div", ze, [n("div", De, [d(y, {
+      const y = p("FmSearch"), D = p("FmTable"), I = p("FmButton");
+      return P.value ? (f(), E("div", Ie, [n("div", ze, [d(y, {
         autofocus: "",
         modelValue: r.value,
         "onUpdate:modelValue": s[2] || (s[2] = (c) => r.value = c),
@@ -314,15 +314,15 @@ const $e = {
         key: c.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (o) => C(c)
-      }, [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", {
+      }, [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", {
         count: c.items.length
-      })), 1)]), d(z, {
+      })), 1)]), d(I, {
         "text-color": e(me).NeutralGray400,
         variant: e(X).Tertiary,
         "prepend-icon": "delete",
         disabled: !c.id,
-        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, {
+        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, {
         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(I, {
+        default: g(() => [d(D, {
           "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" }, Xe = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ K({
+}), 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__ */ A({
   __name: "Category",
   setup(N) {
     const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({ dialog: h, menuLoader: b }), { categories: m } = J(), { t: r } = j();