@feedmepos/mf-menu 0.32.74-dev.1 → 0.32.74-dev.2

package/dist/{CookingGuide-BiWZRQbV.js → CookingGuide-Bh5p7H6A.js}

@@ -1,24 +1,24 @@
-import { defineComponent as ae, ref as F, computed as V, resolveComponent as x, createBlock as U, openBlock as g, unref as n, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as K, toDisplayString as S, Fragment as M, renderList as X, withModifiers as ie, createCommentVNode as ce, createTextVNode as be, h as A } from "vue";
+import { defineComponent as ae, ref as F, computed as V, resolveComponent as x, createBlock as U, openBlock as _, unref as t, withCtx as g, createElementVNode as a, createVNode as l, createElementBlock as L, toDisplayString as S, Fragment as A, renderList as X, withModifiers as ie, createCommentVNode as ce, createTextVNode as ke, h as q } from "vue";
 import { useI18n as le } from "@feedmepos/mf-common";
-import { components as ue, useBreakpoints as ye, useSnackbar as ke, useDialog as he } from "@feedmepos/ui-library";
-import { _ as xe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as Ce } from "./app-CoNjmiQZ.js";
-import { d as ee, g as de, h as re, H as me, u as we, i as Ve, b as Fe, _ as Se } from "./index.vue_vue_type_script_setup_true_lang-46y6YBq_.js";
-import { u as pe, l as ge } from "./discardConfirm-BAt6f7Sp.js";
+import { components as de, useSnackbar as me, useBreakpoints as he, useDialog as xe } from "@feedmepos/ui-library";
+import { _ as Ce } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as we } from "./app-BCiY6nMZ.js";
+import { d as ee, g as ue, h as re, H as pe, u as Ve, i as Fe, b as Se, _ as Ie } from "./index.vue_vue_type_script_setup_true_lang-DAAzVaVe.js";
+import { u as ge, l as _e } from "./discardConfirm-DoHu8ey7.js";
 import { d as $e } from "./RuleConditionSelector.vue_vue_type_style_index_0_lang-CK8z7qA8.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-22NsN8mu.js";
