@feedmepos/mf-menu 0.32.41-dev → 0.32.41-dev.2

package/dist/{CookingGuide-DbMIe9_K.js → CookingGuide-Cy0Kt6Ys.js}

@@ -1,18 +1,18 @@
-import { defineComponent as le, ref as V, computed as F, resolveComponent as x, createBlock as T, openBlock as g, unref as n, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as E, toDisplayString as S, Fragment as z, renderList as Q, withModifiers as ae, createCommentVNode as ce, createTextVNode as fe, h as R } from "vue";
+import { defineComponent as le, ref as V, computed as F, resolveComponent as x, createBlock as T, openBlock as g, unref as n, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as E, toDisplayString as S, Fragment as z, renderList as J, withModifiers as ae, createCommentVNode as ce, createTextVNode as fe, h as A } from "vue";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { components as de, useBreakpoints as be, useSnackbar as ye, useDialog as ke } from "@feedmepos/ui-library";
 import { _ as he } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as xe } from "./app-DmWoLe5_.js";
-import { I as ee, J as me, M as re, A as oe, u as Ce, Q as we, G as Fe, a4 as Ve } from "./index.vue_vue_type_script_setup_true_lang-kAgODQk6.js";
+import { _ as xe } from "./app-D4se7Sr4.js";
+import { G as ee, H as me, J as re, y as oe, u as Ce, O as we, B as Fe, a2 as Ve } from "./index.vue_vue_type_script_setup_true_lang-CsnEYmWv.js";
 import { d as Se } from "./vuedraggable-CK8z7qA8.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-CYx6T762.js";
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-DQjE4JRi.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Ie } from "./LinkProductSideSheet-bUXGmrKI.js";
-import { _ as $e } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = { class: "space-y-32" }, Le = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Ne = { class: "px-16 py-8 w-[40%]" }, De = { class: "px-16 py-8 grow" }, Ge = { class: "px-16 py-8 w-[40%]" }, Me = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Be = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Te = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ le({
+import { L as $e } from "./LinkProductSideSheet-CbppLDSB.js";
+import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = { class: "space-y-32" }, Le = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Ne = { class: "px-16 py-8 w-[40%]" }, De = { class: "px-16 py-8 grow" }, Be = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Me = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Te = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ le({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
-  setup(G, { expose: _, emit: X }) {
+  setup(B, { expose: _, emit: X }) {
     const { t: r } = se();
     _({
       show: s,
@@ -26,9 +26,9 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
         instruction: ""
       };
     }
-    const C = V(!1), A = V(!1), $ = V(void 0);
+    const C = V(!1), R = V(!1), I = V(void 0);
     function s(v) {
-      A.value = !!v, $.value = v ? ee(v) : D(), c.value = ee($.value), w.value = Object.entries(c.value.variables).map(
+      R.value = !!v, I.value = v ? ee(v) : D(), c.value = ee(I.value), w.value = Object.entries(c.value.variables).map(
         ([t, f]) => ({ key: t, value: f })
       ), C.value = !0;
     }
@@ -39,16 +39,16 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
     function q() {
       w.value.push({ key: "", value: "" });
     }
-    function H(v) {
+    function Q(v) {
       w.value.splice(v, 1);
     }
     function j(v) {
       const t = document.activeElement;
       if (t && t.tagName === "TEXTAREA") {
-        const f = t.selectionStart, L = t.selectionEnd, M = c.value.instruction, I = M.substring(0, f) + `{{${v}}}` + M.substring(L);
+        const f = t.selectionStart, L = t.selectionEnd, G = c.value.instruction, $ = G.substring(0, f) + `{{${v}}}` + G.substring(L);
         c.value = {
           ...c.value,
-          instruction: I
+          instruction: $
         }, setTimeout(() => {
           t.focus();
           const Y = f + `{{${v}}}`.length;
@@ -65,7 +65,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
         label: t
       }), v),
       []
-    )), h = F(() => A.value ? r("menu.cooking_guide.step_dialog.update.title") : r("menu.cooking_guide.step_dialog.add.title")), K = F(() => A.value ? r("menu.cooking_guide.step_dialog.update.action") : r("menu.cooking_guide.step_dialog.add.action"));
+    )), h = F(() => R.value ? r("menu.cooking_guide.step_dialog.update.title") : r("menu.cooking_guide.step_dialog.add.title")), K = F(() => R.value ? r("menu.cooking_guide.step_dialog.update.action") : r("menu.cooking_guide.step_dialog.add.action"));
     V();
     const i = pe(
       () => !me.isEqual(
@@ -73,7 +73,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
           ...c.value,
           variables: w.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
         },
-        $.value
+        I.value
       ),
       () => {
         C.value = !1;
@@ -86,7 +86,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       });
     }
     return (v, t) => {
-      const f = x("FmButton"), L = x("FmTextField"), M = x("FmChip"), I = x("FmTextarea"), Y = x("FmSideSheet");
+      const f = x("FmButton"), L = x("FmTextField"), G = x("FmChip"), $ = x("FmTextarea"), Y = x("FmSideSheet");
       return g(), T(Y, {
         modelValue: C.value,
         "onUpdate:modelValue": t[1] || (t[1] = (U) => C.value = U),
@@ -149,26 +149,26 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                     a("div", Ne, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
                     a("div", De, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
-                  (g(!0), E(z, null, Q(w.value, (U, B) => (g(), E("div", {
-                    key: B,
+                  (g(!0), E(z, null, J(w.value, (U, M) => (g(), E("div", {
+                    key: M,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
-                    a("div", Ge, [
+                    a("div", Be, [
                       l(L, {
-                        modelValue: w.value[B].key,
-                        "onUpdate:modelValue": (N) => w.value[B].key = N,
+                        modelValue: w.value[M].key,
+                        "onUpdate:modelValue": (N) => w.value[M].key = N,
                         rules: [
                           (N) => !!N || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required"),
                           (N) => !N || /^[a-z]+$/.test(N) || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.lowercase"),
-                          (N) => !N || w.value.findIndex((ue) => ue.key === N) === B || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
+                          (N) => !N || w.value.findIndex((ue) => ue.key === N) === M || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
                         ],
                         placeholder: n(r)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    a("div", Me, [
+                    a("div", Ge, [
                       l(L, {
-                        modelValue: w.value[B].value,
-                        "onUpdate:modelValue": (N) => w.value[B].value = N,
+                        modelValue: w.value[M].value,
+                        "onUpdate:modelValue": (N) => w.value[M].value = N,
                         rules: [
                           (N) => !!N || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
                         ],
@@ -179,7 +179,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                       icon: "delete",
                       variant: "tertiary",
                       "text-color": "neutral-gray-400",
-                      onClick: () => H(B)
+                      onClick: () => Q(M)
                     }, null, 8, ["onClick"])
                   ]))), 128))
                 ])
@@ -191,15 +191,15 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
             }, {
               default: p(() => [
                 a("div", Ue, [
-                  a("div", Be, [
-                    (g(!0), E(z, null, Q(k.value, (U) => (g(), T(M, {
+                  a("div", Me, [
+                    (g(!0), E(z, null, J(k.value, (U) => (g(), T(G, {
                       key: U.label,
                       label: U.label,
                       class: "text-fm-color-primary bg-fm-color-system-warning-100",
                       onMousedown: ae(() => j(U.label), ["prevent"])
                     }, null, 8, ["label", "onMousedown"]))), 128))
                   ]),
-                  l(I, {
+                  l($, {
                     modelValue: c.value.instruction,
                     "onUpdate:modelValue": t[0] || (t[0] = (U) => c.value.instruction = U),
                     ref: "textareaRef"
@@ -214,10 +214,10 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), Ae = { class: "w-[700px]" }, Re = { class: "flex bg-fm-color-neutral-gray-100" }, Pe = { class: "px-16 py-8 grow" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 w-[200px]" }, Ye = { class: "px-16 py-8 grow" }, Je = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Qe = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Xe = /* @__PURE__ */ le({
+}), Re = { class: "w-[700px]" }, Ae = { class: "flex bg-fm-color-neutral-gray-100" }, Pe = { class: "px-16 py-8 grow" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 w-[200px]" }, Ye = { class: "px-16 py-8 grow" }, He = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Xe = /* @__PURE__ */ le({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
-  setup(G, { expose: _, emit: X }) {
+  setup(B, { expose: _, emit: X }) {
     const { t: r } = se();
     _({
       show: s,
@@ -230,9 +230,9 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
         overrides: []
       };
     }
-    const C = V(!1), A = V(""), $ = V([]);
+    const C = V(!1), R = V(""), I = V([]);
     function s(k) {
-      A.value = k.itemName, $.value = k.steps, c.value = k.bindings ? ee(k.bindings) : D(), C.value = !0;
+      R.value = k.itemName, I.value = k.steps, c.value = k.bindings ? ee(k.bindings) : D(), C.value = !0;
     }
     function O() {
       C.value = !1;
@@ -242,7 +242,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       var K;
       return ((K = w.value[k]) == null ? void 0 : K.variables[h]) ?? "";
     }
-    function H(k, h, K) {
+    function Q(k, h, K) {
       const i = c.value.overrides.findIndex((u) => u.id === k);
       K ? i < 0 ? c.value.overrides.push({
         id: k,
@@ -282,29 +282,29 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
           }, null, 8, ["label"])
         ]),
         default: p(() => [
-          a("div", Ae, [
-            a("div", Re, [
+          a("div", Re, [
+            a("div", Ae, [
               a("div", Pe, S(n(r)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
               a("div", qe, S(n(r)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
               a("div", je, S(n(r)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
             ]),
-            (g(!0), E(z, null, Q($.value, (t) => (g(), E("div", {
+            (g(!0), E(z, null, J(I.value, (t) => (g(), E("div", {
               key: t.id,
               class: "flex border-t-2"
             }, [
               a("div", Ye, S(t.instruction), 1),
-              a("div", Je, [
-                (g(!0), E(z, null, Q(t.variables, (f, L) => (g(), E("div", {
+              a("div", He, [
+                (g(!0), E(z, null, J(t.variables, (f, L) => (g(), E("div", {
                   key: L,
                   class: "py-8 w-full text-ellipsis overflow-hidden whitespace-nowrap"
                 }, S(L), 1))), 128))
               ]),
-              a("div", Qe, [
-                (g(!0), E(z, null, Q(t.variables, (f, L) => (g(), E("div", { key: L }, [
+              a("div", Je, [
+                (g(!0), E(z, null, J(t.variables, (f, L) => (g(), E("div", { key: L }, [
                   l(K, {
                     "model-value": q(t.id, L.toString()),
                     placeholder: f,
-                    "onUpdate:modelValue": (M) => H(t.id, L.toString(), M)
+                    "onUpdate:modelValue": (G) => Q(t.id, L.toString(), G)
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ]))), 128))
               ])
@@ -315,7 +315,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       }, 8, ["modelValue"]);
     };
   }
-}), He = { class: "fm-typo-en-title-md-600" }, We = { class: "space-y-24" }, Ze = { class: "flex items-center" }, eo = { class: "flex-1" }, oo = { class: "flex items-center gap-8" }, to = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, no = { class: "flex-1" }, io = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ao = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, lo = { class: "fm-typo-en-body-md-500" }, so = { class: "px-16 py-8 flex gap-8" }, uo = { class: "flex gap-8 items-center justify-start" }, ro = /* @__PURE__ */ le({
+}), Qe = { class: "fm-typo-en-title-md-600" }, We = { class: "space-y-24" }, Ze = { class: "flex items-center" }, eo = { class: "flex-1" }, oo = { class: "flex items-center gap-8" }, to = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, no = { class: "flex-1" }, io = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ao = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, lo = { class: "fm-typo-en-body-md-500" }, so = { class: "px-16 py-8 flex gap-8" }, uo = { class: "flex gap-8 items-center justify-start" }, ro = /* @__PURE__ */ le({
   __name: "CookingGuideDialog",
   props: {
     categorizedItems: {
@@ -328,11 +328,11 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
     }
   },
   emits: ["onSave"],
-  setup(G, { expose: _, emit: X }) {
-    const r = G;
+  setup(B, { expose: _, emit: X }) {
+    const r = B;
     _({
-      showModal: A,
-      hideModal: $
+      showModal: R,
+      hideModal: I
     });
     function P() {
       return {
@@ -343,10 +343,10 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       };
     }
     const D = V(!1), C = V(void 0);
-    function A(e) {
+    function R(e) {
       C.value = e ? ee(e) : P(), s.value = ee(C.value), D.value = !0;
     }
-    function $() {
+    function I() {
       D.value = !1;
     }
     const s = V(P()), O = V();
@@ -361,7 +361,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
     function q(e) {
       s.value.steps.splice(e, 1);
     }
-    function H(e) {
+    function Q(e) {
       if (!e.id)
         s.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
       else {
@@ -428,7 +428,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       );
       o >= 0 && s.value.bindings.splice(o, 1);
     }
-    const { t } = se(), f = F(() => s.value._id ? t("menu.cooking_guide.dialog.update.title") : t("menu.cooking_guide.dialog.add.title")), L = F(() => s.value._id ? t("menu.cooking_guide.dialog.update.action") : t("menu.cooking_guide.dialog.add.action")), M = F(() => s.value.bindings.length), I = F(
+    const { t } = se(), f = F(() => s.value._id ? t("menu.cooking_guide.dialog.update.title") : t("menu.cooking_guide.dialog.add.title")), L = F(() => s.value._id ? t("menu.cooking_guide.dialog.update.action") : t("menu.cooking_guide.dialog.add.action")), G = F(() => s.value.bindings.length), $ = F(
       () => s.value.bindings.reduce((e, o) => {
         const b = e[o.productId] ?? [];
         return o.combinationKey ? e[o.productId] = [...b, o.combinationKey] : e[o.productId] = [], e;
@@ -454,17 +454,17 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
           itemName: m.name
         });
       return e;
-    }, [])), B = F(() => U.value.filter((e) => {
-      const o = I.value[e.itemId];
+    }, [])), M = F(() => U.value.filter((e) => {
+      const o = $.value[e.itemId];
       return !!o && (!e.combinationKey || o.includes(e.combinationKey));
     })), N = F(() => {
       const e = Y.value.toLowerCase();
-      return e ? B.value.filter(
+      return e ? M.value.filter(
         (o) => {
           var b;
           return ((b = o.itemCode) == null ? void 0 : b.toLowerCase().includes(e)) || o.itemName.toLowerCase().includes(e) || o.categoryName.toLowerCase().includes(e);
         }
-      ) : B.value;
+      ) : M.value;
     }), ue = F(() => N.value.reduce(
       (e, o) => {
         const b = e.findIndex((d) => d.id === o.categoryId);
@@ -487,7 +487,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
       }
     );
     function ve() {
-      $(), ge("onSave", s.value);
+      I(), ge("onSave", s.value);
     }
     return (e, o) => {
       const b = x("FmTextField"), d = x("FmButton"), m = x("FmCardSection"), W = x("FmCard"), te = x("FmSpacer"), ne = x("FmSearch"), ie = x("FmSideSheet");
@@ -506,7 +506,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
           "onOn:clickedAway": n(_e)
         }, {
           "side-sheet-header": p(() => [
-            a("span", He, S(f.value), 1)
+            a("span", Qe, S(f.value), 1)
           ]),
           "side-sheet-footer": p(() => [
             a("div", uo, [
@@ -520,7 +520,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                 variant: "tertiary",
                 label: n(t)("menu.cooking_guide.dialog.actions.cancel"),
                 size: "lg",
-                onClick: $
+                onClick: I
               }, null, 8, ["label"])
             ])
           ]),
@@ -563,7 +563,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                     handle: ".handle",
                     "item-key": "id"
                   }, {
-                    item: p(({ element: y, index: J }) => [
+                    item: p(({ element: y, index: H }) => [
                       l(W, {
                         variant: "outlined",
                         class: "rounded-md mb-16 items-center",
@@ -588,7 +588,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                           l(d, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: ae(() => q(J), ["stop"])
+                            onClick: ae(() => q(H), ["stop"])
                           }, null, 8, ["onClick"])
                         ]),
                         _: 2
@@ -599,14 +599,14 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                 ]),
                 _: 1
               }, 8, ["title"]),
-              G.canApplyItems ? (g(), T(Z, {
+              B.canApplyItems ? (g(), T(Z, {
                 key: 0,
                 title: n(t)("menu.cooking_guide.dialog.sections.apply_product.title")
               }, {
                 "append-title": p(() => [
                   l(te),
-                  l(Ie, {
-                    "categorized-items": G.categorizedItems,
+                  l($e, {
+                    "categorized-items": B.categorizedItems,
                     "initial-value": s.value.bindings.map((y) => ({
                       _id: y.productId,
                       combinationKey: y.combinationKey
@@ -632,7 +632,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                 default: p(() => [
                   a("div", oo, [
                     a("div", to, S(n(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
-                      count: M.value
+                      count: G.value
                     })), 1),
                     a("div", no, [
                       l(ne, {
@@ -642,27 +642,27 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
                       }, null, 8, ["modelValue", "placeholder"])
                     ])
                   ]),
-                  (g(!0), E(z, null, Q(ue.value, (y) => (g(), E("div", {
+                  (g(!0), E(z, null, J(ue.value, (y) => (g(), E("div", {
                     key: y.id || ""
                   }, [
                     a("div", io, S(y.name), 1),
-                    (g(!0), E(z, null, Q(y.items, (J) => (g(), E("div", {
-                      key: J.itemId,
+                    (g(!0), E(z, null, J(y.items, (H) => (g(), E("div", {
+                      key: H.itemId,
                       class: "flex items-center"
                     }, [
                       a("div", ao, [
-                        a("span", lo, S((J.itemCode ? `${J.itemCode} ` : "") + J.itemName), 1)
+                        a("span", lo, S((H.itemCode ? `${H.itemCode} ` : "") + H.itemName), 1)
                       ]),
                       a("div", so, [
                         l(d, {
                           icon: "edit",
                           variant: "tertiary",
-                          onClick: () => i(J)
+                          onClick: () => i(H)
                         }, null, 8, ["onClick"]),
                         l(d, {
                           icon: "delete",
                           variant: "tertiary",
-                          onClick: () => v(J)
+                          onClick: () => v(H)
                         }, null, 8, ["onClick"])
                       ])
                     ]))), 128))
@@ -677,7 +677,7 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
         l(ze, {
           ref_key: "cookingGuideStepDialogRef",
           ref: O,
-          onOnComplete: H
+          onOnComplete: Q
         }, null, 512),
         l(Xe, {
           ref_key: "cookingGuideStepOverrideDialogRef",
@@ -688,25 +688,25 @@ const Oe = { class: "flex items-center gap-8" }, Ee = { class: "grow" }, Ke = {
     };
   }
 });
-function co(G) {
+function co(B) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.create,
-    data: oe.FdoMenuCookingGuide.parse(G)
+    data: oe.FdoMenuCookingGuide.parse(B)
   };
 }
-function mo(G) {
+function mo(B) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.update,
-    data: oe.FdoMenuCookingGuide.parse(G)
+    data: oe.FdoMenuCookingGuide.parse(B)
   };
 }
-function po(G) {
+function po(B) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.delete,
-    data: G._id
+    data: B._id
   };
 }
 const go = {
@@ -723,7 +723,7 @@ const go = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Eo = /* @__PURE__ */ le({
   __name: "CookingGuide",
-  setup(G) {
+  setup(B) {
     const {
       t: _
     } = se(), X = be(), r = F(() => X.breakpoints.value.xs), P = F(() => [{
@@ -760,9 +760,9 @@ const go = {
         headerContentClass: "-mx-16"
       },
       enableSorting: !1,
-      cell: (i) => R("div", {
+      cell: (i) => A("div", {
         class: "flex justify-end"
-      }, [R(de.FmButton, {
+      }, [A(de.FmButton, {
         icon: "delete",
         textColor: "neutral-gray-400",
         variant: "tertiary",
@@ -770,7 +770,7 @@ const go = {
           k(i.row.original);
         }, ["stop", "prevent"])
       })])
-    }]), D = Ce(), C = F(() => O.checkMenuIsLoading()), A = F(() => D.categorizedItems), $ = F(() => D.state.menu.modules.cookingGuide), s = F(() => $.value.length > 0), O = we(Fe(ye())), c = V();
+    }]), D = Ce(), C = F(() => O.checkMenuIsLoading()), R = F(() => D.categorizedItems), I = F(() => D.state.menu.modules.cookingGuide), s = F(() => I.value.length > 0), O = we(Fe(ye())), c = V();
     function w() {
       var i;
       C.value || (i = c.value) == null || i.showModal();
@@ -779,20 +779,20 @@ const go = {
       var u;
       C.value || (u = c.value) == null || u.showModal(i);
     }
-    async function H(i) {
+    async function Q(i) {
       const u = i._id ? mo(i) : co(i);
       await O.updateMenu(u, i.name);
     }
     const j = ke();
     async function k(i) {
-      let u = [R("span", _("menu.cooking_guide.dialogs.remove.message.prefix")), R("span", {
+      let u = [A("span", _("menu.cooking_guide.dialogs.remove.message.prefix")), A("span", {
         class: "fm-typo-en-body-lg-600"
-      }, i.name), R("span", "?")];
-      i.bindings.length && (u = [R("span", _("menu.cooking_guide.dialogs.remove.message.products_using")), R("span", {
+      }, i.name), A("span", "?")];
+      i.bindings.length && (u = [A("span", _("menu.cooking_guide.dialogs.remove.message.products_using")), A("span", {
         class: "fm-typo-en-body-lg-600"
-      }, i.bindings.length), R("span", _("menu.cooking_guide.dialogs.remove.message.products_count")), ...u]), j.open({
+      }, i.bindings.length), A("span", _("menu.cooking_guide.dialogs.remove.message.products_count")), ...u]), j.open({
         title: _("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: R("div", u),
+        contentComponent: A("div", u),
         primaryActions: {
           text: _("menu.cooking_guide.actions.remove"),
           close: !0,
@@ -808,11 +808,11 @@ const go = {
     }
     const h = V(""), K = F(() => {
       const i = h.value.toLowerCase();
-      return i ? $.value.filter((u) => u.name.toLowerCase().includes(i)) : $.value;
+      return i ? I.value.filter((u) => u.name.toLowerCase().includes(i)) : I.value;
     });
     return (i, u) => {
-      const v = x("FmSearch"), t = x("FmTable"), f = x("FmButton"), L = x("FmListItem"), M = x("FmList");
-      return g(), T($e, {
+      const v = x("FmSearch"), t = x("FmTable"), f = x("FmButton"), L = x("FmListItem"), G = x("FmList");
+      return g(), T(Ie, {
         heading: n(_)("menu.cooking_guide.title")
       }, {
         "append-heading": p(() => [a("div", go, [s.value ? (g(), T(he, {
@@ -827,33 +827,33 @@ const go = {
           key: 1
         }, [a("div", _o, [l(v, {
           modelValue: h.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (I) => h.value = I),
+          "onUpdate:modelValue": u[1] || (u[1] = ($) => h.value = $),
           autofocus: "",
           class: "my-8 w-[320px] xs:w-full xs:px-16",
           placeholder: n(_)("menu.cooking_guide.table.search.placeholder")
-        }, null, 8, ["modelValue", "placeholder"])]), r.value ? (g(), T(M, {
+        }, null, 8, ["modelValue", "placeholder"])]), r.value ? (g(), T(G, {
           key: 1,
           class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
           separator: ""
         }, {
-          default: p(() => [(g(!0), E(z, null, Q(K.value, (I) => (g(), T(L, {
-            key: I._id,
-            label: I.name,
+          default: p(() => [(g(!0), E(z, null, J(K.value, ($) => (g(), T(L, {
+            key: $._id,
+            label: $.name,
             style: {
               padding: "12px 0 !important"
             },
-            onClick: () => q(I)
+            onClick: () => q($)
           }, {
-            default: p(() => [a("div", vo, [a("div", fo, S(I.name), 1), a("div", null, [a("div", bo, S(n(_)("menu.cooking_guide.table.mobile.products_linked", {
-              count: I.bindings.length
+            default: p(() => [a("div", vo, [a("div", fo, S($.name), 1), a("div", null, [a("div", bo, S(n(_)("menu.cooking_guide.table.mobile.products_linked", {
+              count: $.bindings.length
             })), 1), a("div", yo, S(n(_)("menu.cooking_guide.table.columns.steps", {
-              count: I.steps.length
+              count: $.steps.length
             })), 1)])]), l(f, {
               disabled: C.value,
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: ae(() => k(I), ["stop"])
+              onClick: ae(() => k($), ["stop"])
             }, null, 8, ["disabled", "onClick"])]),
             _: 2
           }, 1032, ["label", "onClick"]))), 128))]),
@@ -864,13 +864,13 @@ const go = {
           default: p(() => [l(t, {
             "column-defs": P.value,
             loading: C.value,
-            "page-size": $.value.length,
-            "row-data": $.value,
+            "page-size": I.value.length,
+            "row-data": I.value,
             "search-value": h.value,
             shrinkAt: !1,
             "hide-footer": "",
             "pin-header-row": "",
-            onRowClick: u[2] || (u[2] = (I) => q(I.original))
+            onRowClick: u[2] || (u[2] = ($) => q($.original))
           }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
           _: 1
         }))], 64)) : (g(), T(n(Ve), {
@@ -884,8 +884,8 @@ const go = {
         }, null, 8, ["action", "subtitle", "title"])), l(ro, {
           ref_key: "cookingGuideDialogRef",
           ref: c,
-          "categorized-items": A.value,
-          onOnSave: H
+          "categorized-items": R.value,
+          onOnSave: Q
         }, null, 8, ["categorized-items"])]),
         _: 1
       }, 8, ["heading"]);

package/dist/{CustomAttributeChip.vue_vue_type_script_setup_true_lang-KbbZAmIv.js → CustomAttributeChip.vue_vue_type_script_setup_true_lang-CX4s7NYy.js}

@@ -1,7 +1,7 @@
 import { defineComponent as S, computed as o, createBlock as v, openBlock as t, unref as c, withCtx as g, renderSlot as B, ref as A, resolveComponent as I, createElementBlock as a, createElementVNode as m, createCommentVNode as b, Fragment as f, renderList as C, toDisplayString as d, withModifiers as F } from "vue";
 import { useI18n as V } from "@feedmepos/mf-common";
 import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";
-import { u as D } from "./index.vue_vue_type_script_setup_true_lang-kAgODQk6.js";
+import { u as D } from "./index.vue_vue_type_script_setup_true_lang-CsnEYmWv.js";
 import { useBreakpoints as E } from "@feedmepos/ui-library";
 import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
 const X = /* @__PURE__ */ S({

package/dist/{Group-DIIuJACV.js → Group-0hMArGNs.js}

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

package/dist/{Group-BZd7YYFK.js → Group-BKFZMvZg.js}

@@ -2,9 +2,9 @@ import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-BrjgJ3NE.js";
-import { B as b } from "./item-DybTsHw-.js";
-import { a as h } from "./menu-DM97MTPH.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-st4plK2R.js";
+import { B as b } from "./item-DYsNPLH9.js";
+import { a as h } from "./menu-Btb1sPTh.js";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, A = /* @__PURE__ */ m({
   __name: "Group",
   setup(B) {