@feedmepos/mf-menu 0.32.7 → 0.32.8-dev

package/dist/{ProductInternalTools-B5V7Hs15.js → ProductInternalTools-O5d2jMAH.js}

@@ -1,13 +1,13 @@
-import { defineComponent as Z, ref as v, computed as $, resolveComponent as W, createElementBlock as c, openBlock as r, createElementVNode as s, createVNode as I, unref as h, createCommentVNode as T, normalizeClass as E, toDisplayString as U, createStaticVNode as B, Fragment as P, renderList as R, createBlock as oe, withCtx as A } from "vue";
-import { J as O, F as ne } from "./jszip.min-Danu3otn.js";
-import { D as le, u as ie, I as D, $ as re, K as ce, M as de, N as me } from "./index.vue_vue_type_script_setup_true_lang-Dcq1bwDq.js";
+import { defineComponent as Z, ref as v, computed as $, resolveComponent as G, createElementBlock as c, openBlock as r, createElementVNode as s, createVNode as I, unref as h, createCommentVNode as T, normalizeClass as E, toDisplayString as U, createStaticVNode as B, Fragment as P, renderList as O, createBlock as oe, withCtx as R } from "vue";
+import { J as A, F as ne } from "./jszip.min-D8NeBCPG.js";
+import { G as le, u as ie, J as D, a0 as re, M as ce, N as de, O as me } from "./index.vue_vue_type_script_setup_true_lang-BvohjQ00.js";
 import { useI18n as ue } from "@feedmepos/mf-common";
 import { FmButtonVariant as z, useSnackbar as V, useDialog as pe, FmButtonColorThemeVariant as S } from "@feedmepos/ui-library";
 import { _ as ge } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as fe, a as he } from "./menu-D1PHF11v.js";
-import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-DtCzSk94.js";
+import { u as fe, a as he } from "./menu-DVdMR0zo.js";
+import { a as ye } from "./Product.vue_vue_type_script_setup_true_lang-q9xFzQ0v.js";
 import { p as be } from "./tooltip-CQW9YRO5.js";
-import { t as ve, v as _e } from "./item-Cq7YkZBk.js";
+import { s as ve, t as _e } from "./item-2WoPAnNJ.js";
 const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center justify-between p-16 border-b border-gray-200" }, Ie = { class: "flex gap-8" }, ke = { class: "border-b border-gray-200" }, Ce = { class: "flex" }, Ue = { class: "flex-1 overflow-hidden" }, je = {
   key: 0,
   class: "h-full flex flex-col"
@@ -20,16 +20,16 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
 }, Se = { class: "space-y-12" }, $e = { class: "fm-typo-en-body-sm font-medium" }, ze = { class: "flex" }, Pe = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden flex items-center justify-center" }, Le = ["src", "alt"], Ne = {
   key: 1,
   class: "text-gray-400 text-xs"
