@feedmepos/mf-menu 0.32.62 → 0.32.63-dev.1

package/dist/{Category-BoV0MYQp.js → Category-D-cQQCPS.js}

@@ -1,14 +1,14 @@
-import { defineComponent as L, ref as $, computed as C, h as m, withModifiers as M, getCurrentInstance as G, resolveComponent as x, createElementBlock as f, openBlock as c, createElementVNode as s, createVNode as u, unref as o, withCtx as k, Fragment as J, renderList as q, toDisplayString as w, createBlock as y, createCommentVNode as H } from "vue";
+import { defineComponent as L, ref as $, computed as C, h as m, withModifiers as M, getCurrentInstance as G, resolveComponent as x, createElementBlock as f, openBlock as c, createElementVNode as s, createVNode as u, unref as o, withCtx as k, Fragment as q, renderList as H, toDisplayString as w, createBlock as y, createCommentVNode as J } from "vue";
 import { useI18n as E } from "@feedmepos/mf-common";
-import { useDialog as N, useSnackbar as S, components as Q, FmButtonVariant as B, useBreakpoints as W, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
+import { useDialog as S, useSnackbar as T, components as Q, FmButtonVariant as B, useBreakpoints as W, FmButtonColorThemeVariant as X } from "@feedmepos/ui-library";
 import { _ as Z } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { B as T, P as D, J as ee, K as te, a5 as oe } from "./index.vue_vue_type_script_setup_true_lang-gaRM4vfS.js";
+import { b as N, i as D, g as ee, h as te, _ as oe } from "./index.vue_vue_type_script_setup_true_lang-Nl505vPi.js";
 import { _ as ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
-import { _ as ne } from "./app-BB33yKM6.js";
+import { _ as ne } from "./app-4yWs09Fr.js";
 import { c as le } from "./createForm-BoUQeZTd.js";
-import { a as se, N as R } from "./item-DOHVD6CN.js";
+import { A as se, ao as R } from "./item-Da3ArD-G.js";
 import { _ as re } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-DiK3fi9J.js";
-import { u as z, a as ce } from "./menu-BCed1YCE.js";
+import { u as z, a as ce } from "./menu-DSDRAil-.js";
 const ie = se, me = {
   key: 0
 }, ue = {
@@ -30,8 +30,8 @@ const ie = se, me = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, be = /* @__PURE__ */ L({
   __name: "CategoryTable",
-  setup(I) {
-    const d = N(), p = S(), h = T(p), _ = D(h), v = R({
+  setup(A) {
+    const d = S(), p = T(), h = N(p), _ = D(h), v = R({
       dialog: d,
       menuLoader: _
     }), {
@@ -120,7 +120,7 @@ const ie = se, me = {
         }, e.name, !0);
       });
     }
-    async function K(e) {
+    async function I(e) {
       const t = e.map((r) => r.id).filter((r) => !!r);
       await v.rearrange(t);
     }
@@ -130,10 +130,10 @@ const ie = se, me = {
         initialValue: e
       });
     }
-    const P = W(), U = C(() => P.breakpoints.value.xs);
+    const U = W(), j = C(() => U.breakpoints.value.xs);
     return (e, t) => {
-      const r = x("FmSearch"), j = x("FmTable"), A = x("FmButton");
-      return U.value ? (c(), f("div", pe, [s("div", _e, [u(r, {
+      const r = x("FmSearch"), K = x("FmTable"), P = x("FmButton");
+      return j.value ? (c(), f("div", pe, [s("div", _e, [u(r, {
         autofocus: "",
         modelValue: n.value,
         "onUpdate:modelValue": t[2] || (t[2] = (a) => n.value = a),
@@ -141,13 +141,13 @@ const ie = se, me = {
         placeholder: o(l)("menu.common.labels.search_placeholder", {
           type: "categories"
         })
-      }, null, 8, ["modelValue", "placeholder"])]), s("div", ge, [(c(!0), f(J, null, q(g.value, (a) => (c(), f("div", {
+      }, null, 8, ["modelValue", "placeholder"])]), s("div", ge, [(c(!0), f(q, null, H(g.value, (a) => (c(), f("div", {
         key: a.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (Y) => F(a)
       }, [s("div", ye, [s("p", he, w(a.name), 1), s("p", ve, w(o(l)(a.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: a.items.length
-      })), 1)]), u(A, {
+      })), 1)]), u(P, {
         "text-color": o(X).NeutralGray400,
         variant: o(B).Tertiary,
         "prepend-icon": "delete",
@@ -162,7 +162,7 @@ const ie = se, me = {
           type: o(l)("menu.category.title")
         })
       }, null, 8, ["modelValue", "placeholder"])])]), u(ne, null, {
-        default: k(() => [u(j, {
+        default: k(() => [u(K, {
           "column-defs": V.value,
           draggable: !0,
           "page-size": o(i).length,
@@ -171,7 +171,7 @@ const ie = se, me = {
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": "",
-          onDndChanged: K,
+          onDndChanged: I,
           onRowClick: t[1] || (t[1] = (a) => F(a.original))
         }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
         _: 1
@@ -180,8 +180,8 @@ const ie = se, me = {
   }
 }), xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ce = { class: "flex items-center" }, ke = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, we = { class: "fm-typo-en-body-md-600 font-semibold" }, Re = /* @__PURE__ */ L({
   __name: "Category",
-  setup(I) {
-    const d = N(), p = S(), h = T(p), _ = D(h), v = R({ dialog: d, menuLoader: _ }), { categories: i } = z(), { t: n } = E();
+  setup(A) {
+    const d = S(), p = T(), h = N(p), _ = D(h), v = R({ dialog: d, menuLoader: _ }), { categories: i } = z(), { t: n } = E();
     function g() {
       v.create();
     }
@@ -212,7 +212,7 @@ const ie = se, me = {
             label: o(n)("menu.category.add"),
             "prepend-icon": "add",
             onClick: g
-          }, null, 8, ["label"])) : H("", !0)
+          }, null, 8, ["label"])) : J("", !0)
         ])
       ]),
       _: 1

package/dist/{CookingGuide-Bdyj8XMv.js → CookingGuide-B-yvD9ZA.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 J, 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 g, unref as n, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as K, toDisplayString as S, Fragment as M, renderList as H, withModifiers as ie, createCommentVNode as ce, createTextVNode as be, h as A } 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-BB33yKM6.js";
-import { G as ee, H as me, J as de, K as re, ac as pe, u as we, P as Ve, B as Fe, a5 as Se } from "./index.vue_vue_type_script_setup_true_lang-gaRM4vfS.js";
+import { _ as Ce } from "./app-4yWs09Fr.js";
+import { d as ee, g as de, h as re, C as me, u as we, i as Ve, b as Fe, _ as Se } from "./index.vue_vue_type_script_setup_true_lang-Nl505vPi.js";
+import { u as pe, l as ge } from "./discardConfirm-DZwzKO-Q.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-DCbrAMxd.js";
-import { u as ge } from "./discardConfirm-BHni0LNu.js";
-import { L as Ie } from "./LinkProductSideSheet-COAMZqOM.js";
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-Ba3djmX1.js";
+import { L as Ie } from "./LinkProductSideSheet-DMbJG6wf.js";
 import { _ as Oe } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
-const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = { class: "space-y-32" }, Ne = { 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%]" }, Ge = { class: "px-16 py-8 grow" }, Te = { 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({
+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({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
-  setup(G, { expose: _, emit: X }) {
+  setup(T, { expose: _, emit: J }) {
     const { t: r } = le();
     _({
       show: s,
       hide: O
     });
-    const P = X;
+    const P = J;
     function D() {
       return {
         id: "",
@@ -45,7 +45,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
     function j(v) {
       const t = document.activeElement;
       if (t && t.tagName === "TEXTAREA") {
-        const f = t.selectionStart, L = t.selectionEnd, T = c.value.instruction, $ = T.substring(0, f) + `{{${v}}}` + T.substring(L);
+        const f = t.selectionStart, N = t.selectionEnd, G = c.value.instruction, $ = G.substring(0, f) + `{{${v}}}` + G.substring(N);
         c.value = {
           ...c.value,
           instruction: $
@@ -65,10 +65,10 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
         label: t
       }), v),
       []
-    )), h = V(() => R.value ? r("menu.cooking_guide.step_dialog.update.title") : r("menu.cooking_guide.step_dialog.add.title")), B = V(() => R.value ? r("menu.cooking_guide.step_dialog.update.action") : r("menu.cooking_guide.step_dialog.add.action"));
+    )), 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"));
     F();
-    const i = ge(
-      () => !me.isEqual(
+    const i = pe(
+      () => !ge.isEqual(
         {
           ...c.value,
           variables: w.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
@@ -86,7 +86,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
       });
     }
     return (v, t) => {
-      const f = x("FmButton"), L = x("FmTextField"), T = x("FmChip"), $ = x("FmTextarea"), Y = x("FmSideSheet");
+      const f = x("FmButton"), N = x("FmTextField"), G = x("FmChip"), $ = x("FmTextarea"), Y = x("FmSideSheet");
       return g(), U(Y, {
         modelValue: C.value,
         "onUpdate:modelValue": t[1] || (t[1] = (z) => C.value = z),
@@ -109,13 +109,13 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
               label: n(r)("menu.cooking_guide.step_dialog.actions.back"),
               onClick: O
             }, null, 8, ["label"]),
-            a("div", Be, S(h.value), 1)
+            a("div", Le, S(h.value), 1)
           ])
         ]),
         "side-sheet-footer": p(() => [
           a("div", Me, [
             l(f, {
-              label: B.value,
+              label: L.value,
               size: "lg",
               variant: "primary",
               type: "submit"
@@ -129,7 +129,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
           ])
         ]),
         default: p(() => [
-          a("div", Le, [
+          a("div", Ne, [
             l(Z, {
               title: n(r)("menu.cooking_guide.step_dialog.sections.variables.title")
             }, {
@@ -145,32 +145,32 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
               ]),
               default: p(() => [
                 a("div", null, [
-                  a("div", Ne, [
+                  a("div", Be, [
                     a("div", De, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
-                    a("div", Ge, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
+                    a("div", Te, S(n(r)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
-                  (g(!0), K(M, null, J(w.value, (z, E) => (g(), K("div", {
+                  (g(!0), K(M, null, H(w.value, (z, E) => (g(), K("div", {
                     key: E,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
-                    a("div", Te, [
-                      l(L, {
+                    a("div", Ge, [
+                      l(N, {
                         modelValue: w.value[E].key,
-                        "onUpdate:modelValue": (N) => w.value[E].key = N,
+                        "onUpdate:modelValue": (B) => w.value[E].key = B,
                         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((se) => se.key === N) === E || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
+                          (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")
                         ],
                         placeholder: n(r)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
                     a("div", ze, [
-                      l(L, {
+                      l(N, {
                         modelValue: w.value[E].value,
-                        "onUpdate:modelValue": (N) => w.value[E].value = N,
+                        "onUpdate:modelValue": (B) => w.value[E].value = B,
                         rules: [
-                          (N) => !!N || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
+                          (B) => !!B || n(r)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
                         ],
                         placeholder: n(r)("menu.cooking_guide.step_dialog.sections.variables.placeholders.value")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
@@ -192,7 +192,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
               default: p(() => [
                 a("div", Ee, [
                   a("div", Ue, [
-                    (g(!0), K(M, null, J(k.value, (z) => (g(), U(T, {
+                    (g(!0), K(M, null, H(k.value, (z) => (g(), U(G, {
                       key: z.label,
                       label: z.label,
                       class: "text-fm-color-primary bg-fm-color-system-warning-100",
@@ -214,16 +214,16 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
       }, 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" }, Je = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Xe = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Qe = /* @__PURE__ */ ae({
+}), 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]" }, Xe = { 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" }, Qe = /* @__PURE__ */ ae({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
-  setup(G, { expose: _, emit: X }) {
+  setup(T, { expose: _, emit: J }) {
     const { t: r } = le();
     _({
       show: s,
       hide: O
     });
-    const P = X;
+    const P = J;
     function D() {
       return {
         productId: "",
@@ -239,21 +239,21 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
     }
     const c = F(D()), w = V(() => c.value.overrides.reduce((k, h) => (k[h.id] = h, k), {}));
     function q(k, h) {
-      var B;
-      return ((B = w.value[k]) == null ? void 0 : B.variables[h]) ?? "";
+      var L;
+      return ((L = w.value[k]) == null ? void 0 : L.variables[h]) ?? "";
     }
-    function Q(k, h, B) {
+    function Q(k, h, L) {
       const i = c.value.overrides.findIndex((u) => u.id === k);
-      B ? i < 0 ? c.value.overrides.push({
+      L ? i < 0 ? c.value.overrides.push({
         id: k,
-        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));
+        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));
     }
     function j() {
       O(), P("onComplete", c.value);
     }
     return (k, h) => {
-      const B = x("FmTextField"), i = x("FmSpacer"), u = x("FmButton"), v = x("FmDialog");
+      const L = x("FmTextField"), i = x("FmSpacer"), u = x("FmButton"), v = x("FmDialog");
       return g(), U(v, {
         modelValue: C.value,
         "onUpdate:modelValue": h[0] || (h[0] = (t) => C.value = t),
@@ -288,23 +288,23 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
               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)
             ]),
-            (g(!0), K(M, null, J(I.value, (t) => (g(), K("div", {
+            (g(!0), K(M, null, H(I.value, (t) => (g(), K("div", {
               key: t.id,
               class: "flex border-t-2"
             }, [
-              a("div", He, S(t.instruction), 1),
-              a("div", Je, [
-                (g(!0), K(M, null, J(t.variables, (f, L) => (g(), K("div", {
-                  key: L,
+              a("div", Xe, S(t.instruction), 1),
+              a("div", He, [
+                (g(!0), K(M, null, H(t.variables, (f, N) => (g(), K("div", {
+                  key: N,
                   class: "py-8 w-full text-ellipsis overflow-hidden whitespace-nowrap"
-                }, S(L), 1))), 128))
+                }, S(N), 1))), 128))
               ]),
-              a("div", Xe, [
-                (g(!0), K(M, null, J(t.variables, (f, L) => (g(), K("div", { key: L }, [
-                  l(B, {
-                    "model-value": q(t.id, L.toString()),
+              a("div", Je, [
+                (g(!0), K(M, null, H(t.variables, (f, N) => (g(), K("div", { key: N }, [
+                  l(L, {
+                    "model-value": q(t.id, N.toString()),
                     placeholder: f,
-                    "onUpdate:modelValue": (T) => Q(t.id, L.toString(), T)
+                    "onUpdate:modelValue": (G) => Q(t.id, N.toString(), G)
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ]))), 128))
               ])
@@ -328,8 +328,8 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
     }
   },
   emits: ["onSave"],
-  setup(G, { expose: _, emit: X }) {
-    const r = G;
+  setup(T, { expose: _, emit: J }) {
+    const r = T;
     _({
       showModal: R,
       hideModal: I
@@ -406,10 +406,10 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
       );
       j(b);
     }
-    const B = F();
+    const L = F();
     function i(e) {
       var o;
-      (o = B.value) == null || o.show({
+      (o = L.value) == null || o.show({
         itemName: e.itemName,
         steps: s.value.steps,
         bindings: k(e.itemId, e.combinationKey)
@@ -428,7 +428,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
       );
       o >= 0 && s.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")), L = V(() => s.value._id ? t("menu.cooking_guide.dialog.update.action") : t("menu.cooking_guide.dialog.add.action")), T = V(() => s.value.bindings.length), $ = V(
+    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;
@@ -457,7 +457,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
     }, [])), E = V(() => z.value.filter((e) => {
       const o = $.value[e.itemId];
       return !!o && (!e.combinationKey || o.includes(e.combinationKey));
-    })), N = V(() => {
+    })), B = V(() => {
       const e = Y.value.toLowerCase();
       return e ? E.value.filter(
         (o) => {
@@ -465,7 +465,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
           return ((b = o.itemCode) == null ? void 0 : b.toLowerCase().includes(e)) || o.itemName.toLowerCase().includes(e) || o.categoryName.toLowerCase().includes(e);
         }
       ) : E.value;
-    }), se = V(() => N.value.reduce(
+    }), se = V(() => B.value.reduce(
       (e, o) => {
         const b = e.findIndex((d) => d.id === o.categoryId);
         return b < 0 ? e.push({
@@ -478,10 +478,10 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
         }, e;
       },
       []
-    )), _e = X;
+    )), _e = J;
     F();
-    const ve = ge(
-      () => !me.isEqual(C.value, s.value),
+    const ve = pe(
+      () => !ge.isEqual(C.value, s.value),
       () => {
         D.value = !1;
       }
@@ -512,7 +512,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
             a("div", ro, [
               l(d, {
                 variant: "primary",
-                label: L.value,
+                label: N.value,
                 size: "lg",
                 type: "submit"
               }, null, 8, ["label"]),
@@ -563,7 +563,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
                     handle: ".handle",
                     "item-key": "id"
                   }, {
-                    item: p(({ element: y, index: H }) => [
+                    item: p(({ element: y, index: X }) => [
                       l(W, {
                         variant: "outlined",
                         class: "rounded-md mb-16 items-center",
@@ -588,7 +588,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
                           l(d, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: ie(() => q(H), ["stop"])
+                            onClick: ie(() => q(X), ["stop"])
                           }, null, 8, ["onClick"])
                         ]),
                         _: 2
@@ -599,14 +599,14 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
                 ]),
                 _: 1
               }, 8, ["title"]),
-              G.canApplyItems ? (g(), U(Z, {
+              T.canApplyItems ? (g(), U(Z, {
                 key: 0,
                 title: n(t)("menu.cooking_guide.dialog.sections.apply_product.title")
               }, {
                 "append-title": p(() => [
                   l(oe),
                   l(Ie, {
-                    "categorized-items": G.categorizedItems,
+                    "categorized-items": T.categorizedItems,
                     "initial-value": s.value.bindings.map((y) => ({
                       _id: y.productId,
                       combinationKey: y.combinationKey
@@ -632,7 +632,7 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
                 default: p(() => [
                   a("div", to, [
                     a("div", no, S(n(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
-                      count: T.value
+                      count: G.value
                     })), 1),
                     a("div", io, [
                       l(te, {
@@ -642,27 +642,27 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
                       }, null, 8, ["modelValue", "placeholder"])
                     ])
                   ]),
-                  (g(!0), K(M, null, J(se.value, (y) => (g(), K("div", {
+                  (g(!0), K(M, null, H(se.value, (y) => (g(), K("div", {
                     key: y.id || ""
                   }, [
                     a("div", ao, S(y.name), 1),
-                    (g(!0), K(M, null, J(y.items, (H) => (g(), K("div", {
-                      key: H.itemId,
+                    (g(!0), K(M, null, H(y.items, (X) => (g(), K("div", {
+                      key: X.itemId,
                       class: "flex items-center"
                     }, [
                       a("div", lo, [
-                        a("span", so, S((H.itemCode ? `${H.itemCode} ` : "") + H.itemName), 1)
+                        a("span", so, S((X.itemCode ? `${X.itemCode} ` : "") + X.itemName), 1)
                       ]),
                       a("div", uo, [
                         l(d, {
                           icon: "edit",
                           variant: "tertiary",
-                          onClick: () => i(H)
+                          onClick: () => i(X)
                         }, null, 8, ["onClick"]),
                         l(d, {
                           icon: "delete",
                           variant: "tertiary",
-                          onClick: () => v(H)
+                          onClick: () => v(X)
                         }, null, 8, ["onClick"])
                       ])
                     ]))), 128))
@@ -681,32 +681,32 @@ const Ke = { class: "flex items-center gap-8" }, Be = { class: "grow" }, Le = {
         }, null, 512),
         l(Qe, {
           ref_key: "cookingGuideStepOverrideDialogRef",
-          ref: B,
+          ref: L,
           onOnComplete: u
         }, null, 512)
       ], 64);
     };
   }
 });
-function mo(G) {
+function mo(T) {
   return {
     module: re.enum.cookingGuide,
     operation: de.F_OPERATION_TYPE.create,
-    data: pe.parse(G)
+    data: me.parse(T)
   };
 }
-function po(G) {
+function po(T) {
   return {
     module: re.enum.cookingGuide,
     operation: de.F_OPERATION_TYPE.update,
-    data: pe.parse(G)
+    data: me.parse(T)
   };
 }
-function go(G) {
+function go(T) {
   return {
     module: re.enum.cookingGuide,
     operation: de.F_OPERATION_TYPE.delete,
-    data: G._id
+    data: T._id
   };
 }
 const _o = {
@@ -721,12 +721,12 @@ const _o = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, ko = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Bo = /* @__PURE__ */ ae({
+}, Lo = /* @__PURE__ */ ae({
   __name: "CookingGuide",
-  setup(G) {
+  setup(T) {
     const {
       t: _
-    } = le(), X = ye(), r = V(() => X.breakpoints.value.xs), P = V(() => [{
+    } = le(), J = ye(), r = V(() => J.breakpoints.value.xs), P = V(() => [{
       accessorKey: "name",
       header: () => _("menu.cooking_guide.table.columns.name"),
       cell: (i) => i.getValue(),
@@ -806,12 +806,12 @@ const _o = {
         await O.updateMenu(go(i), i.name, !0);
       });
     }
-    const h = F(""), B = V(() => {
+    const h = F(""), L = 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"), L = x("FmListItem"), T = x("FmList");
+      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")
       }, {
@@ -831,12 +831,12 @@ const _o = {
           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(T, {
+        }, null, 8, ["modelValue", "placeholder"])]), r.value ? (g(), U(G, {
           key: 1,
           class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
           separator: ""
         }, {
-          default: p(() => [(g(!0), K(M, null, J(B.value, ($) => (g(), U(L, {
+          default: p(() => [(g(!0), K(M, null, H(L.value, ($) => (g(), U(N, {
             key: $._id,
             label: $.name,
             style: {
@@ -893,5 +893,5 @@ const _o = {
   }
 });
 export {
-  Bo as default
+  Lo as default
 };

package/dist/{CustomAttributeChip.vue_vue_type_script_setup_true_lang-EDbgLHTU.js → CustomAttributeChip.vue_vue_type_script_setup_true_lang-2_yzXoa4.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-gaRM4vfS.js";
+import { u as D } from "./index.vue_vue_type_script_setup_true_lang-Nl505vPi.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-BuFbi0Z-.js → Group-13i5igrS.js}

@@ -2,10 +2,10 @@ 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-BVmHMvKD.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-B5Uw2Rzm.js";
-import { O as b } from "./item-DOHVD6CN.js";
-import { a as h } from "./menu-BCed1YCE.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" }, j = /* @__PURE__ */ m({
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-DZhxy0tb.js";
+import { ap as b } from "./item-Da3ArD-G.js";
+import { a as h } from "./menu-DSDRAil-.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(N) {
     const o = p(0), { t: r } = _();
@@ -44,5 +44,5 @@ const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "fle
   }
 });
 export {
-  j as default
+  A as default
 };

package/dist/{Group-DYpxc5ui.js → Group-CY8lUzQG.js}

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