@feedmepos/mf-menu 0.32.14 → 0.32.16

package/dist/{item-CwwbAMhc.js → item-Ge1k1cYH.js}

@@ -1,33 +1,33 @@
-import { defineStore as Fi } from "pinia";
-import { defineComponent as me, resolveComponent as N, createElementBlock as te, createBlock as j, openBlock as F, createElementVNode as V, createVNode as b, toDisplayString as de, Fragment as Ae, renderList as Ue, h as Se, ref as ee, computed as O, watch as xe, unref as h, renderSlot as ve, withCtx as P, createCommentVNode as ie, Transition as bn, normalizeClass as Fe, resolveDynamicComponent as wt, withDirectives as ut, vShow as St, mergeProps as Oi, withModifiers as Ct, onMounted as ot, onUnmounted as yn, createTextVNode as Pt, resolveDirective as zi, getCurrentInstance as Ii, markRaw as _n, render as Vt, mergeModels as wn, useModel as Sn, nextTick as Ei, normalizeProps as Cn, guardReactiveProps as kn, normalizeStyle as xn } from "vue";
-import { K as Ce, A as G, ak as Rn, am as An, Y as Mn, I as ue, D as Ie, B as ke, U as Ti, u as be, J as Ve, G as Xe, P as qe, Q as Fn, R as On, T as zn, V as Ft, ae as In, N as En, M as hi } from "./index.vue_vue_type_script_setup_true_lang-BdR9Cau8.js";
+import { defineStore as Oi } from "pinia";
+import { defineComponent as me, resolveComponent as N, createElementBlock as te, createBlock as j, openBlock as O, createElementVNode as V, createVNode as b, toDisplayString as de, Fragment as Ae, renderList as Ue, h as Se, ref as ee, computed as F, watch as xe, unref as h, renderSlot as ve, withCtx as P, createCommentVNode as ie, Transition as bn, normalizeClass as Oe, resolveDynamicComponent as wt, withDirectives as ut, vShow as St, mergeProps as Fi, withModifiers as Ct, onMounted as ot, onUnmounted as yn, createTextVNode as Pt, resolveDirective as zi, getCurrentInstance as Ii, markRaw as _n, render as Vt, mergeModels as wn, useModel as Sn, nextTick as Ei, normalizeProps as Cn, guardReactiveProps as kn, normalizeStyle as xn } from "vue";
+import { M as Ce, A as G, al as Rn, an as An, Z as Mn, I as ue, D as Ie, B as ke, V as Ti, u as be, J as Ve, G as Xe, Q as qe, R as On, T as Fn, U as zn, W as Ot, af as In, O as En, N as hi } from "./index.vue_vue_type_script_setup_true_lang-_DMs_swc.js";
 import { useI18n as he, useCoreStore as mt, CustomAttributesForm as Di } from "@feedmepos/mf-common";
 import { useDialog as Ne, useSnackbar as Ee, components as Re, FmButtonColorThemeVariant as Ke, FmButtonVariant as Ze, useBreakpoints as Pi, useDialogChild as Vi } from "@feedmepos/ui-library";
-import { C as je } from "./catalog-DFja-c1u.js";
+import { C as je } from "./catalog-9_jtmYlm.js";
 import { c as Tn } from "./createComponentProgrammatically-Bt2rn1IQ.js";
 import { a as fi, _ as Ui } from "./tooltip-B5BiPMx9.js";
-import { H as Dn, L as Pn } from "./LinkProductSideSheet-DduICm_3.js";
-import { e as Vn, _ as Be, a as Un } from "./RuleView.vue_vue_type_script_setup_true_lang-DiutI4rb.js";
+import { H as Dn, L as Pn } from "./LinkProductSideSheet-q_E0OxBI.js";
+import { e as Vn, _ as Be, a as Un } from "./RuleView.vue_vue_type_script_setup_true_lang-DxCclyLW.js";
 import { s as Ut, F as $n, _ as Nn } from "./index-CisutoS9.js";
-import { a as Bn } from "./app-M9IH0JfT.js";
+import { a as Bn } from "./app-d97Ud4fA.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { g as $i, b as Ln, c as Gn, a as Kn, m as jn } from "./menuV2-B2fEnjKF.js";
+import { g as $i, b as Ln, c as Gn, a as Kn, m as jn } from "./menuV2-DMWng1KE.js";
 import { useAppStore as Yt, RemyButton as Ni } from "@feedmepos/mf-remy-panel";
 import { _ as Ye } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { u as Wn } from "./subcategory-DUGbyIKt.js";
-import { u as Yn } from "./category-DpZwNc4t.js";
+import { u as Wn } from "./subcategory-53vsxcNn.js";
+import { u as Yn } from "./category-DRwNEBe8.js";
 import { u as Ht } from "./discardConfirm-BHni0LNu.js";
-import { _ as et, l as $t, T as Hn } from "./index-CVzNrW67.js";
+import { _ as et, l as $t, T as Hn } from "./index-D1GAORV_.js";
 import { useInventoryStore as Bi, InventoryBindingForm as Xn, InventoryBindingSummary as qn } from "@feedmepos/mf-inventory-portal";
 import { c as pt } from "./check-C9mY6LiX.js";
 import { c as Zn } from "./object-DVUNCr7w.js";
-import { f as at } from "./currency-BAE6MewY.js";
-import { u as Li } from "./priceTier-BSQ1vmHy.js";
+import { f as at } from "./currency-Do-UYAXP.js";
+import { u as Li } from "./priceTier-BHOMDhXP.js";
 import { u as Qn } from "./search-BAPEUu1R.js";
 import { c as Jn } from "./string-DpfFixWH.js";
 import { d as Gi } from "./vuedraggable-CK8z7qA8.js";