-import { L as Ie } from "./LinkProductSideSheet-C8Kj6Jyt.js";
-import { _ as Oe } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
-const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = { class: "space-y-32" }, Be = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Te = { class: "px-16 py-8 grow" }, Ge = { class: "px-16 py-8 w-[40%]" }, ze = { class: "px-16 py-8 grow" }, Ee = { class: "space-y-16" }, Ue = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Me = { class: "flex gap-8 items-center justify-start" }, Re = /* @__PURE__ */ ae({
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-DvX2UUYM.js";
+import { L as Oe } from "./LinkProductSideSheet-B-t5u8nb.js";
+import { _ as Ge } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
+const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = { class: "space-y-32" }, Be = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Te = { class: "px-16 py-8 grow" }, ze = { class: "px-16 py-8 w-[40%]" }, Ee = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Ae = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Me = { class: "flex gap-8 items-center justify-start" }, Re = /* @__PURE__ */ ae({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
-  setup(T, { expose: _, emit: J }) {
-    const { t: r } = le();
-    _({
-      show: s,
+  setup(N, { expose: p, emit: M }) {
+    const { t: s } = le();
+    p({
+      show: d,
       hide: O
     });
-    const P = J;
+    const z = M;
     function D() {
       return {
         id: "",
@@ -27,32 +27,32 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       };
     }
     const C = F(!1), R = F(!1), I = F(void 0);
-    function s(v) {
+    function d(v) {
       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 })
+        ([n, y]) => ({ key: n, value: y })
       ), C.value = !0;
     }
     function O() {
       C.value = !1;
     }
     const c = F(D()), w = F([]);
-    function q() {
+    function j() {
       w.value.push({ key: "", value: "" });
     }
-    function Q(v) {
+    function J(v) {
       w.value.splice(v, 1);
     }
-    function j(v) {
-      const t = document.activeElement;
-      if (t && t.tagName === "TEXTAREA") {
-        const f = t.selectionStart, N = t.selectionEnd, G = c.value.instruction, $ = G.substring(0, f) + `{{${v}}}` + G.substring(N);
+    function Y(v) {
+      const n = document.activeElement;
+      if (n && n.tagName === "TEXTAREA") {
+        const y = n.selectionStart, G = n.selectionEnd, E = c.value.instruction, $ = E.substring(0, y) + `{{${v}}}` + E.substring(G);
         c.value = {
           ...c.value,
           instruction: $
         }, setTimeout(() => {
-          t.focus();
-          const Y = f + `{{${v}}}`.length;
-          t.setSelectionRange(Y, Y);
+          n.focus();
+          const W = y + `{{${v}}}`.length;
+          n.setSelectionRange(W, W);
         }, 0);
       } else
         c.value = {
@@ -61,17 +61,17 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
         };
     }
     const k = V(() => w.value.reduce(
-      (v, { key: t }) => (t && v.every((f) => f.label !== t) && v.push({
-        label: t
+      (v, { key: n }) => (n && v.every((y) => y.label !== n) && v.push({
+        label: n
       }), v),
       []
-    )), h = V(() => R.value ? r("menu.cooking_guide.step_dialog.update.title") : r("menu.cooking_guide.step_dialog.add.title")), L = V(() => R.value ? r("menu.cooking_guide.step_dialog.update.action") : r("menu.cooking_guide.step_dialog.add.action"));
+    )), h = V(() => R.value ? s("menu.cooking_guide.step_dialog.update.title") : s("menu.cooking_guide.step_dialog.add.title")), B = V(() => R.value ? s("menu.cooking_guide.step_dialog.update.action") : s("menu.cooking_guide.step_dialog.add.action"));
     F();
-    const i = pe(
-      () => !ge.isEqual(
+    const i = ge(
+      () => !_e.isEqual(
         {
           ...c.value,
-          variables: w.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
+          variables: w.value.reduce((v, { key: n, value: y }) => ({ ...v, [n]: y }), {})
         },
         I.value
       ),
@@ -80,106 +80,106 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       }
     );
     function u() {
-      O(), P("onComplete", {
+      O(), z("onComplete", {
         ...c.value,
-        variables: w.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
+        variables: w.value.reduce((v, { key: n, value: y }) => ({ ...v, [n]: y }), {})
       });
     }
-    return (v, t) => {
-      const f = x("FmButton"), N = x("FmTextField"), G = x("FmChip"), $ = x("FmTextarea"), Y = x("FmSideSheet");
-      return g(), U(Y, {
+    return (v, n) => {
+      const y = x("FmButton"), G = x("FmTextField"), E = x("FmChip"), $ = x("FmTextarea"), W = x("FmSideSheet");
+      return _(), U(W, {
         modelValue: C.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (z) => C.value = z),
+        "onUpdate:modelValue": n[1] || (n[1] = (T) => C.value = T),
         closeButton: !1,
         header: h.value,
         "max-width": 560,
-        "is-container": n(ue).FmForm,
+        "is-container": t(de).FmForm,
         "is-container-props": {
           onValidationSuccess: u,
           blameFormChildOnValidationFailed: !0,
           class: "flex flex-col h-full"
         },
-        "onOn:clickedAway": n(i)
+        "onOn:clickedAway": t(i)
       }, {
-        "side-sheet-header": p(() => [
+        "side-sheet-header": g(() => [
           a("div", Ke, [
-            l(f, {
+            l(y, {
               icon: "arrow_back",
               variant: "tertiary",
-              label: n(r)("menu.cooking_guide.step_dialog.actions.back"),
+              label: t(s)("menu.cooking_guide.step_dialog.actions.back"),
               onClick: O
             }, null, 8, ["label"]),
             a("div", Le, S(h.value), 1)
           ])
         ]),
-        "side-sheet-footer": p(() => [
+        "side-sheet-footer": g(() => [
           a("div", Me, [
-            l(f, {
-              label: L.value,
+            l(y, {
+              label: B.value,
               size: "lg",
               variant: "primary",
               type: "submit"
             }, null, 8, ["label"]),
-            l(f, {
-              label: n(r)("menu.cooking_guide.step_dialog.actions.cancel"),
+            l(y, {
+              label: t(s)("menu.cooking_guide.step_dialog.actions.cancel"),
               size: "lg",
               variant: "tertiary",
               onClick: O
             }, null, 8, ["label"])
           ])
         ]),
-        default: p(() => [
+        default: g(() => [
           a("div", Ne, [
             l(Z, {
-              title: n(r)("menu.cooking_guide.step_dialog.sections.variables.title")
+              title: t(s)("menu.cooking_guide.step_dialog.sections.variables.title")
             }, {
-              "append-title": p(() => [
-                l(f, {
+              "append-title": g(() => [
+                l(y, {
                   icon: "add",
-                  label: n(r)("menu.cooking_guide.step_dialog.sections.variables.add"),
+                  label: t(s)("menu.cooking_guide.step_dialog.sections.variables.add"),
                   variant: "secondary",
                   "text-color": "primary",
                   "border-color": "primary",
-                  onClick: q
+                  onClick: j
                 }, null, 8, ["label"])
               ]),
-              default: p(() => [
+              default: g(() => [
                 a("div", null, [
                   a("div", Be, [
-                    a("div", De, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
-                    a("div", Te, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
+                    a("div", De, S(t(s)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
+                    a("div", Te, S(t(s)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
-                  (g(!0), K(M, null, X(w.value, (z, E) => (g(), K("div", {
-                    key: E,
+                  (_(!0), L(A, null, X(w.value, (T, P) => (_(), L("div", {
+                    key: P,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
-                    a("div", Ge, [
-                      l(N, {
-                        modelValue: w.value[E].key,
-                        "onUpdate:modelValue": (B) => w.value[E].key = B,
+                    a("div", ze, [
+                      l(G, {
+                        modelValue: w.value[P].key,
+                        "onUpdate:modelValue": (K) => w.value[P].key = K,
                         rules: [
-                          (B) => !!B || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required"),
-                          (B) => !B || /^[a-z]+$/.test(B) || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.lowercase"),
-                          (B) => !B || w.value.findIndex((se) => se.key === B) === E || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
+                          (K) => !!K || t(s)("menu.cooking_guide.step_dialog.sections.variables.validation.required"),
+                          (K) => !K || /^[a-z]+$/.test(K) || t(s)("menu.cooking_guide.step_dialog.sections.variables.validation.lowercase"),
+                          (K) => !K || w.value.findIndex((se) => se.key === K) === P || t(s)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
                         ],
-                        placeholder: n(r)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
+                        placeholder: t(s)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    a("div", ze, [
-                      l(N, {
-                        modelValue: w.value[E].value,
-                        "onUpdate:modelValue": (B) => w.value[E].value = B,
+                    a("div", Ee, [
+                      l(G, {
+                        modelValue: w.value[P].value,
+                        "onUpdate:modelValue": (K) => w.value[P].value = K,
                         rules: [
-                          (B) => !!B || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
+                          (K) => !!K || t(s)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
                         ],
-                        placeholder: n(r)("menu.cooking_guide.step_dialog.sections.variables.placeholders.value")
+                        placeholder: t(s)("menu.cooking_guide.step_dialog.sections.variables.placeholders.value")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    l(f, {
+                    l(y, {
                       icon: "delete",
                       variant: "tertiary",
                       "text-color": "neutral-gray-400",
-                      onClick: () => Q(E)
+                      onClick: () => J(P)
                     }, null, 8, ["onClick"])
                   ]))), 128))
                 ])
@@ -187,21 +187,21 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
               _: 1
             }, 8, ["title"]),
             l(Z, {
-              title: n(r)("menu.cooking_guide.step_dialog.sections.instruction.title")
+              title: t(s)("menu.cooking_guide.step_dialog.sections.instruction.title")
             }, {
-              default: p(() => [
-                a("div", Ee, [
-                  a("div", Ue, [
-                    (g(!0), K(M, null, X(k.value, (z) => (g(), U(G, {
-                      key: z.label,
-                      label: z.label,
+              default: g(() => [
+                a("div", Ue, [
+                  a("div", Ae, [
+                    (_(!0), L(A, null, X(k.value, (T) => (_(), U(E, {
+                      key: T.label,
+                      label: T.label,
                       class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                      onMousedown: ie(() => j(z.label), ["prevent"])
+                      onMousedown: ie(() => Y(T.label), ["prevent"])
                     }, null, 8, ["label", "onMousedown"]))), 128))
                   ]),
                   l($, {
                     modelValue: c.value.instruction,
-                    "onUpdate:modelValue": t[0] || (t[0] = (z) => c.value.instruction = z),
+                    "onUpdate:modelValue": n[0] || (n[0] = (T) => c.value.instruction = T),
                     ref: "textareaRef"
                   }, null, 8, ["modelValue"])
                 ])
@@ -214,16 +214,16 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), Ae = { class: "w-[700px]" }, Pe = { class: "flex bg-fm-color-neutral-gray-100" }, qe = { class: "px-16 py-8 grow" }, je = { class: "px-16 py-8 w-[200px]" }, Ye = { class: "px-16 py-8 w-[200px]" }, He = { class: "px-16 py-8 grow" }, Xe = { 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" }, Qe = /* @__PURE__ */ ae({
+}), Pe = { class: "w-[700px]" }, qe = { class: "flex bg-fm-color-neutral-gray-100" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px]" }, He = { class: "px-16 py-8 w-[200px]" }, Xe = { 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" }, We = /* @__PURE__ */ ae({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
-  setup(T, { expose: _, emit: J }) {
-    const { t: r } = le();
-    _({
-      show: s,
+  setup(N, { expose: p, emit: M }) {
+    const { t: s } = le();
+    p({
+      show: d,
       hide: O
     });
-    const P = J;
+    const z = M;
     function D() {
       return {
         productId: "",
@@ -231,80 +231,80 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       };
     }
     const C = F(!1), R = F(""), I = F([]);
-    function s(k) {
+    function d(k) {
       R.value = k.itemName, I.value = k.steps, c.value = k.bindings ? ee(k.bindings) : D(), C.value = !0;
     }
     function O() {
       C.value = !1;
     }
     const c = F(D()), w = V(() => c.value.overrides.reduce((k, h) => (k[h.id] = h, k), {}));
-    function q(k, h) {
-      var L;
-      return ((L = w.value[k]) == null ? void 0 : L.variables[h]) ?? "";
+    function j(k, h) {
+      var B;
+      return ((B = w.value[k]) == null ? void 0 : B.variables[h]) ?? "";
     }
-    function Q(k, h, L) {
+    function J(k, h, B) {
       const i = c.value.overrides.findIndex((u) => u.id === k);
-      L ? i < 0 ? c.value.overrides.push({
+      B ? i < 0 ? c.value.overrides.push({
         id: k,
-        variables: { [h]: L }
-      }) : c.value.overrides[i].variables[h] = L : i >= 0 && (delete c.value.overrides[i].variables[h], Object.keys(c.value.overrides[i].variables).length || c.value.overrides.splice(i, 1));
+        variables: { [h]: B }
+      }) : c.value.overrides[i].variables[h] = B : i >= 0 && (delete c.value.overrides[i].variables[h], Object.keys(c.value.overrides[i].variables).length || c.value.overrides.splice(i, 1));
     }
-    function j() {
-      O(), P("onComplete", c.value);
+    function Y() {
+      O(), z("onComplete", c.value);
     }
     return (k, h) => {
-      const L = x("FmTextField"), i = x("FmSpacer"), u = x("FmButton"), v = x("FmDialog");
-      return g(), U(v, {
+      const B = x("FmTextField"), i = x("FmSpacer"), u = x("FmButton"), v = x("FmDialog");
+      return _(), U(v, {
         modelValue: C.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (t) => C.value = t),
+        "onUpdate:modelValue": h[0] || (h[0] = (n) => C.value = n),
         overlay: !0,
         contentClass: "test",
         "min-width": "min(calc(100% - 48px), 748px)"
       }, {
-        "dialog-header": p(() => [
-          a("div", null, S(n(r)("menu.cooking_guide.step_override_dialog.title")), 1)
+        "dialog-header": g(() => [
+          a("div", null, S(t(s)("menu.cooking_guide.step_override_dialog.title")), 1)
         ]),
-        "dialog-footer": p(() => [
+        "dialog-footer": g(() => [
           l(i),
           l(u, {
             class: "sm:w-full xs:w-full",
-            label: n(r)("menu.cooking_guide.step_override_dialog.actions.cancel"),
+            label: t(s)("menu.cooking_guide.step_override_dialog.actions.cancel"),
             size: "md",
             variant: "tertiary",
             onClick: O
           }, null, 8, ["label"]),
           l(u, {
             class: "sm:w-full xs:w-full",
-            label: n(r)("menu.cooking_guide.step_override_dialog.actions.save"),
+            label: t(s)("menu.cooking_guide.step_override_dialog.actions.save"),
             size: "md",
             variant: "primary",
-            onClick: j
+            onClick: Y
           }, null, 8, ["label"])
         ]),
-        default: p(() => [
-          a("div", Ae, [
-            a("div", Pe, [
-              a("div", qe, S(n(r)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
-              a("div", je, S(n(r)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
-              a("div", Ye, S(n(r)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
+        default: g(() => [
+          a("div", Pe, [
+            a("div", qe, [
+              a("div", je, S(t(s)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
+              a("div", Ye, S(t(s)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
+              a("div", He, S(t(s)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
             ]),
-            (g(!0), K(M, null, X(I.value, (t) => (g(), K("div", {
-              key: t.id,
+            (_(!0), L(A, null, X(I.value, (n) => (_(), L("div", {
+              key: n.id,
               class: "flex border-t-2"
             }, [
-              a("div", He, S(t.instruction), 1),
-              a("div", Xe, [
-                (g(!0), K(M, null, X(t.variables, (f, N) => (g(), K("div", {
-                  key: N,
+              a("div", Xe, S(n.instruction), 1),
+              a("div", Je, [
+                (_(!0), L(A, null, X(n.variables, (y, G) => (_(), L("div", {
+                  key: G,
                   class: "py-8 w-full text-ellipsis overflow-hidden whitespace-nowrap"
-                }, S(N), 1))), 128))
+                }, S(G), 1))), 128))
               ]),
-              a("div", Je, [
-                (g(!0), K(M, null, X(t.variables, (f, N) => (g(), K("div", { key: N }, [
-                  l(L, {
-                    "model-value": q(t.id, N.toString()),
-                    placeholder: f,
-                    "onUpdate:modelValue": (G) => Q(t.id, N.toString(), G)
+              a("div", Qe, [
+                (_(!0), L(A, null, X(n.variables, (y, G) => (_(), L("div", { key: G }, [
+                  l(B, {
+                    "model-value": j(n.id, G.toString()),
+                    placeholder: y,
+                    "onUpdate:modelValue": (E) => J(n.id, G.toString(), E)
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ]))), 128))
               ])
@@ -315,26 +315,58 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       }, 8, ["modelValue"]);
     };
   }
-}), We = { class: "fm-typo-en-title-md-600" }, Ze = { class: "space-y-24" }, eo = { class: "flex items-center" }, oo = { class: "flex-1" }, to = { class: "flex items-center gap-8" }, no = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, io = { class: "flex-1" }, ao = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, lo = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, so = { class: "fm-typo-en-body-md-500" }, uo = { class: "px-16 py-8 flex gap-8" }, ro = { class: "flex gap-8 items-center justify-start" }, co = /* @__PURE__ */ ae({
+});
+function Ze(N, p) {
+  const M = new Set(N.bindings.map(({ productId: s }) => s));
+  return p.find(
+    (s) => s._id !== N._id && s.bindings.some(({ productId: z }) => M.has(z))
+  );
+}
+function eo(N) {
+  return {
+    module: re.enum.cookingGuide,
+    operation: ue.F_OPERATION_TYPE.create,
+    data: pe.parse(N)
+  };
+}
+function oo(N) {
+  return {
+    module: re.enum.cookingGuide,
+    operation: ue.F_OPERATION_TYPE.update,
+    data: pe.parse(N)
+  };
+}
+function no(N) {
+  return {
+    module: re.enum.cookingGuide,
+    operation: ue.F_OPERATION_TYPE.delete,
+    data: N._id
+  };
+}
+const to = { class: "fm-typo-en-title-md-600" }, io = { class: "space-y-24" }, ao = { class: "flex items-center" }, lo = { class: "flex-1" }, so = { class: "flex items-center gap-8" }, uo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ro = { class: "flex-1" }, co = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, mo = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, po = { class: "fm-typo-en-body-md-500" }, go = { class: "px-16 py-8 flex gap-8" }, _o = { class: "flex gap-8 items-center justify-start" }, vo = /* @__PURE__ */ ae({
   __name: "CookingGuideDialog",
   props: {
     categorizedItems: {
       type: Array,
       required: !0
     },
+    cookingGuides: {
+      type: Array,
+      required: !0
+    },
     canApplyItems: {
       type: Boolean,
       default: !0
     }
   },
   emits: ["onSave"],
-  setup(T, { expose: _, emit: J }) {
-    const r = T;
-    _({
+  setup(N, { expose: p, emit: M }) {
+    const s = N;
+    p({
       showModal: R,
       hideModal: I
     });
-    function P() {
+    function z() {
       return {
         _id: "",
         name: "",
@@ -344,12 +376,12 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
     }
     const D = F(!1), C = F(void 0);
     function R(e) {
-      C.value = e ? ee(e) : P(), s.value = ee(C.value), D.value = !0;
+      C.value = e ? ee(e) : z(), d.value = ee(C.value), D.value = !0;
     }
     function I() {
       D.value = !1;
     }
-    const s = F(P()), O = F();
+    const d = F(z()), O = F();
     function c() {
       var e;
       (e = O.value) == null || e.show();
@@ -358,93 +390,93 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
       var o;
       (o = O.value) == null || o.show(e);
     }
-    function q(e) {
-      s.value.steps.splice(e, 1);
+    function j(e) {
+      d.value.steps.splice(e, 1);
     }
-    function Q(e) {
+    function J(e) {
       if (!e.id)
-        s.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
+        d.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
       else {
-        const o = s.value.steps.findIndex(({ id: b }) => e.id === b);
-        o >= 0 && s.value.steps.splice(o, 1, e);
+        const o = d.value.steps.findIndex(({ id: f }) => e.id === f);
+        o >= 0 && d.value.steps.splice(o, 1, e);
       }
     }
-    function j(e) {
-      s.value = {
-        ...s.value,
+    function Y(e) {
+      d.value = {
+        ...d.value,
         bindings: e
       };
     }
     function k(e, o) {
-      return s.value.bindings.find(
-        (d) => d.productId === e && d.combinationKey == o
+      return d.value.bindings.find(
+        (r) => r.productId === e && r.combinationKey == o
       );
     }
     function h({ items: e }) {
-      const o = e.reduce((d, m) => (d[m._id] = d[m._id] ?? [], m.combinationKey && (d[m._id] = [...d[m._id], m.combinationKey]), d), {}), b = Object.entries(o).reduce(
-        (d, [m, W]) => {
+      const o = e.reduce((r, m) => (r[m._id] = r[m._id] ?? [], m.combinationKey && (r[m._id] = [...r[m._id], m.combinationKey]), r), {}), f = Object.entries(o).reduce(
+        (r, [m, Q]) => {
           var oe;
-          return d = W.length > 0 ? [
-            ...d,
-            ...W.map((te) => {
-              var ne;
+          return r = Q.length > 0 ? [
+            ...r,
+            ...Q.map((ne) => {
+              var te;
               return {
                 productId: m,
-                combinationKey: te,
-                overrides: ((ne = k(m, te)) == null ? void 0 : ne.overrides) ?? []
+                combinationKey: ne,
+                overrides: ((te = k(m, ne)) == null ? void 0 : te.overrides) ?? []
               };
             })
           ] : [
-            ...d,
+            ...r,
             {
               productId: m,
               overrides: ((oe = k(m)) == null ? void 0 : oe.overrides) ?? []
             }
-          ], d;
+          ], r;
         },
         []
       );
-      j(b);
+      Y(f);
     }
-    const L = F();
+    const B = F();
     function i(e) {
       var o;
-      (o = L.value) == null || o.show({
+      (o = B.value) == null || o.show({
         itemName: e.itemName,
-        steps: s.value.steps,
+        steps: d.value.steps,
         bindings: k(e.itemId, e.combinationKey)
       });
     }
-    function u({ productId: e, combinationKey: o, overrides: b }) {
-      const d = s.value.bindings.map((m) => ({
+    function u({ productId: e, combinationKey: o, overrides: f }) {
+      const r = d.value.bindings.map((m) => ({
         ...m,
-        overrides: m.productId === e && m.combinationKey == o ? b : m.overrides
+        overrides: m.productId === e && m.combinationKey == o ? f : m.overrides
       }));
-      j(d);
+      Y(r);
     }
     function v(e) {
-      const o = s.value.bindings.findIndex(
-        (b) => b.productId === e.itemId && e.combinationKey == b.combinationKey
+      const o = d.value.bindings.findIndex(
+        (f) => f.productId === e.itemId && e.combinationKey == f.combinationKey
       );
-      o >= 0 && s.value.bindings.splice(o, 1);
+      o >= 0 && d.value.bindings.splice(o, 1);
     }
-    const { t } = le(), f = V(() => s.value._id ? t("menu.cooking_guide.dialog.update.title") : t("menu.cooking_guide.dialog.add.title")), N = V(() => s.value._id ? t("menu.cooking_guide.dialog.update.action") : t("menu.cooking_guide.dialog.add.action")), G = V(() => s.value.bindings.length), $ = V(
-      () => s.value.bindings.reduce((e, o) => {
-        const b = e[o.productId] ?? [];
-        return o.combinationKey ? e[o.productId] = [...b, o.combinationKey] : e[o.productId] = [], e;
+    const { t: n } = le(), y = me(), G = V(() => d.value._id ? n("menu.cooking_guide.dialog.update.title") : n("menu.cooking_guide.dialog.add.title")), E = V(() => d.value._id ? n("menu.cooking_guide.dialog.update.action") : n("menu.cooking_guide.dialog.add.action")), $ = V(() => d.value.bindings.length), W = V(
+      () => d.value.bindings.reduce((e, o) => {
+        const f = e[o.productId] ?? [];
+        return o.combinationKey ? e[o.productId] = [...f, o.combinationKey] : e[o.productId] = [], e;
       }, {})
-    ), Y = F(""), z = V(() => r.categorizedItems.reduce((e, o) => {
-      var b, d;
+    ), T = F(""), P = V(() => s.categorizedItems.reduce((e, o) => {
+      var f, r;
       for (const m of o.items)
-        (b = m.variant) != null && b.variantGroupIds.length && ((d = m.variant) == null ? void 0 : d.variantGroupIds.length) > 0 ? e = [
+        (f = m.variant) != null && f.variantGroupIds.length && ((r = m.variant) == null ? void 0 : r.variantGroupIds.length) > 0 ? e = [
           ...e,
-          ...m.variant.variantCombinations.map((W) => ({
+          ...m.variant.variantCombinations.map((Q) => ({
             categoryId: o.id,
             categoryName: o.name,
             itemId: m._id,
             itemCode: m.code,
-            itemName: `${m.name} - ${W.codeName}`,
-            combinationKey: W.combinationKey
+            itemName: `${m.name} - ${Q.codeName}`,
+            combinationKey: Q.combinationKey
           }))
         ] : e.push({
           categoryId: o.id,
@@ -454,101 +486,114 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
           itemName: m.name
         });
       return e;
-    }, [])), E = V(() => z.value.filter((e) => {
-      const o = $.value[e.itemId];
+    }, [])), K = V(() => P.value.filter((e) => {
+      const o = W.value[e.itemId];
       return !!o && (!e.combinationKey || o.includes(e.combinationKey));
-    })), B = V(() => {
-      const e = Y.value.toLowerCase();
-      return e ? E.value.filter(
+    })), se = V(() => {
+      const e = T.value.toLowerCase();
+      return e ? K.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);
+          var f;
+          return ((f = o.itemCode) == null ? void 0 : f.toLowerCase().includes(e)) || o.itemName.toLowerCase().includes(e) || o.categoryName.toLowerCase().includes(e);
         }
-      ) : E.value;
-    }), se = V(() => B.value.reduce(
+      ) : K.value;
+    }), ve = V(() => se.value.reduce(
       (e, o) => {
-        const b = e.findIndex((d) => d.id === o.categoryId);
-        return b < 0 ? e.push({
+        const f = e.findIndex((r) => r.id === o.categoryId);
+        return f < 0 ? e.push({
           id: o.categoryId,
           name: o.categoryName,
           items: [o]
-        }) : e[b] = {
-          ...e[b],
-          items: [...e[b].items, o]
+        }) : e[f] = {
+          ...e[f],
+          items: [...e[f].items, o]
         }, e;
       },
       []
-    )), _e = J;
+    )), fe = M;
     F();
-    const ve = pe(
-      () => !ge.isEqual(C.value, s.value),
+    const be = ge(
+      () => !_e.isEqual(C.value, d.value),
       () => {
         D.value = !1;
       }
     );
-    function fe() {
-      I(), _e("onSave", s.value);
+    function ye() {
+      const e = Ze(
+        d.value,
+        s.cookingGuides
+      );
+      if (e) {
+        y.open({
+          type: "error",
+          message: n("menu.cooking_guide.dialog.validation.product_already_linked", {
+            name: e.name
+          })
+        });
+        return;
+      }
+      I(), fe("onSave", d.value);
     }
     return (e, o) => {
-      const b = x("FmTextField"), d = x("FmButton"), m = x("FmCardSection"), W = x("FmCard"), oe = x("FmSpacer"), te = x("FmSearch"), ne = x("FmSideSheet");
-      return g(), K(M, null, [
-        l(ne, {
+      const f = x("FmTextField"), r = x("FmButton"), m = x("FmCardSection"), Q = x("FmCard"), oe = x("FmSpacer"), ne = x("FmSearch"), te = x("FmSideSheet");
+      return _(), L(A, null, [
+        l(te, {
           modelValue: D.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (y) => D.value = y),
-          header: f.value,
+          "onUpdate:modelValue": o[4] || (o[4] = (b) => D.value = b),
+          header: G.value,
           "max-width": 560,
-          "is-container": n(ue).FmForm,
+          "is-container": t(de).FmForm,
           "is-container-props": {
-            onValidationSuccess: fe,
+            onValidationSuccess: ye,
             blameFormChildOnValidationFailed: !0,
             class: "flex flex-col h-full py-16"
           },
-          "onOn:clickedAway": n(ve)
+          "onOn:clickedAway": t(be)
         }, {
-          "side-sheet-header": p(() => [
-            a("span", We, S(f.value), 1)
+          "side-sheet-header": g(() => [
+            a("span", to, S(G.value), 1)
           ]),
-          "side-sheet-footer": p(() => [
-            a("div", ro, [
-              l(d, {
+          "side-sheet-footer": g(() => [
+            a("div", _o, [
+              l(r, {
                 variant: "primary",
-                label: N.value,
+                label: E.value,
                 size: "lg",
                 type: "submit"
               }, null, 8, ["label"]),
-              l(d, {
+              l(r, {
                 variant: "tertiary",
-                label: n(t)("menu.cooking_guide.dialog.actions.cancel"),
+                label: t(n)("menu.cooking_guide.dialog.actions.cancel"),
                 size: "lg",
                 onClick: I
               }, null, 8, ["label"])
             ])
           ]),
-          default: p(() => [
-            a("div", Ze, [
+          default: g(() => [
+            a("div", io, [
               l(Z, {
-                title: n(t)("menu.cooking_guide.dialog.sections.guide_detail.title")
+                title: t(n)("menu.cooking_guide.dialog.sections.guide_detail.title")
               }, {
-                default: p(() => [
-                  l(b, {
+                default: g(() => [
+                  l(f, {
                     autofocus: "",
-                    modelValue: s.value.name,
-                    "onUpdate:modelValue": o[0] || (o[0] = (y) => s.value.name = y),
-                    label: n(t)("menu.cooking_guide.dialog.sections.guide_detail.name.label"),
-                    placeholder: n(t)("menu.cooking_guide.dialog.sections.guide_detail.name.placeholder"),
+                    modelValue: d.value.name,
+                    "onUpdate:modelValue": o[0] || (o[0] = (b) => d.value.name = b),
+                    label: t(n)("menu.cooking_guide.dialog.sections.guide_detail.name.label"),
+                    placeholder: t(n)("menu.cooking_guide.dialog.sections.guide_detail.name.placeholder"),
                     rules: [
-                      (y) => !!y || n(t)("menu.cooking_guide.dialog.sections.guide_detail.name.required")
+                      (b) => !!b || t(n)("menu.cooking_guide.dialog.sections.guide_detail.name.required")
                     ]
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"])
                 ]),
                 _: 1
               }, 8, ["title"]),
               l(Z, {
-                title: n(t)("menu.cooking_guide.dialog.sections.steps.title")
+                title: t(n)("menu.cooking_guide.dialog.sections.steps.title")
               }, {
-                "append-title": p(() => [
-                  l(d, {
-                    label: n(t)("menu.cooking_guide.dialog.sections.steps.add"),
+                "append-title": g(() => [
+                  l(r, {
+                    label: t(n)("menu.cooking_guide.dialog.sections.steps.add"),
                     variant: "secondary",
                     "text-color": "primary",
                     "border-color": "primary",
@@ -556,39 +601,39 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
                     onClick: c
                   }, null, 8, ["label"])
                 ]),
-                default: p(() => [
-                  l(n($e), {
-                    modelValue: s.value.steps,
-                    "onUpdate:modelValue": o[1] || (o[1] = (y) => s.value.steps = y),
+                default: g(() => [
+                  l(t($e), {
+                    modelValue: d.value.steps,
+                    "onUpdate:modelValue": o[1] || (o[1] = (b) => d.value.steps = b),
                     handle: ".handle",
                     "item-key": "id"
                   }, {
-                    item: p(({ element: y, index: H }) => [
-                      l(W, {
+                    item: g(({ element: b, index: H }) => [
+                      l(Q, {
                         variant: "outlined",
                         class: "rounded-md mb-16 items-center",
                         horizontal: "",
-                        onClick: () => w(y)
+                        onClick: () => w(b)
                       }, {
-                        default: p(() => [
-                          a("div", eo, [
-                            l(d, {
+                        default: g(() => [
+                          a("div", ao, [
+                            l(r, {
                               class: "handle",
                               icon: "drag_handle",
                               variant: "tertiary"
                             }),
-                            a("p", oo, S(y.name), 1)
+                            a("p", lo, S(b.name), 1)
                           ]),
                           l(m, { class: "grow" }, {
-                            default: p(() => [
-                              be(S(y.instruction), 1)
+                            default: g(() => [
+                              ke(S(b.instruction), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          l(d, {
+                          l(r, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: ie(() => q(H), ["stop"])
+                            onClick: ie(() => j(H), ["stop"])
                           }, null, 8, ["onClick"])
                         ]),
                         _: 2
@@ -599,67 +644,67 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
                 ]),
                 _: 1
               }, 8, ["title"]),
-              T.canApplyItems ? (g(), U(Z, {
+              N.canApplyItems ? (_(), U(Z, {
                 key: 0,
-                title: n(t)("menu.cooking_guide.dialog.sections.apply_product.title")
+                title: t(n)("menu.cooking_guide.dialog.sections.apply_product.title")
               }, {
-                "append-title": p(() => [
+                "append-title": g(() => [
                   l(oe),
-                  l(Ie, {
-                    "categorized-items": T.categorizedItems,
-                    "initial-value": s.value.bindings.map((y) => ({
-                      _id: y.productId,
-                      combinationKey: y.combinationKey
+                  l(Oe, {
+                    "categorized-items": N.categorizedItems,
+                    "initial-value": d.value.bindings.map((b) => ({
+                      _id: b.productId,
+                      combinationKey: b.combinationKey
                     })),
                     "select-variant": !0,
                     "show-variant": !0,
                     "show-addon": !1,
-                    onSubmit: o[2] || (o[2] = (y) => h(y))
+                    onSubmit: o[2] || (o[2] = (b) => h(b))
                   }, {
-                    default: p(({ trigger: y }) => [
-                      l(d, {
+                    default: g(({ trigger: b }) => [
+                      l(r, {
                         icon: "link",
-                        label: n(t)("menu.scheduler.dialog.sections.products.link"),
+                        label: t(n)("menu.scheduler.dialog.sections.products.link"),
                         variant: "secondary",
                         "text-color": "primary",
                         "border-color": "primary",
-                        onClick: y
+                        onClick: b
                       }, null, 8, ["label", "onClick"])
                     ]),
                     _: 1
                   }, 8, ["categorized-items", "initial-value"])
                 ]),
-                default: p(() => [
-                  a("div", to, [
-                    a("div", no, S(n(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
-                      count: G.value
+                default: g(() => [
+                  a("div", so, [
+                    a("div", uo, S(t(n)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
+                      count: $.value
                     })), 1),
-                    a("div", io, [
-                      l(te, {
-                        modelValue: Y.value,
-                        "onUpdate:modelValue": o[3] || (o[3] = (y) => Y.value = y),
-                        placeholder: n(t)("menu.cooking_guide.dialog.sections.apply_product.search")
+                    a("div", ro, [
+                      l(ne, {
+                        modelValue: T.value,
+                        "onUpdate:modelValue": o[3] || (o[3] = (b) => T.value = b),
+                        placeholder: t(n)("menu.cooking_guide.dialog.sections.apply_product.search")
                       }, null, 8, ["modelValue", "placeholder"])
                     ])
                   ]),
-                  (g(!0), K(M, null, X(se.value, (y) => (g(), K("div", {
-                    key: y.id || ""
+                  (_(!0), L(A, null, X(ve.value, (b) => (_(), L("div", {
+                    key: b.id || ""
                   }, [
-                    a("div", ao, S(y.name), 1),
-                    (g(!0), K(M, null, X(y.items, (H) => (g(), K("div", {
+                    a("div", co, S(b.name), 1),
+                    (_(!0), L(A, null, X(b.items, (H) => (_(), L("div", {
                       key: H.itemId,
                       class: "flex items-center"
                     }, [
-                      a("div", lo, [
-                        a("span", so, S((H.itemCode ? `${H.itemCode} ` : "") + H.itemName), 1)
+                      a("div", mo, [
+                        a("span", po, S((H.itemCode ? `${H.itemCode} ` : "") + H.itemName), 1)
                       ]),
-                      a("div", uo, [
-                        l(d, {
+                      a("div", go, [
+                        l(r, {
                           icon: "edit",
                           variant: "tertiary",
                           onClick: () => i(H)
                         }, null, 8, ["onClick"]),
-                        l(d, {
+                        l(r, {
                           icon: "delete",
                           variant: "tertiary",
                           onClick: () => v(H)
@@ -677,76 +722,54 @@ const Ke = { class: "flex items-center gap-8" }, Le = { class: "grow" }, Ne = {
         l(Re, {
           ref_key: "cookingGuideStepDialogRef",
           ref: O,
-          onOnComplete: Q
+          onOnComplete: J
         }, null, 512),
-        l(Qe, {
+        l(We, {
           ref_key: "cookingGuideStepOverrideDialogRef",
-          ref: L,
+          ref: B,
           onOnComplete: u
         }, null, 512)
       ], 64);
     };
   }
-});
-function mo(T) {
-  return {
-    module: re.enum.cookingGuide,
-    operation: de.F_OPERATION_TYPE.create,
-    data: me.parse(T)
-  };
-}
-function po(T) {
-  return {
-    module: re.enum.cookingGuide,
-    operation: de.F_OPERATION_TYPE.update,
-    data: me.parse(T)
-  };
-}
-function go(T) {
-  return {
-    module: re.enum.cookingGuide,
-    operation: de.F_OPERATION_TYPE.delete,
-    data: T._id
-  };
-}
-const _o = {
+}), fo = {
   class: "flex flex-1 justify-end"
-}, vo = {
+}, bo = {
   class: "flex justify-end items-center"
-}, fo = {
+}, yo = {
   class: "grow space-y-4"
-}, bo = {
+}, ko = {
   class: "fm-typo-en-body-lg-600"
-}, yo = {
+}, ho = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ko = {
+}, xo = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Lo = /* @__PURE__ */ ae({
+}, No = /* @__PURE__ */ ae({
   __name: "CookingGuide",
-  setup(T) {
+  setup(N) {
     const {
-      t: _
-    } = le(), J = ye(), r = V(() => J.breakpoints.value.xs), P = V(() => [{
+      t: p
+    } = le(), M = he(), s = V(() => M.breakpoints.value.xs), z = V(() => [{
       accessorKey: "name",
-      header: () => _("menu.cooking_guide.table.columns.name"),
+      header: () => p("menu.cooking_guide.table.columns.name"),
       cell: (i) => i.getValue(),
       enableSorting: !1
     }, {
       accessorKey: "bindings",
-      header: () => _("menu.cooking_guide.table.columns.products"),
+      header: () => p("menu.cooking_guide.table.columns.products"),
       cell: (i) => {
         const u = i.getValue();
-        return _("menu.cooking_guide.table.columns.products", {
+        return p("menu.cooking_guide.table.columns.products", {
           count: u.length
         });
       },
       enableSorting: !1
     }, {
       accessorKey: "steps",
-      header: () => _("menu.cooking_guide.table.columns.steps"),
+      header: () => p("menu.cooking_guide.table.columns.steps"),
       cell: (i) => {
         const u = i.getValue();
-        return _("menu.cooking_guide.table.columns.steps", {
+        return p("menu.cooking_guide.table.columns.steps", {
           count: u.length
         });
       },
@@ -760,9 +783,9 @@ const _o = {
         headerContentClass: "-mx-16"
       },
       enableSorting: !1,
-      cell: (i) => A("div", {
+      cell: (i) => q("div", {
         class: "flex justify-end"
-      }, [A(ue.FmButton, {
+      }, [q(de.FmButton, {
         icon: "delete",
         textColor: "neutral-gray-400",
         variant: "tertiary",
@@ -770,85 +793,85 @@ const _o = {
           k(i.row.original);
         }, ["stop", "prevent"])
       })])
-    }]), D = we(), C = V(() => O.checkMenuIsLoading()), R = V(() => D.categorizedItems), I = V(() => D.state.menu.modules.cookingGuide), s = V(() => I.value.length > 0), O = Ve(Fe(ke())), c = F();
+    }]), D = Ve(), C = V(() => O.checkMenuIsLoading()), R = V(() => D.categorizedItems), I = V(() => D.state.menu.modules.cookingGuide), d = V(() => I.value.length > 0), O = Fe(Se(me())), c = F();
     function w() {
       var i;
       C.value || (i = c.value) == null || i.showModal();
     }
-    function q(i) {
+    function j(i) {
       var u;
       C.value || (u = c.value) == null || u.showModal(i);
     }
-    async function Q(i) {
-      const u = i._id ? po(i) : mo(i);
+    async function J(i) {
+      const u = i._id ? oo(i) : eo(i);
       await O.updateMenu(u, i.name);
     }
-    const j = he();
+    const Y = xe();
     async function k(i) {
-      let u = [A("span", _("menu.cooking_guide.dialogs.remove.message.prefix")), A("span", {
+      let u = [q("span", p("menu.cooking_guide.dialogs.remove.message.prefix")), q("span", {
         class: "fm-typo-en-body-lg-600"
-      }, i.name), A("span", "?")];
-      i.bindings.length && (u = [A("span", _("menu.cooking_guide.dialogs.remove.message.products_using")), A("span", {
+      }, i.name), q("span", "?")];
+      i.bindings.length && (u = [q("span", p("menu.cooking_guide.dialogs.remove.message.products_using")), q("span", {
         class: "fm-typo-en-body-lg-600"
-      }, i.bindings.length), A("span", _("menu.cooking_guide.dialogs.remove.message.products_count")), ...u]), j.open({
-        title: _("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: A("div", u),
+      }, i.bindings.length), q("span", p("menu.cooking_guide.dialogs.remove.message.products_count")), ...u]), Y.open({
+        title: p("menu.cooking_guide.dialogs.remove.title"),
+        contentComponent: q("div", u),
         primaryActions: {
-          text: _("menu.cooking_guide.actions.remove"),
+          text: p("menu.cooking_guide.actions.remove"),
           close: !0,
           variant: "destructive"
         },
         secondaryActions: {
-          text: _("menu.cooking_guide.actions.cancel"),
+          text: p("menu.cooking_guide.actions.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
-        await O.updateMenu(go(i), i.name, !0);
+        await O.updateMenu(no(i), i.name, !0);
       });
     }
-    const h = F(""), L = V(() => {
+    const h = F(""), B = V(() => {
       const i = h.value.toLowerCase();
       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"), N = x("FmListItem"), G = x("FmList");
-      return g(), U(Oe, {
-        heading: n(_)("menu.cooking_guide.title")
+      const v = x("FmSearch"), n = x("FmTable"), y = x("FmButton"), G = x("FmListItem"), E = x("FmList");
+      return _(), U(Ge, {
+        heading: t(p)("menu.cooking_guide.title")
       }, {
-        "append-heading": p(() => [a("div", _o, [s.value ? (g(), U(xe, {
+        "append-heading": g(() => [a("div", fo, [d.value ? (_(), U(Ce, {
           key: 0,
           disabled: C.value,
           icon: "add",
-          label: n(_)("menu.cooking_guide.actions.add"),
+          label: t(p)("menu.cooking_guide.actions.add"),
           variant: "primary",
           onClick: u[0] || (u[0] = () => w())
         }, null, 8, ["disabled", "label"])) : ce("", !0)])]),
-        default: p(() => [s.value ? (g(), K(M, {
+        default: g(() => [d.value ? (_(), L(A, {
           key: 1
-        }, [a("div", vo, [l(v, {
+        }, [a("div", bo, [l(v, {
           modelValue: h.value,
           "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(), U(G, {
+          placeholder: t(p)("menu.cooking_guide.table.search.placeholder")
+        }, null, 8, ["modelValue", "placeholder"])]), s.value ? (_(), U(E, {
           key: 1,
           class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
           separator: ""
         }, {
-          default: p(() => [(g(!0), K(M, null, X(L.value, ($) => (g(), U(N, {
+          default: g(() => [(_(!0), L(A, null, X(B.value, ($) => (_(), U(G, {
             key: $._id,
             label: $.name,
             style: {
               padding: "12px 0 !important"
             },
-            onClick: () => q($)
+            onClick: () => j($)
           }, {
-            default: p(() => [a("div", fo, [a("div", bo, S($.name), 1), a("div", null, [a("div", yo, S(n(_)("menu.cooking_guide.table.mobile.products_linked", {
+            default: g(() => [a("div", yo, [a("div", ko, S($.name), 1), a("div", null, [a("div", ho, S(t(p)("menu.cooking_guide.table.mobile.products_linked", {
               count: $.bindings.length
-            })), 1), a("div", ko, S(n(_)("menu.cooking_guide.table.columns.steps", {
+            })), 1), a("div", xo, S(t(p)("menu.cooking_guide.table.columns.steps", {
               count: $.steps.length
-            })), 1)])]), l(f, {
+            })), 1)])]), l(y, {
               disabled: C.value,
               icon: "delete",
               variant: "tertiary",
@@ -858,11 +881,11 @@ const _o = {
             _: 2
           }, 1032, ["label", "onClick"]))), 128))]),
           _: 1
-        })) : (g(), U(Ce, {
+        })) : (_(), U(we, {
           key: 0
         }, {
-          default: p(() => [l(t, {
-            "column-defs": P.value,
+          default: g(() => [l(n, {
+            "column-defs": z.value,
             loading: C.value,
             "page-size": I.value.length,
             "row-data": I.value,
@@ -870,28 +893,29 @@ const _o = {
             shrinkAt: !1,
             "hide-footer": "",
             "pin-header-row": "",
-            onRowClick: u[2] || (u[2] = ($) => q($.original))
+            onRowClick: u[2] || (u[2] = ($) => j($.original))
           }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
           _: 1
-        }))], 64)) : (g(), U(n(Se), {
+        }))], 64)) : (_(), U(t(Ie), {
           key: 0,
           action: {
-            text: n(_)("menu.cooking_guide.empty.action"),
+            text: t(p)("menu.cooking_guide.empty.action"),
             callback: () => w()
           },
-          subtitle: n(_)("menu.cooking_guide.empty.subtitle"),
-          title: n(_)("menu.cooking_guide.empty.title")
-        }, null, 8, ["action", "subtitle", "title"])), l(co, {
+          subtitle: t(p)("menu.cooking_guide.empty.subtitle"),
+          title: t(p)("menu.cooking_guide.empty.title")
+        }, null, 8, ["action", "subtitle", "title"])), l(vo, {
           ref_key: "cookingGuideDialogRef",
           ref: c,
           "categorized-items": R.value,
-          onOnSave: Q
-        }, null, 8, ["categorized-items"])]),
+          "cooking-guides": I.value,
+          onOnSave: J
+        }, null, 8, ["categorized-items", "cooking-guides"])]),
         _: 1
       }, 8, ["heading"]);
     };
   }
 });
 export {
-  Lo as default
+  No as default
 };