-}, Te = { class: "flex" }, Ee = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Be = ["src", "alt"], Re = {
+}, Te = { class: "flex" }, Ee = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Be = ["src", "alt"], Oe = {
   key: 1,
   class: "h-full flex flex-col"
-}, Ae = {
+}, Re = {
   key: 0,
   class: "flex-1 flex items-center justify-center"
-}, Oe = {
+}, Ae = {
   key: 1,
   class: "flex-1 overflow-y-auto p-16"
-}, De = { class: "space-y-12" }, Ve = { class: "fm-typo-en-body-sm font-medium break-all" }, Ze = { class: "flex" }, We = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, qe = ["src", "alt"], Ge = /* @__PURE__ */ Z({
+}, De = { class: "space-y-12" }, Ve = { class: "fm-typo-en-body-sm font-medium break-all" }, Ze = { class: "flex" }, Ge = { class: "w-64 h-64 bg-gray-100 rounded-8 overflow-hidden" }, Je = ["src", "alt"], We = /* @__PURE__ */ Z({
   __name: "ImageUpdatePreview",
   props: {
     matchedImages: {},
@@ -45,7 +45,7 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
       F("update", u.matchedImages);
     }
     return (w, l) => {
-      const x = W("fm-button");
+      const x = G("fm-button");
       return r(), c("div", we, [
         s("div", xe, [
           l[2] || (l[2] = s("h2", { class: "fm-typo-en-headline-sm font-semibold" }, "Update Product Images", -1)),
@@ -93,7 +93,7 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "New Image")
               ], -1)),
               s("div", Se, [
-                (r(!0), c(P, null, R(u.matchedImages, (m, C) => (r(), c("div", {
+                (r(!0), c(P, null, O(u.matchedImages, (m, C) => (r(), c("div", {
                   key: C,
                   class: "grid grid-cols-3 gap-16 py-12 border-b border-gray-100 items-center"
                 }, [
@@ -120,27 +120,27 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
                 ]))), 128))
               ])
             ]))
-          ])) : y.value === "unmatched" ? (r(), c("div", Re, [
-            k.value === 0 ? (r(), c("div", Ae, l[5] || (l[5] = [
+          ])) : y.value === "unmatched" ? (r(), c("div", Oe, [
+            k.value === 0 ? (r(), c("div", Re, l[5] || (l[5] = [
               B('<div class="text-center text-gray-500"><svg class="mx-auto h-48 w-48 text-gray-400 mb-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><p class="fm-typo-en-body-lg text-gray-500">All images matched!</p><p class="fm-typo-en-body-sm text-gray-400 mt-4">No unmatched images found</p></div>', 1)
-            ]))) : (r(), c("div", Oe, [
+            ]))) : (r(), c("div", Ae, [
               l[6] || (l[6] = s("div", { class: "grid grid-cols-2 gap-16 pb-12 border-b border-gray-200 mb-16" }, [
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Filename"),
                 s("div", { class: "fm-typo-en-body-sm-600 font-semibold text-gray-700" }, "Image")
               ], -1)),
               s("div", De, [
-                (r(!0), c(P, null, R(u.unmatchedImages, (m, C) => (r(), c("div", {
+                (r(!0), c(P, null, O(u.unmatchedImages, (m, C) => (r(), c("div", {
                   key: C,
                   class: "grid grid-cols-2 gap-16 py-12 border-b border-gray-100 items-center"
                 }, [
                   s("div", Ve, U(m.filename), 1),
                   s("div", Ze, [
-                    s("div", We, [
+                    s("div", Ge, [
                       s("img", {
                         src: m.imageUrl,
                         alt: m.filename,
                         class: "w-full h-full object-cover"
-                      }, null, 8, qe)
+                      }, null, 8, Je)
                     ])
                   ])
                 ]))), 128))
@@ -152,11 +152,11 @@ const we = { class: "h-full flex flex-col" }, xe = { class: "flex items-center j
     };
   }
 });
-var Je = { firebase: { storageBucket: "image.feedme.cc" } };
+var qe = { firebase: { storageBucket: "image.feedmedev.cc" } };
 const He = {
   key: 0,
   class: "h-screen"
-}, Ke = { class: "flex-1 flex justify-between gap-8 pl-8" }, Xe = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600 font-semibold" }, et = { class: "flex gap-8" }, mt = /* @__PURE__ */ Z({
+}, Xe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ke = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600 font-semibold" }, et = { class: "flex gap-8" }, mt = /* @__PURE__ */ Z({
   __name: "ProductInternalTools",
   setup(L) {
     const { t: j } = ue(), u = le(V()), F = V(), y = pe(), b = ie(), { selectedCategories: k } = fe(), _ = v(!1), M = v(), w = v([]), l = v([]), x = $(() => {
@@ -169,15 +169,15 @@ const He = {
         filename: a
       });
     }
-    async function q(e, a = "images.zip") {
-      const o = new O();
+    async function J(e, a = "images.zip") {
+      const o = new A();
       e.forEach(({ blob: d, filename: n }) => {
         d && o.file(n, d);
       });
       const p = await o.generateAsync({ type: "blob" });
       ne.saveAs(p, a);
     }
-    async function G() {
+    async function W() {
       const e = x.value.filter((a) => a.thumbnail);
       if (e.length === 0) {
         F.open({ type: "error", title: "No downloadable images found" });
@@ -216,7 +216,7 @@ const He = {
             })).filter((n) => n !== null);
             if (a.value = "Creating ZIP file...", d.length > 0) {
               const n = `images_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`;
-              await q(d, n);
+              await J(d, n);
             } else
               throw new Error("Failed to fetch any images");
           },
@@ -228,8 +228,8 @@ const He = {
         );
       });
     }
-    async function J(e) {
-      const o = await new O().loadAsync(e), p = [];
+    async function q(e) {
+      const o = await new A().loadAsync(e), p = [];
       for (const [d, n] of Object.entries(o.files)) {
         if (n.dir || d.includes("__MACOSX/") || !N(d))
           continue;
@@ -253,17 +253,17 @@ const He = {
         ".bmp": "image/bmp"
       }[a] || "image/jpeg";
     }
-    function K(e) {
+    function X(e) {
       return (e.substring(0, e.lastIndexOf(".")) || e).toLowerCase().trim().replace(/[_\-\s]+/g, " ");
     }
-    function X(e) {
+    function K(e) {
       return e.toLowerCase().trim().replace(/[_\-\s]+/g, " ");
     }
     async function Q(e) {
       const a = [];
       for (const t of e)
         if (t.type === "application/zip" || t.name.toLowerCase().endsWith(".zip")) {
-          const i = await J(t);
+          const i = await q(t);
           a.push(...i);
         } else N(t.name) && a.push(t);
       const o = /* @__PURE__ */ new Map();
@@ -273,11 +273,11 @@ const He = {
       });
       const p = Array.from(o.values()), d = [], n = [], g = /* @__PURE__ */ new Map();
       x.value.forEach((t) => {
-        const i = X(t.name);
+        const i = K(t.name);
         g.set(i, t);
       });
       for (const t of p) {
-        const i = K(t.name), f = g.get(i);
+        const i = X(t.name), f = g.get(i);
         f ? d.push({
           productId: f._id,
           productName: f.name,
@@ -311,7 +311,7 @@ const He = {
           const o = async (t) => {
             const i = ce(t.productId);
             let f = "";
-            return t.newImage && (await de.update(i, t.newImage, Je.firebase.storageBucket), f = me(i)), { productId: t.productId, newImageUrl: f };
+            return t.newImage && (await de.update(i, t.newImage, qe.firebase.storageBucket), f = me(i)), { productId: t.productId, newImageUrl: f };
           };
           a.value = `Starting upload of ${e.length} product images...`;
           const p = await be({
@@ -355,10 +355,10 @@ const He = {
       a.value = "";
     }
     return he().resetOnMount(), (e, a) => {
-      const o = W("fm-button");
+      const o = G("fm-button");
       return r(), c(P, null, [
         _.value ? (r(), c("div", He, [
-          I(Ge, {
+          I(We, {
             "matched-images": w.value,
             "unmatched-images": l.value,
             onCancel: te,
@@ -368,12 +368,12 @@ const He = {
           key: 1,
           heading: h(j)("menu.productInternalTools.title")
         }, {
-          default: A(() => [
+          default: R(() => [
             I(ye)
           ]),
-          "append-heading": A(() => [
-            s("div", Ke, [
-              s("div", Xe, [
+          "append-heading": R(() => [
+            s("div", Xe, [
+              s("div", Ke, [
                 s("div", Qe, [
                   s("p", Ye, U(m.value), 1)
                 ])
@@ -384,7 +384,7 @@ const He = {
                   "text-color": h(S).TypoSecondary,
                   variant: h(z).Primary,
                   label: "Download Images",
-                  onClick: G
+                  onClick: W
                 }, null, 8, ["bg-color", "text-color", "variant"]),
                 I(o, {
                   "bg-color": h(S).NeutralGray100,

package/dist/{Products-a0N50IJw.js → Products-BnMrK40x.js}

@@ -2,22 +2,22 @@ var de = Object.defineProperty;
 var pe = (C, e, n) => e in C ? de(C, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : C[e] = n;
 var K = (C, e, n) => pe(C, typeof e != "symbol" ? e + "" : e, n);
 import { defineComponent as j, computed as D, ref as oe, resolveComponent as $, createBlock as N, openBlock as T, unref as l, withCtx as E, createElementVNode as S, toDisplayString as ae, createVNode as _, createCommentVNode as re, createElementBlock as B, Fragment as H } from "vue";
-import { D as V } from "./iteration-V9L5Rk-0.js";
-import { m as A, A as O, f as g, a as L, b as J, e as P, n as U, w as fe } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-C6Z7OJz7.js";
-import { J as be, F as he } from "./jszip.min-Danu3otn.js";
-import { u as ne, D as ie, A as z, G as q, z as se, B as ge, H as X, I as Z } from "./index.vue_vue_type_script_setup_true_lang-Dcq1bwDq.js";
+import { D as V } from "./iteration-BGItxpWj.js";
+import { m as A, A as O, f as g, a as J, b as L, e as P, n as U, w as fe } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-CcQBD0I8.js";
+import { J as be, F as he } from "./jszip.min-D8NeBCPG.js";
+import { u as ne, G as ie, B as z, H as q, A as se, D as ge, I as X, J as Z } from "./index.vue_vue_type_script_setup_true_lang-BvohjQ00.js";
 import { useCoreStore as ce, useI18n as ye } from "@feedmepos/mf-common";
 import { useDialog as me, useDialogChild as _e, useSnackbar as le, useBreakpoints as ke, FmButtonVariant as Y, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
 import { _ as W } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as ve, a as Q } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js";
 import { _ as we } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as xe, a as Ce } from "./menu-D1PHF11v.js";
-import { u as Fe } from "./item-Cq7YkZBk.js";
-import { _ as ee, a as Me } from "./Product.vue_vue_type_script_setup_true_lang-DtCzSk94.js";
-import { L as te } from "./LinkProductSideSheet-C-CcvD1Y.js";
-import { _ as Ie } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-BRmrp3_3.js";
-import { u as Se } from "./Thumbnail.vue_vue_type_script_setup_true_lang-BQcHroCG.js";
-import { m as Ee } from "./toExcel-De8V6KyO.js";
+import { u as xe, a as Ce } from "./menu-DVdMR0zo.js";
+import { u as Fe } from "./item-2WoPAnNJ.js";
+import { _ as ee, a as Me } from "./Product.vue_vue_type_script_setup_true_lang-q9xFzQ0v.js";
+import { L as te } from "./LinkProductSideSheet-BjcQDT4U.js";
+import { _ as Ie } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-B3EByLES.js";
+import { u as Se } from "./Thumbnail.vue_vue_type_script_setup_true_lang-D4KcX3XQ.js";
+import { m as Ee } from "./toExcel-Bdne-Dw_.js";
 const Te = { class: "space-y-24 mb-24" }, De = ["innerHTML"], Ne = { class: "flex justify-end gap-8" }, Ke = /* @__PURE__ */ j({
   __name: "ConfirmActionDialog",
   props: {
@@ -400,7 +400,7 @@ class Ve {
       "Default Catalog",
       this.exportCatalogToExcelExcelJS()
     ), r = o.worksheets[0];
-    L(r, this.attributeSettings, i.priceTiers), this.formatWorkbookCell(o);
+    J(r, this.attributeSettings, i.priceTiers), this.formatWorkbookCell(o);
     const m = this.transformAddonGroup().map(({ priceTier: b, ...x }) => {
       const { index: F, ...h } = x, M = Object.entries(h), y = M.findIndex(([p]) => p === "price");
       return [
@@ -415,7 +415,7 @@ class Ve {
       "Default AddonGroup",
       this.exportCatalogAddonToExcelExcelJS()
     ), u = c.worksheets[0];
-    J(u, i.priceTiers), this.formatWorkbookCell(c);
+    L(u, i.priceTiers), this.formatWorkbookCell(c);
     const s = this.transformItemsLinkWithGroup(), d = Object.keys(s), f = new P.Workbook();
     if (d.length > 0)
       d.forEach((b, x) => {
@@ -495,7 +495,7 @@ class Ve {
       ]), a = U(n.name), m = e.addWorksheet(a);
       r.forEach((c) => {
         m.addRow(c);
-      }), L(m, this.attributeSettings, o.priceTiers, n);
+      }), J(m, this.attributeSettings, o.priceTiers, n);
     }), e;
   }
   exportCatalogAddonToExcelExcelJS() {
@@ -509,7 +509,7 @@ class Ve {
       }), r = U(n.name), a = e.addWorksheet(r);
       o.forEach((m) => {
         a.addRow(m);
-      }), J(a);
+      }), L(a);
     }), e;
   }
 }

package/dist/{Publish-CyiUajCw.js → Publish-dTP5mQS3.js}

@@ -1,12 +1,12 @@
-import { defineComponent as G, ref as V, computed as R, onMounted as re, resolveComponent as w, createElementBlock as U, openBlock as y, createVNode as i, createElementVNode as o, toDisplayString as A, unref as r, Fragment as O, renderList as W, createBlock as T, withCtx as L, createCommentVNode as ce, withModifiers as N, h as Y } from "vue";
-import { D as ae, c as de } from "./iteration-V9L5Rk-0.js";
+import { defineComponent as G, ref as V, computed as R, onMounted as re, resolveComponent as w, createElementBlock as U, openBlock as y, createVNode as i, createElementVNode as o, toDisplayString as A, unref as r, Fragment as O, renderList as J, createBlock as T, withCtx as L, createCommentVNode as ce, withModifiers as z, h as Y } from "vue";
+import { D as ae, c as de } from "./iteration-BGItxpWj.js";
 import { useRouter as me } from "vue-router";
 import { O as pe, b as ge } from "./app-5fxKLAzS.js";
-import { A as be, G as ve, D as te, ab as fe, H as Z, I as _e, u as he, z as ye, a3 as Ce } from "./index.vue_vue_type_script_setup_true_lang-Dcq1bwDq.js";
-import { useI18n as J, useCoreStore as ke, RestaurantSelector as we } from "@feedmepos/mf-common";
+import { B as be, H as ve, G as te, ab as fe, I as Z, J as _e, u as he, A as ye, a3 as Ce } from "./index.vue_vue_type_script_setup_true_lang-BvohjQ00.js";
+import { useI18n as W, useCoreStore as ke, RestaurantSelector as we } from "@feedmepos/mf-common";
 import { useSnackbar as le, useDialogChild as xe, useDialog as Ve, components as ee } from "@feedmepos/ui-library";
 import { _ as Se } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { _ as Fe } from "./app-BoVVV8kG.js";
+import { _ as Fe } from "./app-CPJH5bgs.js";
 import { a as Ie, w as Ae, p as Me } from "./tooltip-CQW9YRO5.js";
 import { u as $e } from "./discardConfirm-BHni0LNu.js";
 function se(S) {
@@ -63,7 +63,7 @@ const De = {
           value: C._id
         }))
       ];
-    }), { t } = J(), d = R(() => {
+    }), { t } = W(), d = R(() => {
       var _;
       const m = F.restaurant.revertConfig;
       if (!m) return [];
@@ -101,7 +101,7 @@ const De = {
       ])) : (y(), U("div", Pe, [
         o("div", Ue, A(r(t)("menu.revert.description", { name: F.restaurant.name })), 1),
         o("div", Le, [
-          (y(!0), U(O, null, W(d.value, (P) => (y(), T(Ie, {
+          (y(!0), U(O, null, J(d.value, (P) => (y(), T(Ie, {
             key: P.label,
             name: P.label,
             value: P.value || "--"
@@ -110,7 +110,7 @@ const De = {
       ]));
     };
   }
-}), Ee = { class: "fm-typo-en-title-md-600" }, Oe = { class: "mt-40" }, Te = { class: "fm-typo-en-title-sm-600" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-4 mb-8" }, Ne = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ G({
+}), Ee = { class: "fm-typo-en-title-md-600" }, Oe = { class: "mt-40" }, Te = { class: "fm-typo-en-title-sm-600" }, Ne = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-4 mb-8" }, ze = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ G({
   __name: "UpdateCatalogDialog",
   props: {
     catalogs: {
@@ -120,7 +120,7 @@ const De = {
   },
   emits: ["onComplete"],
   setup(S, { expose: F, emit: l }) {
-    const { t: c } = J(), u = S;
+    const { t: c } = W(), u = S;
     F({
       show: C,
       hide: _
@@ -170,7 +170,7 @@ const De = {
       _(), f("onComplete", d.value);
     }
     return (h, g) => {
-      const B = w("FmSelect"), z = w("FmCheckbox"), $ = w("FmButton"), E = w("FmSideSheet");
+      const B = w("FmSelect"), N = w("FmCheckbox"), $ = w("FmButton"), E = w("FmSideSheet");
       return y(), T(E, {
         modelValue: D.value,
         "onUpdate:modelValue": g[5] || (g[5] = (b) => D.value = b),
@@ -181,7 +181,7 @@ const De = {
           o("span", Ee, A(r(c)("menu.publish.update_catalog_dialog.title")), 1)
         ]),
         "side-sheet-footer": L(() => [
-          o("div", Ne, [
+          o("div", ze, [
             i($, {
               label: r(c)("menu.publish.update_catalog_dialog.actions.update"),
               size: "lg",
@@ -219,11 +219,11 @@ const De = {
           }, null, 8, ["modelValue", "items", "label"]),
           o("div", Oe, [
             o("div", Te, A(r(c)("menu.publish.update_catalog_dialog.sections.additional.title")), 1),
-            o("div", ze, A(r(c)("menu.publish.update_catalog_dialog.sections.additional.subtitle")), 1),
-            (y(!0), U(O, null, W(S.catalogs, (b) => (y(), U("div", {
+            o("div", Ne, A(r(c)("menu.publish.update_catalog_dialog.sections.additional.subtitle")), 1),
+            (y(!0), U(O, null, J(S.catalogs, (b) => (y(), U("div", {
               key: b._id
             }, [
-              i(z, {
+              i(N, {
                 modelValue: d.value.additionalCatalogs,
                 "onUpdate:modelValue": g[3] || (g[3] = (k) => d.value.additionalCatalogs = k),
                 label: b.name,
@@ -246,9 +246,9 @@ const De = {
   class: "fm-typo-en-title-md-600"
 }, Ge = {
   class: "xs:hidden mr-16"
-}, We = {
-  class: "xs:hidden"
 }, Je = {
+  class: "xs:hidden"
+}, We = {
   class: "pb-8 flex justify-between items-start xs:flex-col xs:items-stretch gap-8"
 }, Qe = {
   class: "grow flex flex-col gap-4"
@@ -271,7 +271,7 @@ const De = {
   setup(S) {
     const F = me(), {
       t: l
-    } = J(), c = ({
+    } = W(), c = ({
       row: e
     }) => {
       const a = e.status === "latest";
@@ -326,14 +326,14 @@ const De = {
         }, [D.value && a.revertConfig ? Ae(Y(ee.FmButton, {
           prependIcon: "undo",
           variant: "secondary",
-          onClick: N(async () => {
+          onClick: z(async () => {
             await m(e.row.original);
           }, ["stop", "prevent"])
         }), l("menu.publish.actions.revert")) : null, Y(ee.FmButton, {
           label: l("menu.publish.actions.publish"),
           icon: "ios_share",
           variant: "secondary",
-          onClick: N(async () => {
+          onClick: z(async () => {
             const s = g(e.row.original);
             await E(s);
           }, ["stop", "prevent"])
@@ -392,7 +392,7 @@ const De = {
       const a = g(e);
       (s = x.value) == null || s.show(a);
     }
-    const z = le(), $ = te(z);
+    const N = le(), $ = te(N);
     async function E(e) {
       var s;
       const a = (s = k.value.find((p) => p._id === e.restaurantId)) == null ? void 0 : s.name;
@@ -461,7 +461,7 @@ const De = {
     async function Q() {
       if (M.value) return;
       const e = Object.keys(u.value).filter((p) => u.value[p]), a = e.length === 0 || e.length === k.value.length ? k.value : k.value.filter((p) => e.includes(p._id));
-      k.value.length === t.state.restaurants.length && (e.length === 0 || e.length === k.value.length) ? t.state.restaurants.length > q ? (t.publishAllMenu(), z.open({
+      k.value.length === t.state.restaurants.length && (e.length === 0 || e.length === k.value.length) ? t.state.restaurants.length > q ? (t.publishAllMenu(), N.open({
         type: "info",
         title: "Publish menu request sent"
       })) : await $.minor(async () => await t.publishAllMenu(), {
@@ -480,13 +480,13 @@ const De = {
         label: r(l)("menu.publish.actions.refresh"),
         variant: "secondary",
         onClick: a[0] || (a[0] = () => ie())
-      }, null, 8, ["disabled", "label"])]), o("div", We, [i(I, {
+      }, null, 8, ["disabled", "label"])]), o("div", Je, [i(I, {
         disabled: M.value,
         icon: "ios_share",
         label: r(l)("menu.publish.actions.publish_all"),
         variant: "primary",
         onClick: a[1] || (a[1] = () => Q())
-      }, null, 8, ["disabled", "label"])])]), o("div", Je, [i(r(we), {
+      }, null, 8, ["disabled", "label"])])]), o("div", We, [i(r(we), {
         multiple: "",
         modelValue: b.value,
         "onUpdate:modelValue": a[3] || (a[3] = (n) => b.value = n)
@@ -528,7 +528,7 @@ const De = {
         class: "flex-col flex-1 min-h-0 overflow-auto xs:flex hidden w-full pb-64",
         separator: ""
       }, {
-        default: L(() => [(y(!0), U(O, null, W(k.value, (n) => (y(), T(j, {
+        default: L(() => [(y(!0), U(O, null, J(k.value, (n) => (y(), T(j, {
           key: n._id,
           label: n.name,
           style: {
@@ -543,12 +543,12 @@ const De = {
             disabled: M.value,
             icon: "undo",
             variant: "tertiary",
-            onClick: N(() => m(n), ["stop"])
+            onClick: z(() => m(n), ["stop"])
           }, null, 8, ["disabled", "onClick"])) : ce("", !0), i(I, {
             disabled: M.value,
             icon: "ios_share",
             variant: "tertiary",
-            onClick: N(() => E(g(n)), ["stop"])
+            onClick: z(() => E(g(n)), ["stop"])
           }, null, 8, ["disabled", "onClick"])])]),
           _: 2
         }, 1032, ["label", "onClick"]))), 128))]),

package/dist/{Recipe-CKIoGrBI.js → Recipe-DnftcZPO.js}

@@ -1,24 +1,24 @@
-import { defineComponent as z, computed as h, ref as w, reactive as Q, watch as W, resolveComponent as V, createElementBlock as F, openBlock as g, Fragment as C, renderSlot as X, createVNode as d, unref as e, withCtx as x, createElementVNode as r, toDisplayString as S, getCurrentInstance as Z, h as D, withModifiers as L, createBlock as O, createCommentVNode as ee, normalizeClass as K, renderList as te } from "vue";
+import { defineComponent as K, computed as h, ref as w, reactive as Q, watch as W, resolveComponent as V, createElementBlock as F, openBlock as g, Fragment as C, renderSlot as X, createVNode as d, unref as e, withCtx as x, createElementVNode as r, toDisplayString as S, getCurrentInstance as Z, h as D, withModifiers as L, createBlock as I, createCommentVNode as ee, normalizeClass as z, renderList as te } from "vue";
 import { useI18n as U } from "@feedmepos/mf-common";
-import { useSnackbar as $, components as j, useDialog as ne, FmButtonVariant as G, useBreakpoints as oe } from "@feedmepos/ui-library";
+import { useSnackbar as A, components as j, useDialog as ne, FmButtonVariant as G, useBreakpoints as oe } from "@feedmepos/ui-library";
 import { _ as ae } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as le } from "./app-BoVVV8kG.js";
-import { O as q, D as A, H as ie, B as P, I as se, G as B, J as I, z as T, u as H, a3 as re } from "./index.vue_vue_type_script_setup_true_lang-Dcq1bwDq.js";
+import { _ as le } from "./app-CPJH5bgs.js";
+import { P as q, G as $, I as ie, D as P, J as se, H as Y, K as O, A as T, u as H, a3 as re } from "./index.vue_vue_type_script_setup_true_lang-BvohjQ00.js";
 import { _ as ce } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 import { defineStore as ue } from "pinia";
-import { _ as Y, g as me } from "./InventoryBinding.vue_vue_type_script_setup_true_lang-DfyUAd9n.js";
+import { _ as B, g as me } from "./InventoryBinding.vue_vue_type_script_setup_true_lang-DbGNFA3D.js";
 import { u as de } from "./discardConfirm-BHni0LNu.js";
 import { c as pe } from "./check-C9mY6LiX.js";
-import "./unit-BjQ-Hi7b.js";
+import "./unit-DKyvdauo.js";
 import { c as fe } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40" }, ye = { class: "flex flex-row gap-16" }, ge = { class: "flex gap-8 items-center justify-start" }, be = /* @__PURE__ */ z({
+const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40" }, ye = { class: "flex flex-row gap-16" }, ge = { class: "flex gap-8 items-center justify-start" }, be = /* @__PURE__ */ K({
   __name: "Form",
   props: {
     initialValue: { default: void 0 },
     invalidSkuAndRecipe: {}
   },
   setup(R, { expose: c }) {
-    const { t: u } = U(), p = R, f = q(A($())), b = h(() => p.initialValue ? u("menu.recipe.update") : u("menu.recipe.add")), _ = h(
+    const { t: u } = U(), p = R, f = q($(A())), b = h(() => p.initialValue ? u("menu.recipe.update") : u("menu.recipe.add")), _ = h(
       () => p.initialValue ? u("menu.common.actions.update") : u("menu.common.actions.add")
     ), v = w(!1), a = w(!1), k = (t) => {
       pe.isBoolean(t) ? a.value = t : a.value = !a.value;
@@ -38,14 +38,14 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
         p.initialValue ? await f.updateMenu(
           {
             module: T.F_MENU_MODULE_V4_KEY.enum.recipe,
-            operation: I.F_OPERATION_TYPE.update,
+            operation: O.F_OPERATION_TYPE.update,
             data: t
           },
           t.name
         ) : await f.updateMenu(
           {
             module: T.F_MENU_MODULE_V4_KEY.enum.recipe,
-            operation: I.F_OPERATION_TYPE.create,
+            operation: O.F_OPERATION_TYPE.create,
             data: t
           },
           t.name
@@ -119,16 +119,16 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
                 rules: [(m) => m.length > 0 || e(u)("menu.recipe.validation.bind_required")]
               }, {
                 default: x(() => [
-                  d(Y, {
+                  d(B, {
                     modelValue: n.contains,
                     "onUpdate:modelValue": i[1] || (i[1] = (m) => n.contains = m),
-                    type: e(B.F_INVENTORY_BINDING_TYPE).enum.RECIPE,
+                    type: e(Y.F_INVENTORY_BINDING_TYPE).enum.RECIPE,
                     "filter-option-ids": o.value
                   }, null, 8, ["modelValue", "type", "filter-option-ids"]),
-                  d(Y, {
+                  d(B, {
                     modelValue: n.contains,
                     "onUpdate:modelValue": i[2] || (i[2] = (m) => n.contains = m),
-                    type: e(B.F_INVENTORY_BINDING_TYPE).enum.SKU,
+                    type: e(Y.F_INVENTORY_BINDING_TYPE).enum.SKU,
                     "filter-option-ids": E.value
                   }, null, 8, ["modelValue", "type", "filter-option-ids"])
                 ]),
@@ -142,7 +142,7 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
     };
   }
 }), he = be, Ve = ue("recipe-manager", () => {
-  const R = ne(), c = $(), u = A(c), p = q(u), f = H(), b = Z(), { t: _ } = U(), v = (o) => {
+  const R = ne(), c = A(), u = $(c), p = q(u), f = H(), b = Z(), { t: _ } = U(), v = (o) => {
     var l, t;
     const { vNode: y } = fe(
       he,
@@ -184,7 +184,7 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
       await p.updateMenu(
         {
           module: T.F_MENU_MODULE_V4_KEY.enum.recipe,
-          operation: I.F_OPERATION_TYPE.delete,
+          operation: O.F_OPERATION_TYPE.delete,
           data: o._id
         },
         o.name,
@@ -205,7 +205,7 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
 }, Fe = {
   class: "flex justify-end items-center my-8 px-16"
 }, Ee = {
-  class: /* @__PURE__ */ K(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+  class: /* @__PURE__ */ z(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
 }, Re = ["onClick"], Ce = {
   class: "flex-1"
 }, Se = {
@@ -216,17 +216,17 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
   class: "flex-1 flex justify-between gap-8 pl-8"
 }, Me = {
   class: "flex items-center"
-}, Oe = {
-  class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4"
 }, Ie = {
+  class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4"
+}, Oe = {
   class: "fm-typo-en-body-md-600 font-semibold"
-}, qe = /* @__PURE__ */ z({
+}, qe = /* @__PURE__ */ K({
   __name: "Recipe",
   setup(R) {
     const {
       t: c
-    } = U(), u = $();
-    A(u);
+    } = U(), u = A();
+    $(u);
     const p = H(), f = Ve(), b = h(() => p.recipes), _ = h(() => b.value.filter((y) => `${y.name}`.toLowerCase().includes(v.value.toLowerCase()))), v = w(""), a = w([{
       accessorKey: "name",
       header: () => c("menu.recipe.table.columns.name"),
@@ -263,10 +263,10 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
     const n = h(() => b.value.length), E = oe(), o = h(() => E.breakpoints.value.xs);
     return (y, l) => {
       const t = V("FmSearch"), i = V("FmTable"), N = V("fm-button"), M = V("FmSpacer");
-      return g(), O(ce, {
+      return g(), I(ce, {
         heading: e(c)("menu.recipe.title")
       }, {
-        default: x(() => [b.value.length === 0 ? (g(), O(e(re), {
+        default: x(() => [b.value.length === 0 ? (g(), I(e(re), {
           key: 0,
           action: {
             text: e(c)("menu.recipe.empty.action"),
@@ -288,7 +288,7 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
           placeholder: e(c)("menu.recipe.table.search.placeholder")
         }, null, 8, ["modelValue", "placeholder"])]), r("div", Ee, [(g(!0), F(C, null, te(_.value, (s) => (g(), F("div", {
           key: s._id,
-          class: K(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
+          class: z(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
           onClick: () => e(f).updateRecipe(s)
         }, [r("div", Ce, [r("p", Se, S(s.name), 1), r("p", we, S(s.ingredients), 1)]), d(N, {
           variant: e(G).Tertiary,
@@ -313,7 +313,7 @@ const _e = { class: "fm-typo-en-title-md-600" }, ve = { class: "pt-8 space-y-40"
           }, null, 8, ["column-defs", "page-size", "row-data"])]),
           _: 1
         })]))], 64))]),
-        "append-heading": x(() => [r("div", Ne, [r("div", Me, [r("div", Oe, [r("p", Ie, S(n.value), 1)])]), d(M), b.value.length > 0 ? (g(), O(ae, {
+        "append-heading": x(() => [r("div", Ne, [r("div", Me, [r("div", Ie, [r("p", Oe, S(n.value), 1)])]), d(M), b.value.length > 0 ? (g(), I(ae, {
           key: 0,
           label: e(c)("menu.recipe.actions.add"),
           "prepend-icon": "add",