@feedmepos/mf-menu 0.19.12 → 0.19.13

package/dist/{ApplyProduct.vue_vue_type_script_setup_true_lang-DetNZI3I.js → ApplyProduct.vue_vue_type_script_setup_true_lang-Bvkr0nD3.js}

@@ -1,7 +1,7 @@
 import { defineComponent as U, computed as i, h as u, ref as K, resolveComponent as g, openBlock as d, createElementBlock as p, createVNode as v, withCtx as h, createElementVNode as V, createBlock as j, unref as n, createCommentVNode as C, toDisplayString as A, isRef as D, Fragment as G, renderList as H } from "vue";
-import { u as M, n as O, U as $ } from "./app-DBSpCrEz.js";
+import { u as M, n as O, U as $ } from "./app-r8ZKmdn1.js";
 import { components as I, FmButtonVariant as B, FmButtonColorThemeVariant as b } from "@feedmepos/ui-library";
-import { L as q } from "./LinkProductSideSheet-DfPSfCPO.js";
+import { L as q } from "./LinkProductSideSheet-DBx4NpGw.js";
 import { _ as J } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
 import { useI18n as Q } from "@feedmepos/mf-common";
 const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }, Y = {

package/dist/{ApplyProducts.vue_vue_type_script_setup_true_lang-CwAUrR4F.js → ApplyProducts.vue_vue_type_script_setup_true_lang-Hx8MMYfJ.js}

@@ -1,8 +1,8 @@
 import { defineComponent as T, ref as y, computed as k, resolveComponent as m, openBlock as p, createBlock as w, unref as G, withCtx as f, createElementVNode as s, createVNode as u, toDisplayString as g, createElementBlock as b, Fragment as F, renderList as B } from "vue";
-import { d as V } from "./app-DBSpCrEz.js";
+import { d as V } from "./app-r8ZKmdn1.js";
 import "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
-import { u as H, l as J } from "./lodash-Cag9qz8o.js";
+import { u as H, l as J } from "./lodash-DT3SfcPy.js";
 const M = { class: "flex items-center gap-8" }, Q = { class: "flex flex-col h-full" }, R = { class: "flex items-center gap-24 mb-16" }, W = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, X = { class: "flex-1" }, Y = { class: "grow overflow-y-auto py-16 space-y-24" }, Z = { class: "flex items-center" }, ee = { class: "ml-8 fm-card__title grow overflow-hidden text-nowrap text-ellipsis" }, te = { class: "ml-16" }, le = { class: "flex gap-8 items-center justify-start" }, ie = /* @__PURE__ */ T({
   __name: "ApplyProducts",
   props: {

package/dist/{Catalog-DIm2_Pve.js → Catalog-C3Cx3sFF.js}

@@ -1,10 +1,10 @@
 import { defineComponent as ie, ref as I, computed as $, resolveComponent as g, openBlock as m, createElementBlock as b, Fragment as V, renderSlot as ye, createVNode as i, unref as e, withCtx as p, createElementVNode as f, renderList as w, createBlock as F, createCommentVNode as z, createTextVNode as be, toDisplayString as k, h as J, withModifiers as Q, normalizeClass as ee } from "vue";
 import { useCoreStore as ce, useI18n as me } from "@feedmepos/mf-common";
-import { b as O, u as de, i as pe, a as fe, m as oe, c as xe, g as ke, d as ae, h as ge, x as ne, _ as Ce, k as he, j as Oe, R as se } from "./app-DBSpCrEz.js";
-import { C as Fe } from "./catalog-BAExZa6M.js";
+import { b as O, u as de, i as pe, a as fe, m as oe, c as xe, g as ke, d as ae, h as ge, x as ne, _ as Ce, k as he, j as Oe, R as se } from "./app-r8ZKmdn1.js";
+import { C as Fe } from "./catalog-Gpaw0veN.js";
 import { useRouter as Me } from "vue-router";
 import { useSnackbar as _e, components as le, FmButtonColorThemeVariant as W, FmButtonVariant as G, useDialog as De, useBreakpoints as Ve } from "@feedmepos/ui-library";
-import { C as R, a as L, _ as re } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-B3FXm_t8.js";
+import { C as R, a as L, _ as re } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-By61Cx0K.js";
 import { _ as Se } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
 import { _ as te } from "./FormItem.vue_vue_type_script_setup_true_lang-DKsxEK-8.js";
 const Ae = { class: "space-y-32" }, Ne = {

package/dist/{Category-Bj7VMtJ-.js → Category-C_5RCWZ_.js}

@@ -1,13 +1,13 @@
 import { defineComponent as P, ref as w, computed as B, watch as re, resolveComponent as y, openBlock as h, createElementBlock as T, Fragment as Z, renderSlot as ie, createVNode as d, unref as e, withCtx as v, createElementVNode as o, toDisplayString as L, h as z, withModifiers as A, getCurrentInstance as ce, renderList as ue, createBlock as O, createCommentVNode as de } from "vue";
-import { u as j, a as me } from "./menu-Baw4oOOx.js";
-import { a as Y, u as pe, b as I, g as fe, h as ee, i as q, j as ge, _ as _e, k as ye, f as ve } from "./app-DBSpCrEz.js";
+import { u as j, a as me } from "./menu-BtnsqPSW.js";
+import { a as Y, u as pe, b as I, g as fe, h as ee, i as q, j as ge, _ as _e, k as ye, f as ve } from "./app-r8ZKmdn1.js";
 import { useSnackbar as G, components as K, useDialog as te, FmButtonVariant as Q, useBreakpoints as he, FmButtonColorThemeVariant as be } from "@feedmepos/ui-library";
-import { u as ae } from "./category--Ezee0GQ.js";
+import { u as ae } from "./category-C1Nv2k2C.js";
 import { c as xe } from "./createForm-DPAQWnoK.js";
-import { c as W } from "./object-D4QR8YOW.js";
-import { u as Ce } from "./item-C3RFNcK2.js";
+import { c as W } from "./object-GEcPWoWM.js";
+import { u as Ce } from "./item-DF8-obPB.js";
 import { _ as X } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
-import { u as ke } from "./lodash-Cag9qz8o.js";
+import { u as ke } from "./lodash-DT3SfcPy.js";
 import { useI18n as H } from "@feedmepos/mf-common";
 function we(p, f = "This field can't be empty.") {
   return p == null || Array.isArray(p) && p.length === 0 || typeof p == "string" && p.trim() === "" ? f : !0;

package/dist/{CookingGuide-DDV0xBos.js → CookingGuide-BzLjzKZI.js}

@@ -1,11 +1,11 @@
 import { defineComponent as le, ref as h, computed as w, resolveComponent as x, openBlock as g, createBlock as P, unref as t, withCtx as c, createElementVNode as a, createVNode as i, toDisplayString as V, createElementBlock as $, Fragment as z, renderList as q, createTextVNode as be, withModifiers as se, createCommentVNode as ce, h as R } from "vue";
-import { d as Z, b as ee, h as ue, u as ye, i as ke, a as he, _ as xe, f as Ce, k as we, j as Ve } from "./app-DBSpCrEz.js";
+import { d as Z, b as ee, h as ue, u as ye, i as ke, a as he, _ as xe, f as Ce, k as we, j as Ve } from "./app-r8ZKmdn1.js";
 import { components as de, useSnackbar as Fe, useDialog as Se } from "@feedmepos/ui-library";
 import { V as $e } from "./vuedraggable-WU01qJgi.js";
-import { _ as Ie } from "./ApplyProducts.vue_vue_type_script_setup_true_lang-CwAUrR4F.js";
+import { _ as Ie } from "./ApplyProducts.vue_vue_type_script_setup_true_lang-Hx8MMYfJ.js";
 import { useI18n as ie } from "@feedmepos/mf-common";
 import { _ as X } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
-import { u as me, l as pe } from "./lodash-Cag9qz8o.js";
+import { u as me, l as pe } from "./lodash-DT3SfcPy.js";
 const Oe = { class: "flex items-center gap-8" }, De = { class: "grow" }, Ne = { class: "space-y-32" }, Le = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Ue = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ke = { class: "flex items-center border-b border-b-fm-color-neutral-gray-100" }, Be = { class: "px-16 py-8 w-[40%]" }, Ee = { class: "px-16 py-8 grow" }, Me = { class: "space-y-16" }, ze = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Te = { class: "flex gap-8 items-center justify-start" }, Re = /* @__PURE__ */ le({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],

package/dist/{Group-DLh05bcU.js → Group-DJm-Mk3u.js}

@@ -1,8 +1,8 @@
 import { defineComponent as m, ref as c, openBlock as i, createBlock as d, unref as n, withCtx as a, createVNode as l, createElementVNode as e, toDisplayString as p, createCommentVNode as u } from "vue";
-import { _ as f, f as _ } from "./app-DBSpCrEz.js";
-import { _ as g } from "./Group.vue_vue_type_script_setup_true_lang-ooVmvatG.js";
-import { a as y } from "./menu-Baw4oOOx.js";
-import { A as b } from "./item-C3RFNcK2.js";
+import { _ as f, f as _ } from "./app-r8ZKmdn1.js";
+import { _ as g } from "./Group.vue_vue_type_script_setup_true_lang-DBk_yau1.js";
+import { a as y } from "./menu-BtnsqPSW.js";
+import { A as b } from "./item-DF8-obPB.js";
 import { useI18n as h } from "@feedmepos/mf-common";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, S = /* @__PURE__ */ m({
   __name: "Group",

package/dist/{Group-DZo7HAf2.js → Group-DjTfdOWl.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-ooVmvatG.js";
+import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-DBk_yau1.js";
 export {
   f as default
 };

package/dist/{Group.vue_vue_type_script_setup_true_lang-ooVmvatG.js → Group.vue_vue_type_script_setup_true_lang-DBk_yau1.js}

@@ -1,15 +1,15 @@
-import { defineComponent as W, ref as S, resolveComponent as C, openBlock as d, createElementBlock as F, Fragment as T, renderSlot as ke, createVNode as m, unref as o, withCtx as h, createElementVNode as c, toDisplayString as N, computed as g, createBlock as P, renderList as ne, normalizeClass as K, watch as Oe, mergeProps as we, createCommentVNode as E, createSlots as De, withModifiers as Ce, isRef as oe, h as Me, nextTick as xe } from "vue";
-import { u as ue, g as Ae, i as Fe, a as Ge, n as Ne, c as Pe, b as v, m as Ve, k as Re, j as Ue, h as Ee } from "./app-DBSpCrEz.js";
-import { _ as le } from "./SchedulerSelector.vue_vue_type_script_setup_true_lang-6gxIvwfz.js";
-import { M as ae, S as Se, _ as Te, A as Ie, e as $e, a as Ye } from "./item-C3RFNcK2.js";
+import { defineComponent as W, ref as S, resolveComponent as C, openBlock as p, createElementBlock as F, Fragment as T, renderSlot as ke, createVNode as m, unref as o, withCtx as h, createElementVNode as d, toDisplayString as V, computed as g, createBlock as N, renderList as ne, normalizeClass as K, watch as Oe, mergeProps as we, createCommentVNode as E, createSlots as De, withModifiers as Ce, isRef as oe, h as Me, nextTick as xe } from "vue";
+import { u as ue, g as Ae, i as Fe, a as Ge, n as Ve, c as Ne, b as v, m as Pe, k as Re, j as Ue, h as Ee } from "./app-r8ZKmdn1.js";
+import { _ as le } from "./SchedulerSelector.vue_vue_type_script_setup_true_lang-DkzeDjf4.js";
+import { M as ae, S as Se, _ as Te, A as Ie, e as $e, a as Ye } from "./item-DF8-obPB.js";
 import { components as Le, useBreakpoints as re, useSnackbar as ze, useDialog as je, FmButtonVariant as Ke } from "@feedmepos/ui-library";
-import { C as Be } from "./catalog-BAExZa6M.js";
-import { l as z, u as qe } from "./lodash-Cag9qz8o.js";
-import { _ as He } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-DetNZI3I.js";
+import { C as Be } from "./catalog-Gpaw0veN.js";
+import { l as z, u as qe } from "./lodash-DT3SfcPy.js";
+import { _ as He } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Bvkr0nD3.js";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { V as Je } from "./vuedraggable-WU01qJgi.js";
 import { _ as Qe, a as We } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DPis3HVx.js";
-import { c as Xe } from "./object-D4QR8YOW.js";
+import { c as Xe } from "./object-GEcPWoWM.js";
 const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items-center justify-start" }, tt = /* @__PURE__ */ W({
   __name: "ApplyProductDialog",
   props: {
@@ -20,22 +20,22 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
   },
   emits: ["apply:product"],
   setup(B, { emit: I }) {
-    const u = B, M = I, { t: G } = se(), k = u.initialValue.map((r) => ({ _id: r })), O = S(z.clone(k)), R = qe(
+    const l = B, M = I, { t: G } = se(), k = l.initialValue.map((r) => ({ _id: r })), O = S(z.clone(k)), R = qe(
       () => !z.isEqual(O.value, k),
       () => {
-        _.value = !1;
+        f.value = !1;
       }
-    ), _ = S(!1), w = (r) => {
-      Ae.isBoolean(r) ? _.value = r : _.value = !_.value;
+    ), f = S(!1), w = (r) => {
+      Ae.isBoolean(r) ? f.value = r : f.value = !f.value, f.value && (O.value = l.initialValue.map((c) => ({ _id: c })));
     }, x = ue();
-    return (r, p) => {
+    return (r, c) => {
       const j = C("fm-button"), s = C("fm-side-sheet");
-      return d(), F(T, null, [
+      return p(), F(T, null, [
         ke(r.$slots, "default", { trigger: w }),
         m(s, {
           id: "group-form",
-          modelValue: _.value,
-          "onUpdate:modelValue": p[1] || (p[1] = ($) => _.value = $),
+          modelValue: f.value,
+          "onUpdate:modelValue": c[1] || (c[1] = ($) => f.value = $),
           "is-container": o(Le).FmForm,
           "is-container-props": {
             onValidationSuccess: () => {
@@ -48,10 +48,10 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           "onOn:clickedAway": o(R)
         }, {
           "side-sheet-header": h(() => [
-            c("p", Ze, N(r.title), 1)
+            d("p", Ze, V(r.title), 1)
           ]),
           "side-sheet-footer": h(() => [
-            c("div", et, [
+            d("div", et, [
               m(j, {
                 label: o(G)("common.save"),
                 size: "lg",
@@ -69,7 +69,7 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           default: h(() => [
             m(He, {
               overrides: O.value,
-              "onUpdate:overrides": p[0] || (p[0] = ($) => O.value = $),
+              "onUpdate:overrides": c[0] || (c[0] = ($) => O.value = $),
               "categorized-items": o(x).categorizedItems,
               editable: r.editable,
               "select-variant": !1,
@@ -88,24 +88,24 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
     items: {}
   },
   setup(B) {
-    const I = re(), u = g(() => I.breakpoints.value.xs);
+    const I = re(), l = g(() => I.breakpoints.value.xs);
     return (M, G) => {
       const k = C("FmButton"), O = C("FmMenuItem"), R = C("FmMenu");
-      return u.value ? (d(), P(Qe, { key: 0 }, {
+      return l.value ? (p(), N(Qe, { key: 0 }, {
         default: h(() => [
-          (d(!0), F(T, null, ne(M.items, ({ icon: _, label: w, disabled: x, itemClass: r, onClick: p }) => (d(), P(We, {
+          (p(!0), F(T, null, ne(M.items, ({ icon: f, label: w, disabled: x, itemClass: r, onClick: c }) => (p(), N(We, {
             key: w,
-            icon: _,
+            icon: f,
             label: w,
             disabled: x,
             itemClass: r,
             onClick: () => {
-              !x && (p == null || p());
+              !x && (c == null || c());
             }
           }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (d(), P(R, {
+      })) : (p(), N(R, {
         key: 1,
         "stop-click-propagation": "",
         shift: !0
@@ -120,18 +120,18 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           })
         ]),
         default: h(() => [
-          (d(!0), F(T, null, ne(M.items, ({ icon: _, label: w, disabled: x, itemClass: r, onClick: p }) => (d(), P(O, {
+          (p(!0), F(T, null, ne(M.items, ({ icon: f, label: w, disabled: x, itemClass: r, onClick: c }) => (p(), N(O, {
             key: w,
             disabled: x,
             onClick: () => {
-              !x && (p == null || p());
+              !x && (c == null || c());
             },
             label: w
           }, {
             label: h(() => [
-              c("span", {
+              d("span", {
                 class: K(x ? "text-fm-color-typo-disabled" : r)
-              }, N(w), 3)
+              }, V(w), 3)
             ]),
             _: 2
           }, 1032, ["disabled", "onClick", "label"]))), 128))
@@ -171,56 +171,56 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
   setup(B, {
     emit: I
   }) {
-    const u = ue(), M = Fe(Ge(ze())), G = je(), k = g(() => u.rules.group), O = g(() => new ae(u, M.updateMenu, G)), R = g(() => O.value.mapGroups(u.groups, !1)), {
-      searchKey: _,
+    const l = ue(), M = Fe(Ge(ze())), G = je(), k = g(() => l.rules.group), O = g(() => new ae(l, M.updateMenu, G)), R = g(() => O.value.mapGroups(l.groups, !1)), {
+      searchKey: f,
       filter: w
-    } = Ne(), x = S(!1), r = S(null), p = g(() => R.value.filter((t) => w([t.name, ...Object.values(t.items).flatMap((e) => `${e.code} ${e.name} ${Pe.Dinero.fromFdoDinero(e.price).toFormat()}`), t.type])).filter((t) => !r.value || t.type === r.value)), j = I;
-    Oe(() => p.value.length, () => {
-      j("update:count", p.value.length);
+    } = Ve(), x = S(!1), r = S(null), c = g(() => R.value.filter((t) => w([t.name, ...Object.values(t.items).flatMap((e) => `${e.code} ${e.name} ${Ne.Dinero.fromFdoDinero(e.price).toFormat()}`), t.type])).filter((t) => !r.value || t.type === r.value)), j = I;
+    Oe(() => c.value.length, () => {
+      j("update:count", c.value.length);
     }, {
       immediate: !0
     });
-    const s = g(() => !!u.state.currentCatalogId || !!u.state.currentSchedulerId);
+    const s = g(() => !!l.state.currentCatalogId || !!l.state.currentSchedulerId);
     function $(t) {
-      const e = !u.state.currentSchedulerId, l = u.rules.item.bindToVariant, i = u.rules.group.type, f = u.version === v.F_MENU_VERSION.enum.v3, D = u.rules.item.orderFromActiveOnly;
+      const e = !l.state.currentSchedulerId, a = l.rules.item.bindToVariant, i = l.rules.group.type, _ = l.version === v.F_MENU_VERSION.enum.v3, D = l.rules.item.orderFromActiveOnly;
       return {
-        link: (b) => !s.value && (!b || l),
+        link: (b) => !s.value && (!b || a),
         name: (b) => !s.value && !b,
         type: i && !t._id && !s.value,
         price: t.type !== v.F_ADDON_GROUP_TYPE.enum.DYNAMIC,
-        inventory: e ? f ? !s.value && t.type === v.F_ADDON_GROUP_TYPE.enum.NORMAL : !s.value : !1,
-        orderFrom: (b) => e ? f ? t.type === v.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? s.value : !!s.value == !b : s.value : !1,
+        inventory: e ? _ ? !s.value && t.type === v.F_ADDON_GROUP_TYPE.enum.NORMAL : !s.value : !1,
+        orderFrom: (b) => e ? _ ? t.type === v.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? s.value : !!s.value == !b : s.value : !1,
         orderFromActiveOnly: D,
-        showOrderFrom: e ? f ? s.value ? !0 : t.type === v.F_ADDON_GROUP_TYPE.enum.PRODUCT : s.value : !1,
-        bindToVariant: l,
+        showOrderFrom: e ? _ ? s.value ? !0 : t.type === v.F_ADDON_GROUP_TYPE.enum.PRODUCT : s.value : !1,
+        bindToVariant: a,
         isOverride: s.value,
         isItemGroup: !1,
-        isV4: !f
+        isV4: !_
       };
     }
     const ie = g(() => {
-      const t = !u.state.currentSchedulerId, e = u.rules.group.type, l = u.version === v.F_MENU_VERSION.enum.v3, i = u.rules.item.orderFromActiveOnly, f = u.rules.item.bindToVariant;
+      const t = !l.state.currentSchedulerId, e = l.rules.group.type, a = l.version === v.F_MENU_VERSION.enum.v3, i = l.rules.item.orderFromActiveOnly, _ = l.rules.item.bindToVariant;
       return function(b) {
         return {
-          link: (A) => !s.value && (!A || f),
+          link: (A) => !s.value && (!A || _),
           name: (A) => !s.value && !A,
           type: e && !b._id && !s.value,
           price: b.type !== v.F_ADDON_GROUP_TYPE.enum.DYNAMIC,
-          inventory: t ? l ? !s.value && b.type === v.F_ADDON_GROUP_TYPE.enum.NORMAL : !s.value : !1,
-          orderFrom: (A) => t ? l ? b.type === v.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? s.value : !!s.value == !A : s.value : !1,
+          inventory: t ? a ? !s.value && b.type === v.F_ADDON_GROUP_TYPE.enum.NORMAL : !s.value : !1,
+          orderFrom: (A) => t ? a ? b.type === v.F_ADDON_GROUP_TYPE.enum.DYNAMIC ? s.value : !!s.value == !A : s.value : !1,
           orderFromActiveOnly: i,
-          showOrderFrom: t ? l ? s.value ? !0 : b.type === v.F_ADDON_GROUP_TYPE.enum.PRODUCT : s.value : !1,
-          bindToVariant: f,
+          showOrderFrom: t ? a ? s.value ? !0 : b.type === v.F_ADDON_GROUP_TYPE.enum.PRODUCT : s.value : !1,
+          bindToVariant: _,
           isOverride: s.value,
           isItemGroup: !1,
-          isV4: !l
+          isV4: !a
         };
       };
     }), me = g(() => ({
-      ...Ve.generator.initMenuV4Group(),
-      type: u.version === v.F_MENU_VERSION.enum.v4 ? v.F_ADDON_GROUP_TYPE.enum.PRODUCT : v.F_ADDON_GROUP_TYPE.enum.NORMAL,
+      ...Pe.generator.initMenuV4Group(),
+      type: l.version === v.F_MENU_VERSION.enum.v4 ? v.F_ADDON_GROUP_TYPE.enum.PRODUCT : v.F_ADDON_GROUP_TYPE.enum.NORMAL,
       items: {},
-      position: u.groups.length - 1,
+      position: l.groups.length - 1,
       itemsLinked: []
     })), q = g(() => ie.value(me.value).type);
     function X(t) {
@@ -242,32 +242,32 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
         }
       }).onPrimary(() => O.value.duplicateGroup(t));
     }
-    const H = g(() => u.currentCatalog), Y = g(() => u.currentScheduler), L = g(() => new Be(H.value, u, M.updateMenu, G)), J = g(() => new Se(Y.value, u, M.updateMenu, G)), de = (t) => {
+    const H = g(() => l.currentCatalog), Y = g(() => l.currentScheduler), L = g(() => new Be(H.value, l, M.updateMenu, G)), J = g(() => new Se(Y.value, l, M.updateMenu, G)), de = (t) => {
       let e = t;
       if (s.value) {
         let i = function(D) {
-          const A = u.state.menu.modules.group.find((y) => y._id === D._id), Q = (D.items ?? []).reduce((y, V) => (y[V._id] = [...y[V._id] || [], V.combinationKey || ""], y), {}), he = (A.items ?? []).filter((y) => {
-            var V;
-            return !((V = Q[y._id]) != null && V.includes(y.combinationKey || ""));
+          const A = l.state.menu.modules.group.find((y) => y._id === D._id), Q = (D.items ?? []).reduce((y, P) => (y[P._id] = [...y[P._id] || [], P.combinationKey || ""], y), {}), he = (A.items ?? []).filter((y) => {
+            var P;
+            return !((P = Q[y._id]) != null && P.includes(y.combinationKey || ""));
           }).map((y) => ({
             _id: y._id,
             combinationKey: y.combinationKey,
             selection: y.selection
-          })).filter((y) => !!u.mergedMenu.modules.item.find((V) => V._id === y._id));
+          })).filter((y) => !!l.mergedMenu.modules.item.find((P) => P._id === y._id));
           return {
             ...A,
             ...Object.fromEntries(Object.entries(D).filter(([, y]) => !!y)),
             items: [...D.items ?? [], ...he]
           };
-        }, l;
-        H.value ? Y.value ? l = L.value.getCatalogSchedulerGroup(t._id, Y.value._id) : l = L.value.getCatalogGroup(t._id) : l = J.value.getSchedulerGroup(t._id);
-        const f = i(l);
-        e = new ae(u, M.updateMenu, G).mapGroups([f], !0)[0];
+        }, a;
+        H.value ? Y.value ? a = L.value.getCatalogSchedulerGroup(t._id, Y.value._id) : a = L.value.getCatalogGroup(t._id) : a = J.value.getSchedulerGroup(t._id);
+        const _ = i(a);
+        e = new ae(l, M.updateMenu, G).mapGroups([_], !0)[0];
       }
       return {
         group: e,
         config: $,
-        categorizedItems: u.categorizedItems
+        categorizedItems: l.categorizedItems
       };
     };
     function pe(t) {
@@ -294,12 +294,12 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
         initialValue: e.itemsLinked,
         group: $e(e),
         editable: k.value.applyProduct,
-        "onApply:product": async (l) => {
-          await O.value.applyItems(e, l.map((i) => i._id));
+        "onApply:product": async (a) => {
+          await O.value.applyItems(e, a.map((i) => i._id));
         }
       }, {
         default: ({
-          trigger: l
+          trigger: a
         }) => {
           const i = [{
             label: n("menu.common.actions.edit"),
@@ -307,7 +307,7 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           }, {
             label: n("menu.group.actions.apply_product"),
             disable: !k.value.applyProduct,
-            onClick: l
+            onClick: a
           }, {
             label: n("menu.group.actions.duplicate_action"),
             disabled: !k.value.create,
@@ -333,16 +333,16 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
       header: () => n("menu.group.list.columns.products"),
       enableSorting: !1,
       cell: (t) => {
-        const e = t.getValue(), l = Object.values(e).map((i) => {
+        const e = t.getValue(), a = Object.values(e).map((i) => {
           var D;
-          const f = [(i == null ? void 0 : i.code) || "", i.name ?? i.fallbackName].join(" ").trim();
-          return (i.items || []).length > 1 ? `${f} (${n("menu.group.list.variants", {
+          const _ = [(i == null ? void 0 : i.code) || "", i.name ?? i.fallbackName].join(" ").trim();
+          return (i.items || []).length > 1 ? `${_} (${n("menu.group.list.variants", {
             count: (D = i.items) == null ? void 0 : D.length
-          })})` : f;
+          })})` : _;
         });
-        return l.length > 5 ? `${l.slice(0, 5).join(", ")} ${n("menu.group.list.more_items", {
-          count: l.length - 5
-        })}` : l.join(", ");
+        return a.length > 5 ? `${a.slice(0, 5).join(", ")} ${n("menu.group.list.more_items", {
+          count: a.length - 5
+        })}` : a.join(", ");
       }
     }, {
       accessorKey: "type",
@@ -386,21 +386,21 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
       itemsLinked: k.value.showAppliedProduct,
       type: k.value.type
     })), _e = async (t) => {
-      const e = Ye(t), l = e.group;
+      const e = Ye(t), a = e.group;
       if (s.value)
-        H.value ? (Y.value ? L.value.overrideCatalogSchedulerGroups([l], Y.value._id) : L.value.overrideCatalogGroups([l]), await L.value.update()) : (J.value.overrideSchedulerGroups([l]), await J.value.update());
+        H.value ? (Y.value ? L.value.overrideCatalogSchedulerGroups([a], Y.value._id) : L.value.overrideCatalogGroups([a]), await L.value.update()) : (J.value.overrideSchedulerGroups([a]), await J.value.update());
       else {
         const i = {
           module: v.F_MENU_MODULE_V4_KEY.enum.group,
           operation: Ee.F_OPERATION_TYPE.update,
-          data: l,
+          data: a,
           link: [{
             module: v.F_MENU_MODULE_V4_KEY.enum.item,
             id: "",
             data: e.linkItems
           }]
         };
-        await M.updateMenu(i, l.name);
+        await M.updateMenu(i, a.name);
       }
     }, U = S(null), ee = S(null), te = async (t) => {
       var e;
@@ -413,8 +413,8 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
       t: n
     } = se();
     return (t, e) => {
-      const l = C("fm-button"), i = C("fm-chip"), f = C("fm-menu-item"), D = C("fm-menu"), b = C("fm-search"), A = C("fm-table"), Q = C("fm-bottom-sheet");
-      return d(), F(T, null, [U.value ? (d(), P(Te, we({
+      const a = C("fm-button"), i = C("fm-chip"), _ = C("fm-menu-item"), D = C("fm-menu"), b = C("fm-search"), A = C("fm-table"), Q = C("fm-bottom-sheet");
+      return p(), F(T, null, [U.value ? (p(), N(Te, we({
         ref_key: "groupManagerFormRef",
         ref: ee,
         key: U.value._id
@@ -422,9 +422,9 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
         action: "update",
         title: o(n)("menu.group.dialogs.update.title"),
         group: U.value,
-        "onUpdate:group": e[0] || (e[0] = (a) => U.value = a),
-        "onSubmit:group": e[1] || (e[1] = (a) => _e(a))
-      }), null, 16, ["title", "group"])) : E("", !0), R.value.length === 0 ? (d(), F("div", ot, [m(Re, {
+        "onUpdate:group": e[0] || (e[0] = (u) => U.value = u),
+        "onSubmit:group": e[1] || (e[1] = (u) => _e(u))
+      }), null, 16, ["title", "group"])) : E("", !0), R.value.length === 0 ? (p(), F("div", ot, [m(Re, {
         subtitle: o(n)("menu.group.empty.subtitle"),
         title: o(n)("menu.group.empty.title")
       }, De({
@@ -433,32 +433,32 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
         name: "action",
         fn: h(() => [m(o(Ie), null, {
           default: h(({
-            trigger: a
-          }) => [m(l, {
+            trigger: u
+          }) => [m(a, {
             "prepend-icon": "add",
             label: o(n)("menu.group.actions.add"),
-            onClick: Ce(a, ["stop"])
+            onClick: Ce(u, ["stop"])
           }, null, 8, ["label", "onClick"])]),
           _: 1
         })]),
         key: "0"
-      } : void 0]), 1032, ["subtitle", "title"])])) : (d(), F(T, {
+      } : void 0]), 1032, ["subtitle", "title"])])) : (p(), F(T, {
         key: 2
-      }, [be.value ? (d(), F(T, {
+      }, [be.value ? (p(), F(T, {
         key: 1
-      }, [c("div", rt, [m(b, {
+      }, [d("div", rt, [m(b, {
         autofocus: "",
-        modelValue: o(_),
-        "onUpdate:modelValue": e[8] || (e[8] = (a) => oe(_) ? _.value = a : null),
+        modelValue: o(f),
+        "onUpdate:modelValue": e[8] || (e[8] = (u) => oe(f) ? f.value = u : null),
         placeholder: o(n)("menu.group.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), e[15] || (e[15] = c("div", {
+      }, null, 8, ["modelValue", "placeholder"])]), e[15] || (e[15] = d("div", {
         class: "bg-fm-color-neutral-gray-100 w-full h-px rounded-md"
-      }, null, -1)), c("div", st, [k.value.multiScheduler ? (d(), P(le, {
+      }, null, -1)), d("div", st, [k.value.multiScheduler ? (p(), N(le, {
         key: 0
-      })) : E("", !0), q.value ? (d(), P(Q, {
+      })) : E("", !0), q.value ? (p(), N(Q, {
         key: 1,
         modelValue: x.value,
-        "onUpdate:modelValue": e[13] || (e[13] = (a) => x.value = a)
+        "onUpdate:modelValue": e[13] || (e[13] = (u) => x.value = u)
       }, {
         "bottom-sheet-button": h(() => [m(i, {
           label: o(n)("menu.group.type.title", {
@@ -467,42 +467,42 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           class: "text-fm-color-typo-secondary",
           "right-icon": "keyboard_arrow_down"
         }, null, 8, ["label"])]),
-        default: h(() => [c("div", null, [c("div", {
+        default: h(() => [d("div", null, [d("div", {
           class: "px-16 py-8",
-          onClick: e[9] || (e[9] = (a) => r.value = null)
-        }, N(o(n)("menu.group.type.all")), 1), c("div", {
+          onClick: e[9] || (e[9] = (u) => r.value = null)
+        }, V(o(n)("menu.group.type.all")), 1), d("div", {
           class: "px-16 py-8",
-          onClick: e[10] || (e[10] = (a) => r.value = "NORMAL")
-        }, N(o(n)("menu.group.type.normal")), 1), c("div", {
+          onClick: e[10] || (e[10] = (u) => r.value = "NORMAL")
+        }, V(o(n)("menu.group.type.normal")), 1), d("div", {
           class: "px-16 py-8",
-          onClick: e[11] || (e[11] = (a) => r.value = "PRODUCT")
-        }, N(o(n)("menu.group.type.product")), 1), c("div", {
+          onClick: e[11] || (e[11] = (u) => r.value = "PRODUCT")
+        }, V(o(n)("menu.group.type.product")), 1), d("div", {
           class: "px-16 py-8",
-          onClick: e[12] || (e[12] = (a) => r.value = "DYNAMIC")
-        }, N(o(n)("menu.group.type.dynamic")), 1)])]),
+          onClick: e[12] || (e[12] = (u) => r.value = "DYNAMIC")
+        }, V(o(n)("menu.group.type.dynamic")), 1)])]),
         _: 1
       }, 8, ["modelValue"])) : E("", !0)]), m(o(Je), {
         class: K(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"]),
-        "model-value": p.value,
+        "model-value": c.value,
         group: "categories",
         handle: ".handle",
         "item-key": "_id",
-        "onUpdate:modelValue": e[14] || (e[14] = (a) => X(a))
+        "onUpdate:modelValue": e[14] || (e[14] = (u) => X(u))
       }, {
         item: h(({
-          element: a
-        }) => [(d(), F("div", {
-          key: a._id,
+          element: u
+        }) => [(p(), F("div", {
+          key: u._id,
           class: K(["py-12 px-16", "flex  space-x-16", "items-center"])
-        }, [c("div", it, [c("div", mt, [c("p", ct, N(a.name), 1), c("div", null, [q.value ? (d(), F("p", dt, N(o(z.capitalize)(a.type)) + " type ", 1)) : E("", !0), c("p", pt, N(o(n)("menu.group.list.products_linked", {
-          count: a.itemsLinked.length
+        }, [d("div", it, [d("div", mt, [d("p", ct, V(u.name), 1), d("div", null, [q.value ? (p(), F("p", dt, V(o(z.capitalize)(u.type)) + " type ", 1)) : E("", !0), d("p", pt, V(o(n)("menu.group.list.products_linked", {
+          count: u.itemsLinked.length
         })), 1)])]), m(Z, {
-          group: a
+          group: u
         }, null, 8, ["group"])])]))]),
         _: 1
-      }, 8, ["model-value"])], 64)) : (d(), F("div", lt, [c("div", at, [k.value.multiScheduler ? (d(), P(le, {
+      }, 8, ["model-value"])], 64)) : (p(), F("div", lt, [d("div", at, [k.value.multiScheduler ? (p(), N(le, {
         key: 0
-      })) : E("", !0), q.value ? (d(), P(D, {
+      })) : E("", !0), q.value ? (p(), N(D, {
         key: 1
       }, {
         "menu-button": h(() => [m(i, {
@@ -512,43 +512,43 @@ const Ze = { class: "fm-typo-en-title-md-600" }, et = { class: "flex gap-8 items
           class: "text-fm-color-typo-secondary",
           "right-icon": "keyboard_arrow_down"
         }, null, 8, ["label"])]),
-        default: h(() => [c("div", null, [m(f, {
+        default: h(() => [d("div", null, [m(_, {
           class: "px-16 py-8",
           label: o(n)("menu.group.type.all"),
-          onClick: e[2] || (e[2] = (a) => r.value = null)
-        }, null, 8, ["label"]), m(f, {
+          onClick: e[2] || (e[2] = (u) => r.value = null)
+        }, null, 8, ["label"]), m(_, {
           class: "px-16 py-8",
           label: o(n)("menu.group.type.normal"),
-          onClick: e[3] || (e[3] = (a) => r.value = "NORMAL")
-        }, null, 8, ["label"]), m(f, {
+          onClick: e[3] || (e[3] = (u) => r.value = "NORMAL")
+        }, null, 8, ["label"]), m(_, {
           class: "px-16 py-8",
           label: o(n)("menu.group.type.product"),
-          onClick: e[4] || (e[4] = (a) => r.value = "PRODUCT")
-        }, null, 8, ["label"]), m(f, {
+          onClick: e[4] || (e[4] = (u) => r.value = "PRODUCT")
+        }, null, 8, ["label"]), m(_, {
           class: "px-16 py-8",
           label: o(n)("menu.group.type.dynamic"),
-          onClick: e[5] || (e[5] = (a) => r.value = "DYNAMIC")
+          onClick: e[5] || (e[5] = (u) => r.value = "DYNAMIC")
         }, null, 8, ["label"])])]),
         _: 1
-      })) : E("", !0), c("div", ut, [m(b, {
+      })) : E("", !0), d("div", ut, [m(b, {
         autofocus: "",
-        modelValue: o(_),
-        "onUpdate:modelValue": e[6] || (e[6] = (a) => oe(_) ? _.value = a : null),
+        modelValue: o(f),
+        "onUpdate:modelValue": e[6] || (e[6] = (u) => oe(f) ? f.value = u : null),
         placeholder: o(n)("menu.group.search.placeholder")
       }, null, 8, ["modelValue", "placeholder"])])]), m(Ue, null, {
         default: h(() => [m(A, {
           "column-defs": ve.value,
           "column-visibility": fe.value,
           loading: o(M).checkMenuIsLoading(),
-          "page-size": p.value.length,
-          "row-data": p.value,
+          "page-size": c.value.length,
+          "row-data": c.value,
           "shrink-at": !1,
           class: "flex-1 overflow-hidden",
           draggable: "",
           "hide-footer": "",
           "pin-header-row": "",
           onRowClick: ye,
-          onDndChanged: e[7] || (e[7] = (a) => X(a))
+          onDndChanged: e[7] || (e[7] = (u) => X(u))
         }, null, 8, ["column-defs", "column-visibility", "loading", "page-size", "row-data"])]),
         _: 1
       })]))], 64))], 64);