-import { _ as eo } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-BDPEBgIX.js";
-import { V as vi } from "./index-vusQqUrf.js";
+import { _ as eo } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Bq8Ai6ir.js";
+import { V as vi } from "./index-CuCfLbb2.js";
 class yt {
   constructor(i, t, n, a) {
     this.scheduler = i, this.menuStore = t, this.updateMenu = n, this.dialog = a;
@@ -547,15 +547,15 @@ const oo = {
     }
     return (a, o) => {
       const r = N("FmButton");
-      return i.variant === "full" ? (F(), te("div", oo, [
+      return i.variant === "full" ? (O(), te("div", oo, [
         V("div", ao, de(a.title), 1),
         b(Dn),
-        (F(!0), te(Ae, null, Ue(a.items, (l) => (F(), j(fi, {
+        (O(!0), te(Ae, null, Ue(a.items, (l) => (O(), j(fi, {
           key: l.name,
           name: l.name,
           value: l.value || "--"
         }, null, 8, ["name", "value"]))), 128))
-      ])) : (F(), j(r, {
+      ])) : (O(), j(r, {
         key: 1,
         icon: "info",
         variant: "tertiary",
@@ -570,7 +570,7 @@ const oo = {
   },
   emits: ["update:catalogAndScheduler"],
   setup(e, { emit: i }) {
-    const t = e, n = i, { t: a } = he(), o = be(), r = ee(o.state.currentCatalogId || null), l = O(() => {
+    const t = e, n = i, { t: a } = he(), o = be(), r = ee(o.state.currentCatalogId || null), l = F(() => {
       const m = Object.keys(t.linkedStatus.catalogs).map((p) => {
         var v;
         return {
@@ -585,7 +585,7 @@ const oo = {
         },
         ...m
       ];
-    }), s = ee(o.state.currentSchedulerId || null), u = () => r.value ? t.linkedStatus.catalogs[r.value].schedulers : t.linkedStatus.schedulers, d = O(() => {
+    }), s = ee(o.state.currentSchedulerId || null), u = () => r.value ? t.linkedStatus.catalogs[r.value].schedulers : t.linkedStatus.schedulers, d = F(() => {
       const p = u().map((v) => {
         var y;
         return {
@@ -614,7 +614,7 @@ const oo = {
       }
     ), (m, p) => {
       const v = N("FmSelect");
-      return F(), te("div", ro, [
+      return O(), te("div", ro, [
         V("div", so, [
           V("div", lo, de(h(a)("menu.catalog_scheduler.title")), 1),
           V("div", uo, de(h(a)("menu.catalog_scheduler.subtitle")), 1)
@@ -656,7 +656,7 @@ const oo = {
     const t = i;
     return (n, a) => {
       const o = N("fm-switch"), r = N("fm-card");
-      return n.disabled ? ve(n.$slots, "default", { key: 0 }, void 0, !0) : (F(), j(r, {
+      return n.disabled ? ve(n.$slots, "default", { key: 0 }, void 0, !0) : (O(), j(r, {
         key: 1,
         class: "p-16 space-y-24",
         variant: "outlined"
@@ -665,7 +665,7 @@ const oo = {
           V("div", fo, [
             V("div", vo, [
               V("p", go, de(n.title), 1),
-              n.description ? (F(), te("p", bo, de(n.description), 1)) : ie("", !0)
+              n.description ? (O(), te("p", bo, de(n.description), 1)) : ie("", !0)
             ]),
             b(o, {
               "model-value": n.toggle,
@@ -674,7 +674,7 @@ const oo = {
           ]),
           b(bn, { name: "expand" }, {
             default: P(() => [
-              n.toggle ? (F(), te("div", yo, [
+              n.toggle ? (O(), te("div", yo, [
                 ve(n.$slots, "default", {}, void 0, !0)
               ])) : ie("", !0)
             ]),
@@ -685,7 +685,7 @@ const oo = {
       }));
     };
   }
-}), Qe = /* @__PURE__ */ it(_o, [["__scopeId", "data-v-e920f110"]]), wo = Fi("menu-edit-state", {
+}), Qe = /* @__PURE__ */ it(_o, [["__scopeId", "data-v-e920f110"]]), wo = Oi("menu-edit-state", {
   state: () => ({
     isUpdatingItem: !1,
     storedCatalogId: null,
@@ -751,11 +751,11 @@ async function hl(e, i, t = {}) {
 }
 const xo = {}, Ro = { class: "pl-32" };
 function Ao(e, i) {
-  return F(), te("div", Ro, [
+  return O(), te("div", Ro, [
     ve(e.$slots, "default")
   ]);
 }
-const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-col gap-4" }, Oo = { class: "fm-select__menu__wrapper" }, zo = {
+const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Oo = { class: "flex flex-col gap-4" }, Fo = { class: "fm-select__menu__wrapper" }, zo = {
   key: 0,
   class: "flex flex-col gap-4 justify-center"
 }, Io = /* @__PURE__ */ me({
@@ -801,7 +801,7 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
     }, u = () => {
       var v;
       (v = o.value) == null || v.toggleMenu(!1);
-    }, d = O(() => n.items.reduce(
+    }, d = F(() => n.items.reduce(
       (v, y) => (v[y.value] = y, v),
       {}
     )), c = ee(!1);
@@ -812,12 +812,12 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
       },
       { immediate: !0 }
     );
-    const m = O(() => n.shouldShowSelectedItemsWithinPlaceholder && r.value.length > 0), p = O(() => m.value ? r.value.map((v) => v.label).join(", ") : n.placeholder);
+    const m = F(() => n.shouldShowSelectedItemsWithinPlaceholder && r.value.length > 0), p = F(() => m.value ? r.value.map((v) => v.label).join(", ") : n.placeholder);
     return i({
       hideMenu: u
     }), (v, y) => {
       const _ = N("FmIcon"), S = N("FmField"), f = N("FmMenuItem"), R = N("FmMenu"), K = N("FmFormGroup"), U = N("FmChipGroup");
-      return F(), te("div", Fo, [
+      return O(), te("div", Oo, [
         b(K, {
           "model-value": v.modelValue,
           disabled: v.disabled,
@@ -836,7 +836,7 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
             }, {
               "menu-button": P(() => [
                 b(S, {
-                  class: Fe(v.disabled ? "cursor-not-allowed" : "cursor-pointer"),
+                  class: Oe(v.disabled ? "cursor-not-allowed" : "cursor-pointer"),
                   focused: c.value,
                   invalid: L
                 }, {
@@ -849,7 +849,7 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
                   ]),
                   default: P(() => [
                     V("div", {
-                      class: Fe([[
+                      class: Oe([[
                         v.disabled ? "text-fm-color-typo-disabled" : m.value ? "text-fm-color-typo-primary" : "text-fm-color-typo-tertiary"
                       ], "break-all fm-typo-en-body-lg-400 line-clamp-1"])
                     }, de(p.value), 3)
@@ -858,8 +858,8 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
                 }, 1032, ["class", "focused", "invalid"])
               ]),
               default: P(() => [
-                V("div", Oo, [
-                  (F(!0), te(Ae, null, Ue(v.items, (M) => (F(), j(f, {
+                V("div", Fo, [
+                  (O(!0), te(Ae, null, Ue(v.items, (M) => (O(), j(f, {
                     key: M.value,
                     disabled: M.disabled,
                     "has-checkbox": !0,
@@ -875,7 +875,7 @@ const Mo = /* @__PURE__ */ it(xo, [["render", Ao]]), Fo = { class: "flex flex-co
           ]),
           _: 3
         }, 8, ["model-value", "disabled", "focused", "helper-state", "helper-text", "rules"]),
-        v.shouldShowChips && r.value.length > 0 ? (F(), te("div", zo, [
+        v.shouldShowChips && r.value.length > 0 ? (O(), te("div", zo, [
           b(U, {
             disabled: v.disabled,
             items: r.value.map((L) => ({ label: L.label })),
@@ -901,14 +901,14 @@ function se(e) {
   for (var i = 1; i < arguments.length; i++) {
     var t = arguments[i] != null ? arguments[i] : {};
     i % 2 ? bi(Object(t), !0).forEach(function(n) {
-      Oe(e, n, t[n]);
+      Fe(e, n, t[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : bi(Object(t)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
   return e;
 }
-function Oe(e, i, t) {
+function Fe(e, i, t) {
   return i in e ? Object.defineProperty(e, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = t, e;
 }
 function To(e, i) {
@@ -927,22 +927,22 @@ function To(e, i) {
 }
 function tt(e) {
   return function(i) {
-    if (Array.isArray(i)) return Ot(i);
+    if (Array.isArray(i)) return Ft(i);
   }(e) || function(i) {
     if (typeof Symbol < "u" && i[Symbol.iterator] != null || i["@@iterator"] != null) return Array.from(i);
   }(e) || function(i, t) {
     if (i) {
-      if (typeof i == "string") return Ot(i, t);
+      if (typeof i == "string") return Ft(i, t);
       var n = Object.prototype.toString.call(i).slice(8, -1);
       if (n === "Object" && i.constructor && (n = i.constructor.name), n === "Map" || n === "Set") return Array.from(i);
-      if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ot(i, t);
+      if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Ft(i, t);
     }
   }(e) || function() {
     throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }();
 }
-function Ot(e, i) {
+function Ft(e, i) {
   (i == null || i > e.length) && (i = e.length);
   for (var t = 0, n = new Array(i); t < i; t++) n[t] = e[t];
   return n;
@@ -1133,7 +1133,7 @@ var ct = function(e, i) {
   this.touches.length && this.$emit("drag-end"), this.hovered && (this.$emit("leave"), this.hovered = !1), this.touches = [];
 } }, emits: ["drag", "drag-end", "leave", "enter"] };
 Zt.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "draggable", class: t.classname, onTouchstart: i[1] || (i[1] = function() {
+  return O(), j("div", { ref: "draggable", class: t.classname, onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
   }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
@@ -1147,13 +1147,13 @@ var zt = Te("vue-handler-wrapper"), Zi = { name: "HandlerWrapper", components: {
   var e;
   if (this.horizontalPosition || this.verticalPosition) {
     var i, t = Yi(this.horizontalPosition, this.verticalPosition);
-    e = zt((Oe(i = {}, t.classname, !0), Oe(i, "disabled", this.disabled), i));
+    e = zt((Fe(i = {}, t.classname, !0), Fe(i, "disabled", this.disabled), i));
   } else e = zt({ disabled: this.disabled });
   return { root: e, draggable: zt("draggable") };
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
 Zi.render = function(e, i, t, n, a, o) {
   var r = N("DraggableElement");
-  return F(), j("div", { class: o.classes.root }, [b(r, { class: o.classes.draggable, onDrag: i[1] || (i[1] = function(l) {
+  return O(), j("div", { class: o.classes.root }, [b(r, { class: o.classes.draggable, onDrag: i[1] || (i[1] = function(l) {
     return e.$emit("drag", l);
   }), onDragEnd: i[2] || (i[2] = function(l) {
     return e.$emit("drag-end");
@@ -1167,11 +1167,11 @@ Zi.render = function(e, i, t, n, a, o) {
 };
 var Uo = Te("vue-line-wrapper"), Qi = { name: "LineWrapper", components: { DraggableElement: Zt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
   var e;
-  return Uo((Oe(e = {}, this.position, !0), Oe(e, "disabled", this.disabled), e));
+  return Uo((Fe(e = {}, this.position, !0), Fe(e, "disabled", this.disabled), e));
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
 Qi.render = function(e, i, t, n, a, o) {
   var r = N("DraggableElement");
-  return F(), j(r, { class: o.classname, onDrag: i[1] || (i[1] = function(l) {
+  return O(), j(r, { class: o.classname, onDrag: i[1] || (i[1] = function(l) {
     return e.$emit("drag", l);
   }), onDragEnd: i[2] || (i[2] = function(l) {
     return e.$emit("drag-end");
@@ -1427,7 +1427,7 @@ function gt(e, i, t) {
 var ta = Te("vue-simple-handler"), ia = Te("vue-simple-handler-wrapper"), Qt = { name: "SimpleHandler", components: { HandlerWrapper: Zi }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
   return { hover: !1 };
 }, computed: { classes: function() {
-  var e, i = (Oe(e = {}, this.horizontalPosition, !!this.horizontalPosition), Oe(e, this.verticalPosition, !!this.verticalPosition), Oe(e, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), Oe(e, "hover", this.hover), e);
+  var e, i = (Fe(e = {}, this.horizontalPosition, !!this.horizontalPosition), Fe(e, this.verticalPosition, !!this.verticalPosition), Fe(e, "".concat(this.horizontalPosition, "-").concat(this.verticalPosition), !!(this.verticalPosition && this.horizontalPosition)), Fe(e, "hover", this.hover), e);
   return { default: ge(ta(i), this.defaultClass, this.hover && this.hoverClass), wrapper: ge(ia(i), this.wrapperClass) };
 } }, methods: { onDrag: function(e) {
   this.$emit("drag", e);
@@ -1440,14 +1440,14 @@ var ta = Te("vue-simple-handler"), ia = Te("vue-simple-handler-wrapper"), Qt = {
 } }, emits: ["drag", "drag-end"] };
 Qt.render = function(e, i, t, n, a, o) {
   var r = N("HandlerWrapper");
-  return F(), j(r, { class: o.classes.wrapper, "vertical-position": t.verticalPosition, "horizontal-position": t.horizontalPosition, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: P(function() {
+  return O(), j(r, { class: o.classes.wrapper, "vertical-position": t.verticalPosition, "horizontal-position": t.horizontalPosition, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: P(function() {
     return [b("div", { class: o.classes.default }, null, 2)];
   }), _: 1 }, 8, ["class", "vertical-position", "horizontal-position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
 var na = Te("vue-simple-line"), oa = Te("vue-simple-line-wrapper"), Jt = { name: "SimpleLine", components: { LineWrapper: Qi }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, position: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
   return { hover: !1 };
 }, computed: { classes: function() {
-  return { root: ge(na(Oe({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: ge(oa(Oe({}, this.position, !0)), this.wrapperClass) };
+  return { root: ge(na(Fe({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: ge(oa(Fe({}, this.position, !0)), this.wrapperClass) };
 } }, methods: { onDrag: function(e) {
   this.$emit("drag", e);
 }, onEnter: function() {
@@ -1459,7 +1459,7 @@ var na = Te("vue-simple-line"), oa = Te("vue-simple-line-wrapper"), Jt = { name:
 } }, emits: ["drag", "drag-end"] };
 Jt.render = function(e, i, t, n, a, o) {
   var r = N("LineWrapper");
-  return F(), j(r, { class: o.classes.wrapper, position: t.position, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: P(function() {
+  return O(), j(r, { class: o.classes.wrapper, position: t.position, disabled: t.disabled, onDrag: o.onDrag, onDragEnd: o.onDragEnd, onEnter: o.onEnter, onLeave: o.onLeave }, { default: P(function() {
     return [b("div", { class: o.classes.root }, null, 2)];
   }), _: 1 }, 8, ["class", "position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
@@ -1508,7 +1508,7 @@ var Et = Te("vue-bounding-box"), aa = ["east", "west", null], ra = ["south", "no
       if (t && n) {
         var r = a.horizontalDirection, l = a.verticalDirection, s = r === "east" ? t : r === "west" ? 0 : t / 2, u = l === "south" ? n : l === "north" ? 0 : n / 2;
         o.wrapperClass = Et("handler"), o.wrapperStyle = { transform: "translate(".concat(s, "px, ").concat(u, "px)") }, e.transitions && e.transitions.enabled && (o.wrapperStyle.transition = "".concat(e.transitions.time, "ms ").concat(e.transitions.timingFunction));
-      } else o.wrapperClass = Et("handler", Oe({}, a.classname, !0));
+      } else o.wrapperClass = Et("handler", Fe({}, a.classname, !0));
       i.push(o);
     }
   }), i;
@@ -1525,14 +1525,14 @@ var Et = Te("vue-bounding-box"), aa = ["east", "west", null], ra = ["south", "no
   i === "west" ? l.left -= o : i === "east" && (l.right += o), t === "north" ? l.top -= r : t === "south" && (l.bottom += r), !t && i ? n = "width" : t && !i && (n = "height"), this.resizable && this.$emit("resize", new Po(l, { allowedDirections: { left: i === "west" || !i, right: i === "east" || !i, bottom: t === "south" || !t, top: t === "north" || !t }, preserveAspectRatio: e.nativeEvent && e.nativeEvent.shiftKey, respectDirection: n }));
 } }, emits: ["resize", "resize-end"] };
 nn.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "box", class: o.classes.root, style: o.style }, [ve(e.$slots, "default"), b("div", null, [(F(!0), j(Ae, null, Ue(o.lineNodes, function(r) {
-    return F(), j(wt(r.component), { key: r.name, "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, position: r.name, disabled: r.disabled, onDrag: function(l) {
+  return O(), j("div", { ref: "box", class: o.classes.root, style: o.style }, [ve(e.$slots, "default"), b("div", null, [(O(!0), j(Ae, null, Ue(o.lineNodes, function(r) {
+    return O(), j(wt(r.component), { key: r.name, "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, position: r.name, disabled: r.disabled, onDrag: function(l) {
       return o.onHandlerDrag(l, r.horizontalDirection, r.verticalDirection);
     }, onDragEnd: i[1] || (i[1] = function(l) {
       return o.onEnd();
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "position", "disabled", "onDrag"]);
-  }), 128))]), (F(!0), j(Ae, null, Ue(o.handlerNodes, function(r) {
-    return F(), j("div", { key: r.name, style: r.wrapperStyle, class: r.wrapperClass }, [(F(), j(wt(r.component), { "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, "horizontal-position": r.horizontalDirection, "vertical-position": r.verticalDirection, disabled: r.disabled, onDrag: function(l) {
+  }), 128))]), (O(!0), j(Ae, null, Ue(o.handlerNodes, function(r) {
+    return O(), j("div", { key: r.name, style: r.wrapperStyle, class: r.wrapperClass }, [(O(), j(wt(r.component), { "default-class": r.class, "hover-class": r.hoverClass, "wrapper-class": r.wrapperClass, "horizontal-position": r.horizontalDirection, "vertical-position": r.verticalDirection, disabled: r.disabled, onDrag: function(l) {
       return o.onHandlerDrag(l, r.horizontalDirection, r.verticalDirection);
     }, onDragEnd: i[2] || (i[2] = function(l) {
       return o.onEnd();
@@ -1578,7 +1578,7 @@ var sa = Te("vue-draggable-area"), on = { name: "DraggableArea", props: { movabl
   this.touches.length && this.$emit("move-end"), this.touches = [];
 } }, emits: ["move", "move-end"] };
 on.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
+  return O(), j("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
   }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
@@ -1722,7 +1722,7 @@ var rn = { props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { typ
   var r, l;
 } }, emits: ["resize", "move", "transform-end"] };
 rn.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
+  return O(), j("div", { ref: "container", onTouchstart: i[1] || (i[1] = function() {
     return o.onTouchStart && o.onTouchStart.apply(o, arguments);
   }), onMousedown: i[2] || (i[2] = function() {
     return o.onMouseDown && o.onMouseDown.apply(o, arguments);
@@ -1733,7 +1733,7 @@ rn.render = function(e, i, t, n, a, o) {
 var jt = { components: { TransformableImage: rn }, props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 } }, emits: ["resize", "move"] };
 jt.render = function(e, i, t, n, a, o) {
   var r = N("transformable-image");
-  return F(), j(r, { "touch-move": t.touchMove, "touch-resize": t.touchResize, "mouse-move": t.mouseMove, "wheel-resize": t.wheelResize, onMove: i[1] || (i[1] = function(l) {
+  return O(), j(r, { "touch-move": t.touchMove, "touch-resize": t.touchResize, "mouse-move": t.mouseMove, "wheel-resize": t.wheelResize, onMove: i[1] || (i[1] = function(l) {
     return e.$emit("move", l);
   }), onResize: i[2] || (i[2] = function(l) {
     return e.$emit("resize", l);
@@ -1785,12 +1785,12 @@ var bt = Te("vue-preview"), sn = { props: { coordinates: { type: Object }, trans
   e && e.complete && this.refreshImage(), this.refresh();
 } } };
 sn.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "root", class: o.classes.root, style: o.style }, [b("div", { ref: "wrapper", class: o.classes.wrapper, style: o.wrapperStyle }, [ut(b("img", { ref: "image", src: t.image && t.image.src, class: o.classes.image, style: o.imageStyle }, null, 14, ["src"]), [[St, t.image && t.image.src]])], 6)], 6);
+  return O(), j("div", { ref: "root", class: o.classes.root, style: o.style }, [b("div", { ref: "wrapper", class: o.classes.wrapper, style: o.wrapperStyle }, [ut(b("img", { ref: "image", src: t.image && t.image.src, class: o.classes.image, style: o.imageStyle }, null, 14, ["src"]), [[St, t.image && t.image.src]])], 6)], 6);
 };
 var ln = { components: { Preview: sn }, inheritAttrs: !1 };
 ln.render = function(e, i, t, n, a, o) {
   var r = N("preview");
-  return F(), j(r, Oi(e.$attrs, { fill: !0 }), null, 16);
+  return O(), j(r, Fi(e.$attrs, { fill: !0 }), null, 16);
 };
 var Dt = Te("vue-rectangle-stencil"), un = { name: "RectangleStencil", components: { StencilPreview: ln, BoundingBox: nn, DraggableArea: on }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
   return Qt;
@@ -1824,7 +1824,7 @@ var Dt = Te("vue-rectangle-stencil"), un = { name: "RectangleStencil", component
 } }, emits: ["resize", "resize-end", "move", "move-end"] };
 un.render = function(e, i, t, n, a, o) {
   var r = N("stencil-preview"), l = N("draggable-area"), s = N("bounding-box");
-  return F(), j("div", { class: o.classes.stencil, style: o.style }, [b(s, { width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions, class: o.classes.boundingBox, handlers: t.handlers, "handlers-component": t.handlersComponent, "handlers-classes": t.handlersClasses, "handlers-wrappers-classes": t.handlersWrappersClasses, lines: t.lines, "lines-component": t.linesComponent, "lines-classes": t.linesClasses, "lines-wrappers-classes": t.linesWrappersClasses, resizable: t.resizable, onResize: o.onResize, onResizeEnd: o.onResizeEnd }, { default: P(function() {
+  return O(), j("div", { class: o.classes.stencil, style: o.style }, [b(s, { width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions, class: o.classes.boundingBox, handlers: t.handlers, "handlers-component": t.handlersComponent, "handlers-classes": t.handlersClasses, "handlers-wrappers-classes": t.handlersWrappersClasses, lines: t.lines, "lines-component": t.linesComponent, "lines-classes": t.linesClasses, "lines-wrappers-classes": t.linesWrappersClasses, resizable: t.resizable, onResize: o.onResize, onResizeEnd: o.onResizeEnd }, { default: P(function() {
     return [b(l, { movable: t.movable, onMove: o.onMove, onMoveEnd: o.onMoveEnd }, { default: P(function() {
       return [b(r, { image: t.image, coordinates: t.coordinates, width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, class: o.classes.preview, transitions: t.transitions }, null, 8, ["image", "coordinates", "width", "height", "class", "transitions"])];
     }), _: 1 }, 8, ["movable", "onMove", "onMoveEnd"])];
@@ -2257,9 +2257,9 @@ var ca = ["transitions"], Ge = Te("vue-advanced-cropper"), cn = { name: "Cropper
   }
 } }, emits: ["change", "error", "ready"] }, da = { key: 0, ref: "canvas", style: { display: "none" } }, ma = { key: 1, ref: "sourceCanvas", style: { display: "none" } };
 cn.render = function(e, i, t, n, a, o) {
-  return F(), j("div", { ref: "cropper", class: o.classes.cropper }, [b("div", { ref: "stretcher", class: o.classes.stretcher }, null, 2), b("div", { class: o.classes.boundaries, style: o.boundariesStyle }, [(F(), j(wt(t.backgroundWrapperComponent), { class: o.classes.cropperWrapper, "wheel-resize": o.settings.resizeImage.wheel, "touch-resize": o.settings.resizeImage.touch, "touch-move": o.settings.moveImage.touch, "mouse-move": o.settings.moveImage.mouse, onMove: o.onManipulateImage, onResize: o.onManipulateImage }, { default: P(function() {
+  return O(), j("div", { ref: "cropper", class: o.classes.cropper }, [b("div", { ref: "stretcher", class: o.classes.stretcher }, null, 2), b("div", { class: o.classes.boundaries, style: o.boundariesStyle }, [(O(), j(wt(t.backgroundWrapperComponent), { class: o.classes.cropperWrapper, "wheel-resize": o.settings.resizeImage.wheel, "touch-resize": o.settings.resizeImage.touch, "touch-move": o.settings.moveImage.touch, "mouse-move": o.settings.moveImage.mouse, onMove: o.onManipulateImage, onResize: o.onManipulateImage }, { default: P(function() {
     return [b("div", { class: o.classes.background, style: o.boundariesStyle }, null, 6), b("div", { class: o.classes.imageWrapper }, [b("img", { ref: "image", crossorigin: a.imageAttributes.crossOrigin, src: a.imageAttributes.src, class: o.classes.image, style: o.imageStyle, onMousedown: i[1] || (i[1] = Ct(function() {
-    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), b("div", { class: o.classes.foreground, style: o.boundariesStyle }, null, 6), ut((F(), j(wt(t.stencilComponent), Oi({ ref: "stencil", image: o.image, coordinates: a.coordinates, "stencil-coordinates": o.stencilCoordinates, transitions: o.transitionsOptions }, t.stencilProps, { onResize: o.onResize, onResizeEnd: o.onResizeEnd, onMove: o.onMove, onMoveEnd: o.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[St, a.imageLoaded]]), t.canvas ? (F(), j("canvas", da, null, 512)) : ie("", !0), t.canvas ? (F(), j("canvas", ma, null, 512)) : ie("", !0)];
+    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), b("div", { class: o.classes.foreground, style: o.boundariesStyle }, null, 6), ut((O(), j(wt(t.stencilComponent), Fi({ ref: "stencil", image: o.image, coordinates: a.coordinates, "stencil-coordinates": o.stencilCoordinates, transitions: o.transitionsOptions }, t.stencilProps, { onResize: o.onResize, onResizeEnd: o.onResizeEnd, onMove: o.onMove, onMoveEnd: o.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[St, a.imageLoaded]]), t.canvas ? (O(), j("canvas", da, null, 512)) : ie("", !0), t.canvas ? (O(), j("canvas", ma, null, 512)) : ie("", !0)];
   }), _: 1 }, 8, ["class", "wheel-resize", "touch-resize", "touch-move", "mouse-move", "onMove", "onResize"]))], 6)], 2);
 };
 function ei(e, i) {
@@ -2289,15 +2289,15 @@ const fa = {
   key: 0,
   class: "space-y-4"
 }, va = { class: "fm-typo-en-body-lg-600" }, ga = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, ba = {
-  class: /* @__PURE__ */ Fe([
+  class: /* @__PURE__ */ Oe([
     "relative",
     "h-[150px] w-[200px]",
     "border-2 border-dashed border-fm-color-neutral-gray-300 rounded-md"
   ])
 }, ya = {
-  class: /* @__PURE__ */ Fe(["absolute inset-0", "h-full w-full", "rounded-md overflow-hidden"])
+  class: /* @__PURE__ */ Oe(["absolute inset-0", "h-full w-full", "rounded-md overflow-hidden"])
 }, _a = {
-  class: /* @__PURE__ */ Fe(["relative z-0", "w-full h-full", "overflow-hidden"])
+  class: /* @__PURE__ */ Oe(["relative z-0", "w-full h-full", "overflow-hidden"])
 }, wa = { class: "absolute top-12 right-12 z-10 flex flex-col gap-8" }, Sa = { class: "fm-typo-en-body-lg-600 pb-4" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, ka = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xa = /* @__PURE__ */ me({
   __name: "ImageDropField",
   props: {
@@ -2306,7 +2306,7 @@ const fa = {
   },
   emits: ["update:model-value", "reset:model-value"],
   setup(e, { emit: i }) {
-    const t = e, { t: n } = he(), a = i, o = O(() => t.modelValue ? URL.createObjectURL(t.modelValue) : ""), r = ee(), l = ee(), s = ee(!1);
+    const t = e, { t: n } = he(), a = i, o = F(() => t.modelValue ? URL.createObjectURL(t.modelValue) : ""), r = ee(), l = ee(), s = ee(!1);
     async function u([_]) {
       if (!_) return;
       s.value = !0;
@@ -2334,7 +2334,7 @@ const fa = {
     function m() {
       r.value = void 0, l.value = void 0, a("reset:model-value");
     }
-    const p = Yt(), v = O(() => !!p.showRemy);
+    const p = Yt(), v = F(() => !!p.showRemy);
     ei("apply-image", (_) => {
       _ != null && _.imageData && (r.value = _.imageData, l.value = _.imageData);
     });
@@ -2352,7 +2352,7 @@ const fa = {
     }
     return (_, S) => {
       const f = N("fm-icon"), R = N("fm-drop-field");
-      return r.value || o.value ? (F(), te("div", fa, [
+      return r.value || o.value ? (O(), te("div", fa, [
         V("p", va, [
           Pt(de(h(n)("menu.common.labels.product_image")) + " ", 1),
           V("span", ga, de(h(n)("menu.common.labels.optional")), 1)
@@ -2378,15 +2378,15 @@ const fa = {
             ]),
             V("div", wa, [
               V("button", {
-                class: Fe(["w-24 h-24 rounded-[50%]", "bg-fm-color-neutral-white"]),
+                class: Oe(["w-24 h-24 rounded-[50%]", "bg-fm-color-neutral-white"]),
                 type: "button",
                 onClick: m
               }, [
                 b(f, { name: "close" })
               ]),
-              v.value ? (F(), te("button", {
+              v.value ? (O(), te("button", {
                 key: 0,
-                class: Fe([
+                class: Oe([
                   "w-24 h-24 rounded-[50%]",
                   "bg-fm-color-neutral-white",
                   "flex items-center justify-center"
@@ -2402,7 +2402,7 @@ const fa = {
             ])
           ])
         ])
-      ])) : (F(), j(R, {
+      ])) : (O(), j(R, {
         key: 1,
         accept: ".jpg, .jpeg, .png, .gif, .JPG, .JPEG, .PNG, .GIF",
         "content-class": "h-[150px] w-[200px]",
@@ -2463,7 +2463,7 @@ const fa = {
   },
   emits: ["update:model-value"],
   setup(e, { emit: i }) {
-    const t = e, { t: n } = he(), a = i, o = O(() => ({
+    const t = e, { t: n } = he(), a = i, o = F(() => ({
       ALL: {
         label: n("menu.order.from.options.all"),
         value: G.F_ORDER_FROM.enum.ALL
@@ -2476,7 +2476,7 @@ const fa = {
         label: n("menu.order.from.options.none"),
         value: G.F_ORDER_FROM.enum.NONE
       }
-    })), r = O(() => {
+    })), r = F(() => {
       const u = Object.values(o.value);
       if (t.disable) return u;
       let d = t.editActiveOnly ? [o.value.ALL, o.value.NONE] : u;
@@ -2492,14 +2492,14 @@ const fa = {
       let d = u;
       return t.editActiveOnly && u && (d = d === G.F_ORDER_FROM.enum.NONE ? G.F_ORDER_FROM.enum.NONE : G.F_ORDER_FROM.enum.ALL), d;
     }
-    const s = O(() => {
+    const s = F(() => {
       if (t.modelValue) return t.modelValue;
       const u = t.editActiveOnly || t.required, d = r.value.some((m) => m.value === null), c = u && !d ? t.fallback ?? r.value[0].value : t.modelValue;
       return c ? l(c) : null;
     });
     return (u, d) => {
       const c = N("fm-select");
-      return F(), te("div", null, [
+      return O(), te("div", null, [
         b(c, {
           disabled: e.disable,
           items: r.value,
@@ -2513,10 +2513,10 @@ const fa = {
       ]);
     };
   }
-}), Ra = { class: "flex flex-col gap-4" }, Aa = { class: "fm-select__menu__wrapper" }, Ma = { class: "fm-typo-en-body-lg-600 text-fm-color-primary" }, Fa = {
+}), Ra = { class: "flex flex-col gap-4" }, Aa = { class: "fm-select__menu__wrapper" }, Ma = { class: "fm-typo-en-body-lg-600 text-fm-color-primary" }, Oa = {
   key: 0,
   class: "flex flex-col gap-4 justify-center"
-}, Oa = /* @__PURE__ */ me({
+}, Fa = /* @__PURE__ */ me({
   __name: "SubcategorySelector",
   props: {
     modelValue: {},
@@ -2547,10 +2547,10 @@ const fa = {
     }, v = () => {
       var f;
       (f = u.value) == null || f.toggleMenu(!1), c.create();
-    }, y = O(() => t.items.reduce(
+    }, y = F(() => t.items.reduce(
       (f, R) => (f[R.value] = R, f),
       {}
-    )), _ = O(() => d.value.length > 0 ? d.value.map((f) => f.label).join("/") : t.placeholder), S = ee(!1);
+    )), _ = F(() => d.value.length > 0 ? d.value.map((f) => f.label).join("/") : t.placeholder), S = ee(!1);
     return xe(
       () => t.modelValue,
       (f) => {
@@ -2559,7 +2559,7 @@ const fa = {
       { immediate: !0 }
     ), (f, R) => {
       const K = N("FmIcon"), U = N("FmField"), L = N("FmMenuItem"), M = N("FmMenu"), T = N("FmFormGroup"), I = N("FmChipGroup");
-      return F(), te("div", Ra, [
+      return O(), te("div", Ra, [
         b(T, {
           "model-value": f.modelValue,
           disabled: f.disabled,
@@ -2578,7 +2578,7 @@ const fa = {
             }, {
               "menu-button": P(() => [
                 b(U, {
-                  class: Fe(f.disabled ? "cursor-not-allowed" : "cursor-pointer"),
+                  class: Oe(f.disabled ? "cursor-not-allowed" : "cursor-pointer"),
                   focused: S.value,
                   invalid: w
                 }, {
@@ -2591,7 +2591,7 @@ const fa = {
                   ]),
                   default: P(() => [
                     V("div", {
-                      class: Fe([[
+                      class: Oe([[
                         f.disabled ? "text-fm-color-typo-disabled" : d.value.length > 0 ? "text-fm-color-typo-primary" : "text-fm-color-typo-tertiary"
                       ], "break-all fm-typo-en-body-lg-400 line-clamp-1"])
                     }, de(_.value), 3)
@@ -2601,7 +2601,7 @@ const fa = {
               ]),
               default: P(() => [
                 V("div", Aa, [
-                  (F(!0), te(Ae, null, Ue(f.items, (A) => (F(), j(L, {
+                  (O(!0), te(Ae, null, Ue(f.items, (A) => (O(), j(L, {
                     key: A.value,
                     disabled: A.disabled,
                     "has-checkbox": !0,
@@ -2628,7 +2628,7 @@ const fa = {
           ]),
           _: 1
         }, 8, ["model-value", "disabled", "focused", "helper-state", "helper-text", "rules"]),
-        d.value.length > 0 ? (F(), te("div", Fa, [
+        d.value.length > 0 ? (O(), te("div", Oa, [
           b(I, {
             disabled: f.disabled,
             items: d.value.map((w) => ({ label: w.label })),
@@ -2639,7 +2639,7 @@ const fa = {
       ]);
     };
   }
-}), za = /* @__PURE__ */ it(Oa, [["__scopeId", "data-v-ca5e943c"]]);
+}), za = /* @__PURE__ */ it(Fa, [["__scopeId", "data-v-ca5e943c"]]);
 function dn(e, i) {
   return e || (i ? void 0 : "");
 }
@@ -2648,7 +2648,7 @@ const Ia = {
 }, Ea = {
   class: "flex-1 flex flex-col gap-24"
 }, Ta = {
-  class: /* @__PURE__ */ Fe(["flex space-x-16", "xs:flex-col xs:space-x-0 xs:space-y-16"])
+  class: /* @__PURE__ */ Oe(["flex space-x-16", "xs:flex-col xs:space-x-0 xs:space-y-16"])
 }, Da = {
   class: "w-[160px] xs:w-full"
 }, Pa = {
@@ -2699,13 +2699,13 @@ const ja = /* @__PURE__ */ me({
       menuLoader: s
     }), {
       checkMenuIsLoading: d
-    } = qe(Xe(Ee())), c = i, m = O(() => n.rules.item), p = O(() => n.categorizedItems), v = O(() => {
+    } = qe(Xe(Ee())), c = i, m = F(() => n.rules.item), p = F(() => n.categorizedItems), v = F(() => {
       const g = p.value.map((C) => ({
         label: C.name,
         value: C.id
       }));
       return t.isAddon ? g : g.filter((C) => !!C.value);
-    }), y = O(() => m.value.addon), _ = O(() => !v.value.find((g) => !!g.value)), S = O(() => Fn(t.form.category ? t.form : t.fallback) || []), f = O(() => S.value.reduce((g, C) => (g[C._id] = C, g), {})), R = O({
+    }), y = F(() => m.value.addon), _ = F(() => !v.value.find((g) => !!g.value)), S = F(() => On(t.form.category ? t.form : t.fallback) || []), f = F(() => S.value.reduce((g, C) => (g[C._id] = C, g), {})), R = F({
       get() {
         return S.value.map((g) => g._id);
       },
@@ -2752,11 +2752,11 @@ const ja = /* @__PURE__ */ me({
     ot(async () => {
       !_.value && t.form.category === void 0 && t.isCreate && I(Je.PRODUCT);
     });
-    const L = O(() => {
+    const L = F(() => {
       var C;
       const g = t.form.name || ((C = t.fallback) == null ? void 0 : C.name);
       return g ? n.items.filter((W) => !!W.category && W._id !== t.form._id && W.name === g).length : 0;
-    }), M = O(() => {
+    }), M = F(() => {
       var ae, re, E;
       if (!n.state.featureFlags.uniqueProductCode) return 0;
       const g = t.form.code || ((ae = t.fallback) == null ? void 0 : ae.code);
@@ -2766,7 +2766,7 @@ const ja = /* @__PURE__ */ me({
       return (W == null ? void 0 : W.code) === g && (C -= 1), (E = (re = W == null ? void 0 : W.variant) == null ? void 0 : re.variantCombinations) == null || E.forEach((D) => {
         D.code === g && (C -= 1);
       }), C;
-    }), T = O(() => t.isAddon ? Je.ADD_ON : Je.PRODUCT);
+    }), T = F(() => t.isAddon ? Je.ADD_ON : Je.PRODUCT);
     function I(g) {
       var W, ae, re;
       if (T.value === g) return;
@@ -2793,10 +2793,10 @@ const ja = /* @__PURE__ */ me({
         command: "suggestDescription"
       });
     }
-    const k = O(() => n.subcategories), x = O(() => k.value.map((g) => ({
+    const k = F(() => n.subcategories), x = F(() => k.value.map((g) => ({
       label: g.name,
       value: g._id
-    }))), $ = O({
+    }))), $ = F({
       get() {
         return t.form.subCategories || [];
       },
@@ -2808,7 +2808,7 @@ const ja = /* @__PURE__ */ me({
     } = he();
     return (g, C) => {
       const W = N("fm-text-field"), ae = N("fm-textarea"), re = N("fm-radio"), E = N("FmSnackbar"), D = N("FmButton"), Y = N("fm-radio-group"), q = N("FmFormGroup"), Z = N("FmStepperField"), X = zi("tooltip");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(z)("menu.product.form.detail.title")
       }, {
         default: P(() => {
@@ -2855,7 +2855,7 @@ const ja = /* @__PURE__ */ me({
           }, null, 8, ["disabled", "model-value"])]), b(Ye, {
             label: h(n).isV4 ? h(z)("menu.product.form.detail.category.label") : h(z)("menu.product.form.detail.category.label_singular")
           }, {
-            default: P(() => [y.value ? (F(), j(Y, {
+            default: P(() => [y.value ? (O(), j(Y, {
               key: 0,
               disabled: !m.value.category,
               "model-value": T.value,
@@ -2867,11 +2867,11 @@ const ja = /* @__PURE__ */ me({
                 label: h(z)("menu.product.form.detail.category.options.product.label"),
                 sublabel: h(z)("menu.product.form.detail.category.options.product.sublabel")
               }, null, 8, ["disabled", "value", "label", "sublabel"]), b(Mo, null, {
-                default: P(() => [h(n).isV4 ? (F(), j(U, {
+                default: P(() => [h(n).isV4 ? (O(), j(U, {
                   key: 0
                 })) : ie("", !0)]),
                 _: 1
-              })]), _.value ? (F(), te("div", La, [b(E, {
+              })]), _.value ? (O(), te("div", La, [b(E, {
                 title: h(z)("menu.product.form.detail.category.add_first"),
                 variant: "info"
               }, null, 8, ["title"]), b(D, {
@@ -2885,7 +2885,7 @@ const ja = /* @__PURE__ */ me({
                 sublabel: h(z)("menu.product.form.detail.category.options.addon.sublabel")
               }, null, 8, ["value", "label", "sublabel"])])]),
               _: 1
-            }, 8, ["disabled", "model-value"])) : ie("", !0), h(n).isV4 ? ie("", !0) : (F(), j(q, {
+            }, 8, ["disabled", "model-value"])) : ie("", !0), h(n).isV4 ? ie("", !0) : (O(), j(q, {
               key: 1,
               "model-value": g.form.category,
               rules: [(ne) => !ne && !g.isOverride ? "Category is required" : !0],
@@ -2897,7 +2897,7 @@ const ja = /* @__PURE__ */ me({
               _: 1
             }, 8, ["model-value", "rules"]))]),
             _: 1
-          }, 8, ["label"]), h(n).isV4 && !g.isAddon ? (F(), j(Ye, {
+          }, 8, ["label"]), h(n).isV4 && !g.isAddon ? (O(), j(Ye, {
             key: 0,
             label: h(z)("menu.product.form.detail.path.label")
           }, {
@@ -2930,7 +2930,7 @@ const ja = /* @__PURE__ */ me({
   }
 }), Wa = /* @__PURE__ */ it(ja, [["__scopeId", "data-v-47b11a8d"]]), Ya = {}, Ha = { class: "overflow-x-auto" }, Xa = { class: "xs:w-[600px]" };
 function qa(e, i) {
-  return F(), te("div", Ha, [
+  return O(), te("div", Ha, [
     V("div", Xa, [
       ve(e.$slots, "default")
     ])
@@ -2939,7 +2939,7 @@ function qa(e, i) {
 const mn = /* @__PURE__ */ it(Ya, [["render", qa]]), Za = /* @__PURE__ */ me({
   __name: "AddForm",
   setup(e) {
-    const i = be(), t = O(() => i.rules.group), n = O(() => !!i.state.currentCatalogId || !!i.state.currentSchedulerId), a = O(() => {
+    const i = be(), t = F(() => i.rules.group), n = F(() => !!i.state.currentCatalogId || !!i.state.currentSchedulerId), a = F(() => {
       const s = !i.state.currentSchedulerId, u = i.rules.group.type, d = i.version === G.F_MENU_VERSION.enum.v3, c = i.rules.item.orderFromActiveOnly, m = i.rules.item.bindToVariant;
       return function(v) {
         return {
@@ -2967,7 +2967,7 @@ const mn = /* @__PURE__ */ it(Ya, [["render", qa]]), Za = /* @__PURE__ */ me({
       position: i.groups.length - 1,
       itemsLinked: []
     }), r = ee(o()), { t: l } = he();
-    return (s, u) => t.value.create ? (F(), j(h(kr), {
+    return (s, u) => t.value.create ? (O(), j(h(kr), {
       key: 0,
       "categorized-items": h(i).categorizedItems,
       config: a.value,
@@ -2987,7 +2987,7 @@ const mn = /* @__PURE__ */ it(Ya, [["render", qa]]), Za = /* @__PURE__ */ me({
   }
 }), Qa = {}, Ja = { class: "flex gap-16" };
 function er(e, i) {
-  return F(), te("div", Ja, [
+  return O(), te("div", Ja, [
     ve(e.$slots, "default")
   ]);
 }
@@ -3025,7 +3025,7 @@ const tr = /* @__PURE__ */ it(Qa, [["render", er]]), ir = { class: "fm-typo-en-t
     const { t: c } = he(), m = Bi();
     return (p, v) => {
       const y = N("fm-text-field"), _ = N("fm-card"), S = N("fm-button"), f = N("fm-side-sheet");
-      return F(), te(Ae, null, [
+      return O(), te(Ae, null, [
         ve(p.$slots, "default", { trigger: o }),
         b(f, {
           id: "inventory-form",
@@ -3172,7 +3172,7 @@ const pn = /* @__PURE__ */ me({
     }];
     return (r, l) => {
       const s = N("FmTable");
-      return F(), te("div", null, [b(s, {
+      return O(), te("div", null, [b(s, {
         "column-defs": o,
         "row-data": r.priceTiers,
         "page-size": r.priceTiers.length,
@@ -3191,7 +3191,7 @@ const pn = /* @__PURE__ */ me({
   setup(e, { emit: i }) {
     const { t } = he(), n = i, a = ee(!0), o = () => {
       a.value = !1, n("update:show", !1);
-    }, r = O(() => t("menu.price_tier.price_tier_config")), l = O(() => t("common.update")), s = e, u = Li(s.menuStore), d = ee(s.initialValue ? Zn(s.initialValue) : {}), c = Ht(
+    }, r = F(() => t("menu.price_tier.price_tier_config")), l = F(() => t("common.update")), s = e, u = Li(s.menuStore), d = ee(s.initialValue ? Zn(s.initialValue) : {}), c = Ht(
       () => !Ve.isEqual(s.initialValue || {}, d.value),
       () => {
         o();
@@ -3202,7 +3202,7 @@ const pn = /* @__PURE__ */ me({
     }
     return (p, v) => {
       const y = N("FmButton"), _ = N("fm-button"), S = N("FmSideSheet");
-      return F(), j(S, {
+      return O(), j(S, {
         id: "business-form",
         modelValue: a.value,
         "onUpdate:modelValue": v[1] || (v[1] = (f) => a.value = f),
@@ -3274,7 +3274,7 @@ const pn = /* @__PURE__ */ me({
   },
   emits: ["update:priceTiers"],
   setup(e, { emit: i }) {
-    const t = e, n = i, a = O(() => Object.keys(t.priceTiers || {}).length > 0 ? "filled" : "outline"), o = rr();
+    const t = e, n = i, a = F(() => Object.keys(t.priceTiers || {}).length > 0 ? "filled" : "outline"), o = rr();
     function r() {
       o.open({
         component: cr,
@@ -3290,7 +3290,7 @@ const pn = /* @__PURE__ */ me({
     const { t: l } = he();
     return (s, u) => {
       const d = N("FmButton"), c = N("FmTooltip");
-      return s.$slots.default ? ve(s.$slots, "default", { key: 0 }) : (F(), j(c, {
+      return s.$slots.default ? ve(s.$slots, "default", { key: 0 }) : (O(), j(c, {
         key: 1,
         content: h(l)("menu.price_tier.price_tier_config"),
         "z-index": 999,
@@ -3334,7 +3334,7 @@ const pn = /* @__PURE__ */ me({
   }) {
     const t = e, n = i;
     Ee();
-    const a = mt(), o = be(), r = O(() => ke.Country.getCountry(a.currentCountry.value)), l = ee(!1), s = O(() => t.config.isV4 || t.group.type === G.F_ADDON_GROUP_TYPE.enum.PRODUCT), u = O(() => s.value), d = O(() => s.value), c = O(() => Object.values(t.group.items).flatMap((E) => [{
+    const a = mt(), o = be(), r = F(() => ke.Country.getCountry(a.currentCountry.value)), l = ee(!1), s = F(() => t.config.isV4 || t.group.type === G.F_ADDON_GROUP_TYPE.enum.PRODUCT), u = F(() => s.value), d = F(() => s.value), c = F(() => Object.values(t.group.items).flatMap((E) => [{
       _id: E._id,
       combinationKey: void 0
     }, ...(E.items ?? []).filter((D) => D.orderFrom !== G.F_ORDER_FROM.enum.NONE).map((D) => ({
@@ -3343,7 +3343,7 @@ const pn = /* @__PURE__ */ me({
     }))])), {
       searchKey: m,
       filter: p
-    } = Qn(), v = O(() => {
+    } = Qn(), v = F(() => {
       const E = Object.entries(t.group.items).filter(([, D]) => p([D.code || "", D.name || D.fallbackName, S(D.price ?? D.fallbackPrice), f(D.orderFrom || D.fallbackOrder), ...(D.items || []).map((Y) => [Y.code || "", Y.name || Y.fallbackName, S(Y.price ?? Y.fallbackPrice), f(Y.orderFrom || Y.fallbackOrder)].join(""))]));
       return Object.fromEntries(E);
     }), y = (E) => ({
@@ -3352,10 +3352,10 @@ const pn = /* @__PURE__ */ me({
       link: t.config.link(E),
       name: t.config.name(E),
       orderFrom: t.config.orderFrom(E)
-    }), _ = O(() => !0), S = (E) => E ? at(E, !1) : "", f = (E) => {
+    }), _ = F(() => !0), S = (E) => E ? at(E, !1) : "", f = (E) => {
       var D;
-      return E == null ? "" : (D = On()[E]) == null ? void 0 : D.label;
-    }, R = O(() => Object.values(v.value)), K = ee({}), {
+      return E == null ? "" : (D = Fn()[E]) == null ? void 0 : D.label;
+    }, R = F(() => Object.values(v.value)), K = ee({}), {
       t: U
     } = he(), L = ee([{
       accessorKey: "isDefault",
@@ -3581,7 +3581,7 @@ const pn = /* @__PURE__ */ me({
           }
         }, null)]);
       }
-    }]), M = O(() => ({
+    }]), M = F(() => ({
       code: d.value,
       name: !0,
       price: y(null).price,
@@ -3634,7 +3634,7 @@ const pn = /* @__PURE__ */ me({
       const D = ue(t.group);
       delete D.items[E], n("update:group", D);
     }
-    const k = O(() => t.categorizedItems.flatMap((E) => E.items).reduce((E, D) => {
+    const k = F(() => t.categorizedItems.flatMap((E) => E.items).reduce((E, D) => {
       var Y;
       return E[D._id] = {
         price: D.price,
@@ -3647,7 +3647,7 @@ const pn = /* @__PURE__ */ me({
         name: Ti(be().variants, ((X = Y == null ? void 0 : Y.variant) == null ? void 0 : X.variantGroupIds) || [])[E.combinationKey]
       } : Y;
       return q == null ? void 0 : q.name;
-    }, $ = O(() => o.state.menu.modules.item.reduce((E, D) => (E[D._id] = D, E), {}));
+    }, $ = F(() => o.state.menu.modules.item.reduce((E, D) => (E[D._id] = D, E), {}));
     function z(E) {
       const D = [], Y = new Set(E.filter((q) => q.combinationKey).map((q) => `${q._id}:${q.combinationKey}`));
       return E.forEach((q) => {
@@ -3693,16 +3693,16 @@ const pn = /* @__PURE__ */ me({
         [q._id]: q
       }), {}), n("update:group", D);
     }
-    const ae = Pi(), re = O(() => ae.breakpoints.value.xs);
+    const ae = Pi(), re = F(() => ae.breakpoints.value.xs);
     return (E, D) => {
       const Y = N("fm-button"), q = N("fm-table");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(U)("menu.group.option.title"),
         "sub-title": E.config.link() && u.value ? h(U)("menu.group.option.subtitle") : ""
       }, {
-        "append-title": P(() => [E.config.link() ? (F(), te(Ae, {
+        "append-title": P(() => [E.config.link() ? (O(), te(Ae, {
           key: 0
-        }, [u.value ? (F(), te("div", dr, [b(Pn, {
+        }, [u.value ? (O(), te("div", dr, [b(Pn, {
           "categorized-items": E.categorizedItems,
           "initial-value": c.value,
           "show-variant": E.config.bindToVariant,
@@ -3723,7 +3723,7 @@ const pn = /* @__PURE__ */ me({
             onClick: Z
           }, null, 8, ["text-color", "border-color", "label", "onClick"])]),
           _: 1
-        }, 8, ["categorized-items", "initial-value", "show-variant", "title"])])) : (F(), te("div", mr, [b(Y, {
+        }, 8, ["categorized-items", "initial-value", "show-variant", "title"])])) : (O(), te("div", mr, [b(Y, {
           "text-color": h(Ke).ColorPrimary,
           "border-color": h(Ke).ColorPrimary,
           variant: "secondary",
@@ -3774,7 +3774,7 @@ function vr(e) {
   function a(r) {
     return t(r) <= r.max ? !0 : i("menu.common.validation.max_default_items", { max: r.max });
   }
-  const o = O(() => [
+  const o = F(() => [
     // Check if min and max are integers
     () => {
       const r = e();
@@ -3830,7 +3830,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
       () => n.group
     ), p = ee(!1), v = ee(!1), y = (g) => {
       pt.isBoolean(g) ? v.value = g : v.value = !v.value;
-    }, _ = O(() => n.group ? n.config(n.group) : null), S = O(() => Wi(_.value)), f = (g) => S.value.includes(g), R = O(() => [
+    }, _ = F(() => n.group ? n.config(n.group) : null), S = F(() => Wi(_.value)), f = (g) => S.value.includes(g), R = F(() => [
       {
         label: "Normal",
         value: G.F_ADDON_GROUP_TYPE.enum.NORMAL
@@ -3879,7 +3879,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
       () => {
         v.value = !1;
       }
-    ), I = O(() => n.action === "add" ? z("common.add") : z("common.update"));
+    ), I = F(() => n.action === "add" ? z("common.add") : z("common.update"));
     async function w() {
       var g;
       if (n.action === "add") {
@@ -3918,10 +3918,10 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         a("status:show", g), g && (await Ei(), M.value = Ve.clone(n.group));
       }
     );
-    const A = O(() => {
+    const A = F(() => {
       var g;
       return ((g = r.groupAttributeSettings) == null ? void 0 : g.value.length) > 0 && !_.value.isOverride;
-    }), k = O(() => {
+    }), k = F(() => {
       const g = {};
       return o.state.menu.modules.group.forEach((C) => {
         var W;
@@ -3933,7 +3933,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         ...n.group,
         customAttributes: g
       });
-    }, $ = O(() => [
+    }, $ = F(() => [
       // Required validation
       (g) => !!g || z("menu.common.validation.required", { field: z("menu.common.labels.group_name") }),
       // Duplicate name validation
@@ -3946,7 +3946,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     const { t: z } = he();
     return (g, C) => {
       const W = N("fm-text-field"), ae = N("fm-stepper-field"), re = N("FmFormGroup"), E = N("fm-radio"), D = N("fm-radio-group"), Y = N("fm-switch"), q = N("fm-button"), Z = N("fm-side-sheet");
-      return F(), te(Ae, null, [
+      return O(), te(Ae, null, [
         ve(g.$slots, "default", { trigger: y }),
         b(Z, {
           id: "group-form",
@@ -3981,7 +3981,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
             ])
           ]),
           default: P(() => [
-            g.group ? (F(), te("div", br, [
+            g.group ? (O(), te("div", br, [
               ve(g.$slots, "variant-section"),
               b(Un, null, {
                 default: P(() => [
@@ -4024,7 +4024,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                     ]),
                     _: 1
                   }, 8, ["model-value", "rules"]),
-                  _.value.type ? (F(), j(Ye, {
+                  _.value.type ? (O(), j(Ye, {
                     key: 0,
                     label: h(z)("menu.common.labels.group_type")
                   }, {
@@ -4035,7 +4035,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                         "onUpdate:modelValue": C[3] || (C[3] = (X) => U(X))
                       }, {
                         default: P(() => [
-                          (F(!0), te(Ae, null, Ue(R.value, (X) => (F(), j(E, {
+                          (O(!0), te(Ae, null, Ue(R.value, (X) => (O(), j(E, {
                             key: X.value,
                             label: h(z)(`menu.group.types.${X.label.toLowerCase()}`),
                             value: X.value
@@ -4061,7 +4061,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  A.value ? (F(), j(Be, {
+                  A.value ? (O(), j(Be, {
                     key: 1,
                     title: h(z)("menu.group.form.tagging.title"),
                     "sub-title": h(z)("menu.group.form.tagging.subtitle")
@@ -4117,14 +4117,14 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
   emits: ["update:combinations"],
   setup(e, { expose: i, emit: t }) {
     var K, U;
-    const n = e, a = t, o = be(), r = Ne(), l = qe(Xe(Ee())), s = ee([]), u = ee(n.combinations[0].combinationKey || ""), d = O(
+    const n = e, a = t, o = be(), r = Ne(), l = qe(Xe(Ee())), s = ee([]), u = ee(n.combinations[0].combinationKey || ""), d = F(
       () => s.value.findIndex((L) => L.combinationKey == u.value)
-    ), c = O(
+    ), c = F(
       () => n.combinations.map((L) => ({
         label: n.fullCombinations[L.combinationKey || ""],
         value: L.combinationKey || ""
       }))
-    ), m = O(() => {
+    ), m = F(() => {
       var A, k;
       if (!S.value) return null;
       const L = ((k = (A = s.value[d.value]) == null ? void 0 : A.groups) == null ? void 0 : k.find((x) => x._id === n.groupId)) || {
@@ -4210,7 +4210,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     const { t: R } = he();
     return (L, M) => {
       const T = N("fm-select"), I = N("fm-button"), w = N("fm-card");
-      return F(), j(fn, {
+      return O(), j(fn, {
         ref_key: "baseFormRef",
         ref: f,
         "allow-refund-inventory": !0,
@@ -4227,7 +4227,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
           ve(L.$slots, "default", { trigger: A })
         ]),
         "variant-section": P(() => [
-          u.value ? (F(), j(w, {
+          u.value ? (O(), j(w, {
             key: 0,
             class: "p-16 bg-fm-color-neutral-gray-100 space-y-24",
             variant: "outlined"
@@ -4267,7 +4267,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
 }), kr = fn, Mi = Za, xr = Cr, Rr = {
   key: 0,
   class: "flex flex-col space-y-16 h-[440px]"
-}, Ar = { class: "flex-1 flex-shrink space-y-8 min-h-0 overflow-y-scroll p-8" }, Mr = { class: "flex justify-between pb-16" }, Fr = { class: "flex gap-8" }, Or = {
+}, Ar = { class: "flex-1 flex-shrink space-y-8 min-h-0 overflow-y-scroll p-8" }, Mr = { class: "flex justify-between pb-16" }, Or = { class: "flex gap-8" }, Fr = {
   key: 1,
   class: "flex flex-col items-center space-y-16"
 }, zr = { class: "flex flex-col items-center space-y-4 w-full" }, Ir = { class: "fm-typo-en-title-sm-600" }, Er = { class: "text-fm-color-typo-secondary" }, Tr = /* @__PURE__ */ me({
@@ -4276,20 +4276,20 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     groupIds: {}
   },
   setup(e) {
-    const i = e, t = Ne(), { emitData: n, emitAction: a } = Vi(), o = be(), r = O(() => o.rules.group), l = O(() => o.groups);
+    const i = e, t = Ne(), { emitData: n, emitAction: a } = Vi(), o = be(), r = F(() => o.rules.group), l = F(() => o.groups);
     function s(_) {
       return ue(_ ?? []).sort((f, R) => f.position - R.position);
     }
-    const u = O(() => s(l.value).reduce((_, S) => (_[S._id] = {
+    const u = F(() => s(l.value).reduce((_, S) => (_[S._id] = {
       name: S.name,
       type: kt(o.items, S.items)
-    }, _), {})), d = O(() => [
+    }, _), {})), d = F(() => [
       ...Object.entries(u.value).map(([_, { name: S, type: f }]) => ({
         label: `${S} ${r.value.type ? `(${Ut(f)})` : ""}`.trim(),
         value: _
       }))
-    ]), c = O(() => !!o.state.currentCatalogId || !!o.state.currentSchedulerId);
-    O(() => {
+    ]), c = F(() => !!o.state.currentCatalogId || !!o.state.currentSchedulerId);
+    F(() => {
       const _ = !o.state.currentSchedulerId, S = o.rules.group.type, f = o.version == G.F_MENU_VERSION.enum.v3, R = o.rules.item.orderFromActiveOnly, K = o.rules.item.bindToVariant;
       return function(L) {
         return {
@@ -4310,7 +4310,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
           isV4: !f
         };
       };
-    }), O(() => ({
+    }), F(() => ({
       ...Ie.generator.initMenuV4Group(),
       type: o.version === G.F_MENU_VERSION.enum.v4 ? G.F_ADDON_GROUP_TYPE.enum.PRODUCT : G.F_ADDON_GROUP_TYPE.enum.NORMAL,
       items: {},
@@ -4322,7 +4322,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     };
     return (_, S) => {
       const f = N("FmSearch"), R = N("FmCheckbox"), K = N("FmButton");
-      return d.value.length > 0 ? (F(), te("div", Rr, [
+      return d.value.length > 0 ? (O(), te("div", Rr, [
         V("div", null, [
           b(f, {
             autofocus: "",
@@ -4333,7 +4333,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         ]),
         V("div", Ar, [
           V("div", null, [
-            (F(!0), te(Ae, null, Ue(d.value, (U) => (F(), te("div", {
+            (O(!0), te(Ae, null, Ue(d.value, (U) => (O(), te("div", {
               key: U.value
             }, [
               ut(b(R, {
@@ -4362,7 +4362,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
             ]),
             _: 1
           }),
-          V("div", Fr, [
+          V("div", Or, [
             b(K, {
               label: h(v)("menu.common.actions.cancel"),
               variant: "tertiary",
@@ -4374,7 +4374,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
             }, null, 8, ["label"])
           ])
         ])
-      ])) : (F(), te("div", Or, [
+      ])) : (O(), te("div", Fr, [
         V("div", zr, [
           V("p", Ir, de(h(v)("menu.common.empty.no_group.title")), 1),
           V("p", Er, de(h(v)("menu.common.empty.no_group.subtitle")), 1)
@@ -4411,7 +4411,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
   }) {
     const t = e, n = Ee(), a = be(), o = ii(), r = Ne(), {
       t: l
-    } = he(), s = i, u = O(() => a.rules.group), d = O(() => a.rules.item), c = O(() => a.groups);
+    } = he(), s = i, u = F(() => a.rules.group), d = F(() => a.rules.item), c = F(() => a.groups);
     function m(k, x) {
       return ue(x ?? []).map((z) => {
         const g = k.find((C) => C._id === z._id);
@@ -4422,7 +4422,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         };
       });
     }
-    const p = O(() => {
+    const p = F(() => {
       var x;
       return [...v(m(c.value, t.form.groups || ((x = t.fallback) == null ? void 0 : x.groups) || [])).map(($) => $._id)];
     });
@@ -4450,16 +4450,16 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         })})` : C;
       });
     }
-    const _ = O(() => v(c.value).reduce((k, x) => (k[x._id] = {
+    const _ = F(() => v(c.value).reduce((k, x) => (k[x._id] = {
       name: x.name,
       type: kt(a.items, x.items)
-    }, k), {})), S = O(() => [...Object.entries(_.value).map(([k, {
+    }, k), {})), S = F(() => [...Object.entries(_.value).map(([k, {
       name: x,
       type: $
     }]) => ({
       label: `${x} ${u.value.type ? `(${Ut($)})` : ""}`.trim(),
       value: k
-    }))]), f = O(() => [{
+    }))]), f = F(() => [{
       accessorKey: "name",
       header: () => l("menu.product.form.group.columns.title"),
       enableSorting: !1,
@@ -4537,7 +4537,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
           })
         })]);
       }
-    }]), R = O(() => ({
+    }]), R = F(() => ({
       type: a.version !== G.F_MENU_VERSION.enum.v4
     }));
     function K() {
@@ -4591,10 +4591,10 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         groups: x
       }));
     }
-    const M = O(() => {
+    const M = F(() => {
       var k;
       return !!((k = t.form.variant) != null && k.variantGroupIds.length);
-    }), T = O(() => {
+    }), T = F(() => {
       var k;
       return M.value ? (k = t.form.variant) == null ? void 0 : k.variantCombinations : [{
         _id: t.form._id,
@@ -4630,7 +4630,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     };
     return (k, x) => {
       const $ = N("FmButton"), z = N("FmTable");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(l)("menu.product.form.group.title"),
         "sub-title": h(l)("menu.product.form.group.subtitle")
       }, {
@@ -4644,7 +4644,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         default: P(() => [b(mn, null, {
           default: P(() => {
             var g;
-            return [((g = p.value) == null ? void 0 : g.length) > 0 ? (F(), j(z, {
+            return [((g = p.value) == null ? void 0 : g.length) > 0 ? (O(), j(z, {
               key: 0,
               "column-defs": f.value,
               "column-visibility": R.value,
@@ -4686,7 +4686,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
   }) {
     const {
       t
-    } = he(), n = e, a = i, o = be(), r = O(() => o.rules.item), l = O(() => r.value.inventory);
+    } = he(), n = e, a = i, o = be(), r = F(() => o.rules.item), l = F(() => r.value.inventory);
     function s(y, _, S, f) {
       return !_ || _ && _.length === 0 ? [{
         _id: "",
@@ -4698,10 +4698,10 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         binding: R.inventoryBindings || []
       }));
     }
-    const u = O(() => {
+    const u = F(() => {
       var y;
       return n.form.name || ((y = n.fallback) == null ? void 0 : y.name) || "";
-    }), d = O(() => {
+    }), d = F(() => {
       var y;
       return s(n.form.inventoryBindings || [], ((y = n.form.variant) == null ? void 0 : y.variantCombinations) || [], u.value, o.variants);
     });
@@ -4790,11 +4790,11 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     const v = Bi();
     return ot(() => {
       v.readInventory();
-    }), (y, _) => (F(), j(Be, {
+    }), (y, _) => (O(), j(Be, {
       title: h(t)("menu.inventory.title"),
       subTitle: h(t)("menu.inventory.subtitle")
     }, {
-      default: P(() => [V("div", Pr, [V("div", Vr, [(F(!0), te(Ae, null, Ue(d.value, (S) => (F(), j(h(Wt), {
+      default: P(() => [V("div", Pr, [V("div", Vr, [(O(!0), te(Ae, null, Ue(d.value, (S) => (O(), j(h(Wt), {
         key: S._id,
         ref_for: !0,
         ref_key: "inventoryManagerForms",
@@ -4816,7 +4816,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     }, 8, ["title", "subTitle"]));
   }
 }), $r = {
-  class: /* @__PURE__ */ Fe(["flex space-x-16", "xs:flex-col xs:space-x-0 xs:space-y-16"])
+  class: /* @__PURE__ */ Oe(["flex space-x-16", "xs:flex-col xs:space-x-0 xs:space-y-16"])
 }, Nr = { class: "space-y-16" }, Br = { class: "space-y-8" }, Lr = {
   key: 0,
   class: "pl-32 pb-4 space-x-16 flex items-center"
@@ -4839,18 +4839,18 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
   },
   emits: ["update:form"],
   setup(e, { emit: i }) {
-    const t = e, n = mt(), a = be(), o = Li(), { t: r } = he(), l = i, s = O(() => a.rules.item), u = O(() => {
+    const t = e, n = mt(), a = be(), o = Li(), { t: r } = he(), l = i, s = F(() => a.rules.item), u = F(() => {
       var K, U;
       const f = t.isOverride ? ((K = t.fallback) == null ? void 0 : K.unit) ?? ((U = t.fallback) == null ? void 0 : U.perXUnit) : void 0, R = t.form.unit ?? t.form.perXUnit ?? f;
       return R != null;
     }), d = (f) => {
       l("update:form", "unit", f ? "" : void 0), l("update:form", "perXUnit", f ? 0 : void 0);
-    }, c = O(() => {
+    }, c = F(() => {
       const f = a.isV4;
-      return Ft.setCoreStore(n).taxSetting(f);
-    }), m = O(() => {
+      return Ot.setCoreStore(n).taxSetting(f);
+    }), m = F(() => {
       var f;
-      return Ft.getSelectedTax(
+      return Ot.getSelectedTax(
         t.form.taxes,
         (f = t.fallback) == null ? void 0 : f.taxes,
         c.value.countryTaxOptions
@@ -4889,13 +4889,13 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         command: "suggestPrice"
       });
     }
-    const S = O(() => {
+    const S = F(() => {
       var f, R;
       return ((f = a.currentCatalog) == null ? void 0 : f.priceTierRules) ?? ((R = a.currentCatalog) == null ? void 0 : R.usePriceTiers) ?? [];
     });
     return (f, R) => {
       const K = N("fm-select"), U = N("FmButton"), L = N("fm-checkbox"), M = N("fm-text-field"), T = zi("tooltip");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(r)("menu.product.form.price.title")
       }, {
         default: P(() => {
@@ -4918,6 +4918,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                 append: P(() => [
                   ut(b(h(Ni), {
                     "pure-styling": "",
+                    class: "shrink-0 scale-75",
                     onClick: _
                   }, null, 512), [
                     [T, h(Ui)("Suggest pricing")]
@@ -4935,10 +4936,10 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                 placeholder: "--",
                 class: "flex-1",
                 "shift-menu": "",
-                "onUpdate:modelValue": R[1] || (R[1] = (w) => l("update:form", "taxes", [h(Ft).decodeTax(w)]))
+                "onUpdate:modelValue": R[1] || (R[1] = (w) => l("update:form", "taxes", [h(Ot).decodeTax(w)]))
               }, null, 8, ["disabled", "items", "label", "model-value"])
             ]),
-            !f.isOverride && h(a).isV4 ? (F(), j(Ye, {
+            !f.isOverride && h(a).isV4 ? (O(), j(Ye, {
               key: 0,
               label: h(r)("menu.price_tier.price_group"),
               description: h(r)("menu.price_tier.description")
@@ -4954,7 +4955,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
               default: P(() => {
                 var w;
                 return [
-                  f.isOverride ? ie("", !0) : (F(), j(pn, {
+                  f.isOverride ? ie("", !0) : (O(), j(pn, {
                     key: 0,
                     "price-tiers": h(o).priceTiers.value,
                     "model-value": f.form.priceTiers || ((w = f.fallback) == null ? void 0 : w.priceTiers) || {},
@@ -4989,7 +4990,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                         sublabel: h(r)("menu.product.form.price.settings.sell_by_unit.sublabel"),
                         "onUpdate:modelValue": d
                       }, null, 8, ["disabled", "model-value", "value", "label", "sublabel"]),
-                      u.value ? (F(), te("div", Lr, [
+                      u.value ? (O(), te("div", Lr, [
                         V("p", Gr, de(h(r)("menu.product.form.price.settings.sell_by_unit.per_unit.label")), 1),
                         V("div", Kr, [
                           b(M, {
@@ -5019,14 +5020,14 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                         ])
                       ])) : ie("", !0)
                     ]),
-                    s.value.costing ? (F(), te("div", Wr, [
+                    s.value.costing ? (O(), te("div", Wr, [
                       b(L, {
                         "model-value": !!f.form.costing,
                         value: !!f.form.costing,
                         label: h(r)("menu.product.form.price.settings.track_costing.label"),
                         "onUpdate:modelValue": R[5] || (R[5] = (x) => l("update:form", "costing", x ? h(ke.Dinero).zero().toObject() : void 0))
                       }, null, 8, ["model-value", "value", "label"]),
-                      f.form.costing ? (F(), te("div", Yr, [
+                      f.form.costing ? (O(), te("div", Yr, [
                         V("div", Hr, [
                           b(et, {
                             class: "w-full",
@@ -5039,7 +5040,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                         ])
                       ])) : ie("", !0)
                     ])) : ie("", !0),
-                    s.value.minPrice ? (F(), te("div", Xr, [
+                    s.value.minPrice ? (O(), te("div", Xr, [
                       b(L, {
                         disabled: !s.value.minPrice || f.isAddon,
                         "model-value": !!f.form.minPrice,
@@ -5049,7 +5050,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                       }, null, 8, ["disabled", "model-value", "value", "label"]),
                       V("div", qr, [
                         V("div", Zr, [
-                          f.form.minPrice ? (F(), j(et, {
+                          f.form.minPrice ? (O(), j(et, {
                             key: 0,
                             max: h(ke.Dinero).fromFdoDinero(f.form.price).toUnit(),
                             min: 0,
@@ -5079,9 +5080,9 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
     applyProduct: { type: Boolean }
   },
   setup(e) {
-    const { t: i } = he(), t = e, n = qe(Xe(Ee())), a = O(
+    const { t: i } = he(), t = e, n = qe(Xe(Ee())), a = F(
       () => t.initialValue ? i("menu.print_dept.update") : i("menu.print_dept.add")
-    ), o = O(
+    ), o = F(
       () => t.initialValue ? i("menu.common.actions.update") : i("menu.common.actions.add")
     ), r = ee(
       t.initialValue ? ue(t.initialValue) : { ...Ie.generator.initMenuV4PrintDepartment(), usedBy: [] }
@@ -5121,7 +5122,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
       }
     ), (c, m) => {
       const p = N("fm-text-field"), v = N("fm-button"), y = N("fm-side-sheet");
-      return F(), te(Ae, null, [
+      return O(), te(Ae, null, [
         ve(c.$slots, "default", { trigger: u }),
         b(y, {
           id: "variant-form",
@@ -5168,7 +5169,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                 autofocus: "",
                 label: h(i)("menu.print_dept.columns.name")
               }, null, 8, ["modelValue", "rules", "label"]),
-              c.applyProduct ? (F(), j(eo, {
+              c.applyProduct ? (O(), j(eo, {
                 key: 0,
                 overrides: r.value.usedBy || [],
                 "select-variant": !1,
@@ -5202,16 +5203,16 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         toRoot: !1
       };
     }
-    const l = O(() => n.rules.item), s = O(() => n.printDepartments), u = O(() => {
+    const l = F(() => n.rules.item), s = F(() => n.printDepartments), u = F(() => {
       var S;
       return ((S = t.form.print) == null ? void 0 : S.sequential) ?? !1;
-    }), d = O(() => {
+    }), d = F(() => {
       var S;
       return u.value ? s.value.reduce(
         (f, { _id: R }) => (f.includes(R) || (f = [...f, R]), f),
         [...((S = t.form.print) == null ? void 0 : S.department) ?? []]
       ) : s.value.map(({ _id: f }) => f);
-    }), c = O(() => s.value.reduce((S, f) => (S[f._id] = f.name, S), {}));
+    }), c = F(() => s.value.reduce((S, f) => (S[f._id] = f.name, S), {}));
     function m(S) {
       o("update:form", "print", {
         ...r(),
@@ -5245,7 +5246,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
         department: R
       });
     }
-    const _ = O(() => [
+    const _ = F(() => [
       {
         label: a("menu.product.form.print.kds.options.all.label"),
         value: !1,
@@ -5262,13 +5263,13 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
       () => y(s.value[s.value.length - 1]._id, !0)
     ), (S, f) => {
       const R = N("fm-switch"), K = N("fm-radio"), U = N("fm-radio-group"), L = N("fm-button"), M = N("fm-checkbox");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(a)("menu.product.form.print.title")
       }, {
         default: P(() => {
           var T;
           return [
-            l.value.printConfig ? (F(), j(Ye, {
+            l.value.printConfig ? (O(), j(Ye, {
               key: 0,
               label: h(a)("menu.product.form.print.config.label")
             }, {
@@ -5293,7 +5294,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
             }, {
               default: P(() => [
                 V("div", os, [
-                  (F(!0), te(Ae, null, Ue(_.value, (I, w) => (F(), j(K, {
+                  (O(!0), te(Ae, null, Ue(_.value, (I, w) => (O(), j(K, {
                     key: w,
                     label: I.label,
                     sublabel: I.description,
@@ -5307,7 +5308,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
               label: h(a)("menu.product.form.print.routes.label")
             }, {
               default: P(() => [
-                d.value.length ? (F(), j(h(Gi), {
+                d.value.length ? (O(), j(h(Gi), {
                   key: 0,
                   "item-key": (I) => I,
                   "model-value": d.value,
@@ -5320,7 +5321,7 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
                     return [
                       V("div", as, [
                         V("div", rs, [
-                          u.value ? (F(), j(L, {
+                          u.value ? (O(), j(L, {
                             key: 0,
                             disabled: !((A = (w = t.form.print) == null ? void 0 : w.department) != null && A.includes(I)),
                             class: "handle",
@@ -5368,10 +5369,10 @@ const gr = { class: "fm-typo-en-title-md-600" }, br = {
   }
 });
 function us(e, i, t) {
-  const n = O(() => {
+  const n = F(() => {
     var s, u;
     return !!((u = (s = e.form.variant) == null ? void 0 : s.variantCombinations) != null && u.length);
-  }), a = O(() => n.value && t.value.bindToVariant), o = O(() => {
+  }), a = F(() => n.value && t.value.bindToVariant), o = F(() => {
     var s;
     return [
       {
@@ -5392,7 +5393,7 @@ function us(e, i, t) {
         }
       }
     ];
-  }), r = O(() => {
+  }), r = F(() => {
     var u;
     const s = (((u = e.form.variant) == null ? void 0 : u.variantCombinations) || []).map((d, c) => ({
       key: d.combinationKey || "",
@@ -5408,7 +5409,7 @@ function us(e, i, t) {
       }
     }));
     return [...o.value, ...s];
-  }), l = O(
+  }), l = F(
     () => a.value ? r.value : o.value
   );
   return {
@@ -5433,12 +5434,12 @@ const cs = /* @__PURE__ */ me({
   setup(e, {
     emit: i
   }) {
-    const t = e, n = be(), a = O(() => n.rules.item), o = qe(Xe(Ee())), {
+    const t = e, n = be(), a = F(() => n.rules.item), o = qe(Xe(Ee())), {
       t: r
     } = he(), l = i, {
       hasVariant: s,
       takeaways: u
-    } = us(t, l, a), d = O(() => [t.isOverride ? {
+    } = us(t, l, a), d = F(() => [t.isOverride ? {
       label: r("menu.product.form.takeaway.options.follows_main"),
       value: null
     } : {
@@ -5498,7 +5499,7 @@ const cs = /* @__PURE__ */ me({
     }]);
     return (m, p) => {
       const v = N("fm-table");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(r)("menu.product.form.takeaway.title"),
         "sub-title": h(r)("menu.product.form.takeaway.subtitle")
       }, {
@@ -5524,7 +5525,7 @@ const cs = /* @__PURE__ */ me({
     selectedVariants: {}
   },
   setup(e) {
-    const i = Ne(), { emitData: t, emitAction: n } = Vi(), a = be(), { t: o } = he(), r = e, l = O(() => a.variants.map((c) => ({
+    const i = Ne(), { emitData: t, emitAction: n } = Vi(), a = be(), { t: o } = he(), r = e, l = F(() => a.variants.map((c) => ({
       label: c.name,
       value: c._id,
       disabled: !1
@@ -5533,7 +5534,7 @@ const cs = /* @__PURE__ */ me({
     };
     return (c, m) => {
       const p = N("FmSearch"), v = N("FmCheckbox"), y = N("FmButton");
-      return l.value.length > 0 ? (F(), te("div", ds, [
+      return l.value.length > 0 ? (O(), te("div", ds, [
         V("div", null, [
           b(p, {
             autofocus: "",
@@ -5544,7 +5545,7 @@ const cs = /* @__PURE__ */ me({
         ]),
         V("div", ms, [
           V("div", null, [
-            (F(!0), te(Ae, null, Ue(l.value, (_) => (F(), te("div", {
+            (O(!0), te(Ae, null, Ue(l.value, (_) => (O(), te("div", {
               key: _.value
             }, [
               ut(b(v, {
@@ -5564,7 +5565,7 @@ const cs = /* @__PURE__ */ me({
         V("div", ps, [
           b(h(vi), null, {
             default: P(({ trigger: _ }) => [
-              h(a).rules.item.variant ? (F(), j(y, {
+              h(a).rules.item.variant ? (O(), j(y, {
                 key: 0,
                 label: h(o)("menu.common.actions.add_new_variant"),
                 variant: "tertiary",
@@ -5586,7 +5587,7 @@ const cs = /* @__PURE__ */ me({
             }, null, 8, ["label"])
           ])
         ])
-      ])) : (F(), te("div", fs, [
+      ])) : (O(), te("div", fs, [
         V("div", vs, [
           V("p", gs, de(h(o)("menu.common.empty.no_variant.title")), 1),
           V("p", bs, de(h(o)("menu.common.empty.no_variant.subtitle")), 1)
@@ -5631,7 +5632,7 @@ const cs = /* @__PURE__ */ me({
   }) {
     const t = e, n = be(), a = ii(), o = Ee(), r = Ne(), {
       t: l
-    } = he(), s = ee(!1), u = O(() => n.rules.item), d = O(() => u.value.minPrice && !!t.form.minPrice), c = O(() => !n.state.currentCatalogId), m = O(() => n.variants.reduce((w, A) => (w[A._id] = A, w), {})), p = i;
+    } = he(), s = ee(!1), u = F(() => n.rules.item), d = F(() => u.value.minPrice && !!t.form.minPrice), c = F(() => !n.state.currentCatalogId), m = F(() => n.variants.reduce((w, A) => (w[A._id] = A, w), {})), p = i;
     function v(w) {
       const A = Ve.clone(t.form);
       for (const {
@@ -5674,7 +5675,7 @@ const cs = /* @__PURE__ */ me({
     }
     const f = (w) => {
       K(w);
-    }, R = O(() => {
+    }, R = F(() => {
       var A;
       return (((A = t.form.variant) == null ? void 0 : A.variantCombinations) || []).map((k) => {
         var $, z;
@@ -5748,10 +5749,10 @@ const cs = /* @__PURE__ */ me({
         value: x.variant
       }]);
     }
-    const L = O(() => {
+    const L = F(() => {
       var w, A;
       return ((w = n.currentCatalog) == null ? void 0 : w.priceTierRules) ?? ((A = n.currentCatalog) == null ? void 0 : A.usePriceTiers) ?? [];
-    }), M = O(() => [{
+    }), M = F(() => [{
       accessorKey: "combinationKey",
       header: () => l("menu.product.form.variant.columns.variant"),
       enableSorting: !1,
@@ -5767,7 +5768,7 @@ const cs = /* @__PURE__ */ me({
           modelValue: A,
           placeholder: $ || l("menu.product.form.variant.placeholders.no_code"),
           rules: [(C) => {
-            const W = C, ae = O(() => {
+            const W = C, ae = F(() => {
               var E;
               if (!n.state.featureFlags.uniqueProductCode || !W) return 0;
               let re = n.itemCodeMap.get(W) || 0;
@@ -5848,7 +5849,7 @@ const cs = /* @__PURE__ */ me({
           showCurrency: !1
         }, null);
       }
-    }]), T = O(() => ({
+    }]), T = F(() => ({
       minPrice: d.value
     }));
     function I(w) {
@@ -5858,11 +5859,11 @@ const cs = /* @__PURE__ */ me({
     }
     return (w, A) => {
       const k = N("fm-button"), x = N("fm-icon"), $ = N("FmFormGroup"), z = N("fm-table");
-      return F(), j(Be, {
+      return O(), j(Be, {
         title: h(l)("menu.product.form.variant.title"),
         "sub-title": h(l)("menu.product.form.variant.subtitle")
       }, {
-        "append-title": P(() => [h(n).rules.item.variant ? (F(), j(k, {
+        "append-title": P(() => [h(n).rules.item.variant ? (O(), j(k, {
           key: 0,
           label: h(l)("menu.product.form.variant.add"),
           variant: "secondary",
@@ -5907,7 +5908,7 @@ const cs = /* @__PURE__ */ me({
             }),
             _: 1
           }, 8, ["model-value", "rules"]), b(mn, null, {
-            default: P(() => [R.value.length ? (F(), j(z, {
+            default: P(() => [R.value.length ? (O(), j(z, {
               key: 0,
               class: "w-full",
               "column-defs": M.value,
@@ -5925,7 +5926,7 @@ const cs = /* @__PURE__ */ me({
     };
   }
 }), xs = {
-  class: /* @__PURE__ */ Fe(["flex", "space-x-40", "max-w-[1200px] mx-auto w-full"])
+  class: /* @__PURE__ */ Oe(["flex", "space-x-40", "max-w-[1200px] mx-auto w-full"])
 }, Rs = {
   key: 1,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
@@ -5935,10 +5936,10 @@ const cs = /* @__PURE__ */ me({
 }, Ms = {
   key: 4,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, Fs = {
+}, Os = {
   key: 6,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, Os = {
+}, Fs = {
   key: 7,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
 }, zs = {
@@ -5958,7 +5959,7 @@ const cs = /* @__PURE__ */ me({
   emits: ["update:show", "submit:form"],
   setup(e, { emit: i }) {
     var oi, ai, ri, si, li;
-    const t = e, n = i, a = be(), o = mt(), { t: r } = he(), l = O(() => t.action === "add" ? r("menu.product.form.title.add") : r("menu.product.form.title.update")), s = O(() => a.rules.item), u = (H) => new Promise((B) => setTimeout(B, H));
+    const t = e, n = i, a = be(), o = mt(), { t: r } = he(), l = F(() => t.action === "add" ? r("menu.product.form.title.add") : r("menu.product.form.title.update")), s = F(() => a.rules.item), u = (H) => new Promise((B) => setTimeout(B, H));
     ot(async () => {
       t.autoShow && (await u(100), c());
     });
@@ -5996,7 +5997,7 @@ const cs = /* @__PURE__ */ me({
       a.selectCatalog(H), a.selectScheduler(B), await Ei(), y.update(p.value._id), setTimeout(() => {
         n("update:show", !1);
       }, 100);
-    }, S = O(() => {
+    }, S = F(() => {
       var H;
       return a.mapVariant((H = p.value.variant) == null ? void 0 : H.variantGroupIds);
     }), f = ee(null);
@@ -6025,12 +6026,12 @@ const cs = /* @__PURE__ */ me({
         (B = a.currentScheduler) == null ? void 0 : B._id
       ))[0] : void 0;
     }
-    const U = O(
+    const U = F(
       () => !!a.currentCatalog || !!a.state.currentSchedulerId
-    ), L = O(() => {
+    ), L = F(() => {
       var H;
       return U.value ? p.value.category == "" || p.value.category == null && ((H = m.value) == null ? void 0 : H.category) == null : a.version === G.F_MENU_VERSION.enum.v4 && p.value.category == null;
-    }), M = O(() => o.itemAttributeSettings.value.length > 0 && !U.value);
+    }), M = F(() => o.itemAttributeSettings.value.length > 0 && !U.value);
     function T() {
       var fe;
       const H = a.getSelectedTax(
@@ -6043,7 +6044,7 @@ const cs = /* @__PURE__ */ me({
     function I() {
       f.value = null, p.value.thumbnail = null;
     }
-    const w = O(() => {
+    const w = F(() => {
       var H, B, pe, fe, Q, ui, ci, di, mi;
       return {
         title: r("menu.product.form.summary.title"),
@@ -6099,7 +6100,7 @@ const cs = /* @__PURE__ */ me({
         orderFrom: void 0
       });
     }
-    const x = O(() => {
+    const x = F(() => {
       const H = {};
       return a.state.menu.modules.item.forEach((B) => {
         var pe;
@@ -6237,7 +6238,7 @@ const cs = /* @__PURE__ */ me({
       c(), oe();
     }
     const { isAtMost: Le } = Pi(), ni = ee(null), gn = Bn(ni);
-    return (H, B) => (F(), te(Ae, null, [
+    return (H, B) => (O(), te(Ae, null, [
       ve(H.$slots, "trigger", Cn(kn({
         trigger: c
       }))),
@@ -6257,7 +6258,7 @@ const cs = /* @__PURE__ */ me({
         onOnCancel: ne
       }, {
         "append-title": P(() => [
-          h(Le)("sm") ? (F(), j(gi, {
+          h(Le)("sm") ? (O(), j(gi, {
             key: 0,
             variant: "dialog",
             title: w.value.title,
@@ -6267,7 +6268,7 @@ const cs = /* @__PURE__ */ me({
         default: P(() => {
           var pe, fe;
           return [
-            h(Le)("sm") ? ie("", !0) : (F(), j(gi, {
+            h(Le)("sm") ? ie("", !0) : (O(), j(gi, {
               key: 0,
               class: "fixed",
               style: xn({
@@ -6282,9 +6283,9 @@ const cs = /* @__PURE__ */ me({
               V("div", {
                 ref_key: "formWrapper",
                 ref: ni,
-                class: Fe(["flex-1 py-24 space-y-24", "xs:w-full"])
+                class: Oe(["flex-1 py-24 space-y-24", "xs:w-full"])
               }, [
-                v.value && (Object.keys(v.value.catalogs || {}).length > 0 || v.value.schedulers.length > 0) ? (F(), j(ho, {
+                v.value && (Object.keys(v.value.catalogs || {}).length > 0 || v.value.schedulers.length > 0) ? (O(), j(ho, {
                   key: 0,
                   "linked-status": v.value,
                   "onUpdate:catalogAndScheduler": _
@@ -6315,8 +6316,8 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled", "description", "title"]),
-                U.value ? ie("", !0) : (F(), te("div", Rs)),
-                M.value ? (F(), j(Be, {
+                U.value ? ie("", !0) : (O(), te("div", Rs)),
+                M.value ? (O(), j(Be, {
                   key: 2,
                   title: h(r)("menu.product.form.sections.tagging.title"),
                   "sub-title": h(r)("menu.product.form.sections.tagging.subtitle")
@@ -6331,7 +6332,7 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["title", "sub-title"])) : ie("", !0),
-                M.value ? (F(), te("div", As)) : ie("", !0),
+                M.value ? (O(), te("div", As)) : ie("", !0),
                 b(Qe, {
                   toggle: $.value,
                   "onUpdate:toggle": [
@@ -6353,8 +6354,8 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled", "description", "title"]),
-                s.value.print && !U.value ? (F(), te("div", Ms)) : ie("", !0),
-                s.value.print ? (F(), j(Qe, {
+                s.value.print && !U.value ? (O(), te("div", Ms)) : ie("", !0),
+                s.value.print ? (O(), j(Qe, {
                   key: 5,
                   toggle: D.value,
                   "onUpdate:toggle": [
@@ -6378,7 +6379,7 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle"])) : ie("", !0),
-                U.value ? ie("", !0) : (F(), te("div", Fs)),
+                U.value ? ie("", !0) : (O(), te("div", Os)),
                 b(Qe, {
                   toggle: g.value,
                   "onUpdate:toggle": [
@@ -6402,8 +6403,8 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled", "description", "title"]),
-                s.value.group && !U.value ? (F(), te("div", Os)) : ie("", !0),
-                s.value.group ? (F(), j(Qe, {
+                s.value.group && !U.value ? (O(), te("div", Fs)) : ie("", !0),
+                s.value.group ? (O(), j(Qe, {
                   key: 8,
                   toggle: q.value,
                   "onUpdate:toggle": [
@@ -6427,8 +6428,8 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled"])) : ie("", !0),
-                s.value.inventory && !U.value ? (F(), te("div", zs)) : ie("", !0),
-                s.value.inventory ? (F(), j(Qe, {
+                s.value.inventory && !U.value ? (O(), te("div", zs)) : ie("", !0),
+                s.value.inventory ? (O(), j(Qe, {
                   key: 10,
                   toggle: W.value,
                   "onUpdate:toggle": [
@@ -6452,8 +6453,8 @@ const cs = /* @__PURE__ */ me({
                   ]),
                   _: 1
                 }, 8, ["toggle", "disabled", "description", "title"])) : ie("", !0),
-                s.value.takeaway(p.value.category ?? ((pe = m.value) == null ? void 0 : pe.category)) && !U.value ? (F(), te("div", Is)) : ie("", !0),
-                s.value.takeaway(p.value.category ?? ((fe = m.value) == null ? void 0 : fe.category)) ? (F(), j(Qe, {
+                s.value.takeaway(p.value.category ?? ((pe = m.value) == null ? void 0 : pe.category)) && !U.value ? (O(), te("div", Is)) : ie("", !0),
+                s.value.takeaway(p.value.category ?? ((fe = m.value) == null ? void 0 : fe.category)) ? (O(), j(Qe, {
                   key: 12,
                   toggle: re.value,
                   "onUpdate:toggle": [
@@ -6584,7 +6585,7 @@ function Vs(e, i) {
     _id: e._id
   };
 }
-const ii = Fi("item-manager", () => {
+const ii = Oi("item-manager", () => {
   const e = be(), i = Ee(), t = Ne(), n = Xe(i), a = qe(n), o = Ii(), { t: r } = he(), l = (M) => {
     if (!o) throw new Error("No current instance found");
     const { container: T } = Tn(Ts, o, {