@feedmepos/mf-menu 0.23.5 → 0.23.6-beta.2

package/dist/{App-BoDZl9ra.js → App-BJ55dZOx.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, watchEffect, computed, watch, openBlock, createElementBlock, normalizeStyle, onBeforeUnmount, createBlock, unref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, vShow, Fragment, createCommentVNode, normalizeClass } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs, u as useMenuStore, a as coreDart, r as registerVersion, L as Logger, b as getExperimentalSetting, i as isMobileCordova, d as isReactNative, _ as _isFirebaseServerApp, e as _registerComponent, C as Component, f as _getProvider, h as getDefaultEmulatorHost, j as getApp, k as isBrowserExtension, S as SDK_VERSION, l as getModularInstance, E as ErrorFactory, m as createSubscribe, n as deepEqual, o as LogLevel, p as getUA, F as FirebaseError, q as base64Decode, s as isIE, t as querystring, v as isEmpty, w as getApps, x as initializeApp, y as getStorage, z as menu } from "./menu-BPt5j-Rz.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs, u as useMenuStore, a as coreDart, r as registerVersion, L as Logger, b as getExperimentalSetting, i as isMobileCordova, d as isReactNative, _ as _isFirebaseServerApp, e as _registerComponent, C as Component, f as _getProvider, h as getDefaultEmulatorHost, j as getApp, k as isBrowserExtension, S as SDK_VERSION, l as getModularInstance, E as ErrorFactory, m as createSubscribe, n as deepEqual, o as LogLevel, p as getUA, F as FirebaseError, q as base64Decode, s as isIE, t as querystring, v as isEmpty, w as getApps, x as initializeApp, y as getStorage, z as menu } from "./menu-CkKtN4Kz.js";
 import { FeedMeAuth, useCoreStore } from "@feedmepos/mf-common";
 import { FmButtonColorThemeVariant, FmButtonVariant } from "@feedmepos/ui-library";
-import { R as Remy, i as init } from "./remy-qrKomAcy.js";
+import { R as Remy, i as init } from "./remy-B4dlb2Ns.js";
 import { _ as _export_sfc$1 } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as useAppStore } from "./app-gDE1IqsJ.js";
+import { u as useAppStore } from "./app-CW3ESv2G.js";
 const v = "4.8.0", meta = {
   g: "LottieFiles AE ",
   a: "",
@@ -23249,7 +23249,7 @@ registerAuth(
   "Browser"
   /* ClientPlatform.BROWSER */
 );
-var define_appEndpoint_default = { mainBackend: "https://portal-v2.feedmeapi.com", menuBackend: "https://menu-v4.feedmeapi.com", remy: "https://remy.feedmeapi.com/v1", firebase: { apiKey: "AIzaSyA_isPR1-9bX7UmRiJIhsIRNNwdn6DdmW4", authDomain: "feedme-253402.firebaseapp.com", databaseURL: "https://feedme-253402.firebaseio.com", projectId: "feedme-253402", storageBucket: "image.feedme.cc", messagingSenderId: "128512026847", appId: "1:128512026847:web:7c5c8ab7e8b90502dc616a", measurementId: "G-LTKS7N2HQS" }, gtm: { id: "GTM-WR8XHXLH", serverUrl: "https://server-side-tagging-zzez732dna-as.a.run.app", env: "production", serverMeasurementId: "G-2MP52PC24R", debug: !1 } };
+var define_appEndpoint_default = { mainBackend: "https://portal-v2-dev.feedmeapi.com", menuBackend: "https://menu-v4-dev.feedmeapi.com", remy: "https://remy-dev.feedmeapi.com/v1", firebase: { apiKey: "AIzaSyAj8JdCHtP0Vc5vZobCfgoLzWxPIn0WUG4", authDomain: "feedme-dev-4c3ef.firebaseapp.com", databaseURL: "https://feedme-dev-4c3ef.firebaseio.com", projectId: "feedme-dev-4c3ef", storageBucket: "image.feedmedev.cc", messagingSenderId: "458797803788", appId: "1:458797803788:web:37f2af2926a84288f0c129", measurementId: "G-J2QG09D2Q7" }, gtm: { id: "GTM-P7Z9FMS6", serverUrl: "https://server-side-tagging-rsrq3ogsuq-as.a.run.app", env: "development", serverMeasurementId: "G-759WBZPF06", debug: !0 } };
 async function initFirebase() {
   if (getApps().length) {
     console.warn("mf-menu:firebase already initialized by another app");

package/dist/{ApplyProduct.vue_vue_type_script_setup_true_lang-DmsurW8u.js → ApplyProduct.vue_vue_type_script_setup_true_lang-MlyOVrjL.js}

@@ -1,13 +1,14 @@
-import { defineComponent as K, computed as i, h as u, ref as U, resolveComponent as b, openBlock as d, createElementBlock as p, createVNode as v, withCtx as g, createElementVNode as V, createBlock as j, unref as n, createCommentVNode as C, toDisplayString as A, isRef as D, Fragment as G, renderList as H } from "vue";
+import { defineComponent as K, computed as i, h as u, ref as U, resolveComponent as b, openBlock as d, createElementBlock as p, createVNode as f, withCtx as g, createElementVNode as V, createBlock as j, unref as n, createCommentVNode as C, toDisplayString as A, isRef as D, Fragment as G, renderList as H } from "vue";
 import { useI18n as M } from "@feedmepos/mf-common";
 import { components as B, FmButtonVariant as I, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
-import { _ as O, L as $ } from "./LinkProductSideSheet-ODAwTaEx.js";
+import { _ as O } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { L as $ } from "./LinkProductSideSheet-2vVoZuIs.js";
 import { u as q } from "./search-7ZYHUW7s.js";
-import { u as J, ab as Q } from "./menu-BPt5j-Rz.js";
+import { u as J, ab as Q } from "./menu-CkKtN4Kz.js";
 const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }, Y = {
   key: 0,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, ne = /* @__PURE__ */ K({
+}, le = /* @__PURE__ */ K({
   __name: "ApplyProduct",
   props: {
     title: {},
@@ -82,8 +83,8 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
                 onClick: () => {
                   var o;
                   if (a > 0) {
-                    const f = (o = e.row.getParentRow()) == null ? void 0 : o.original;
-                    S(f.value, r.value);
+                    const v = (o = e.row.getParentRow()) == null ? void 0 : o.original;
+                    S(v.value, r.value);
                   } else
                     S(r.value);
                 }
@@ -96,7 +97,7 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
     return (t, e) => {
       const r = b("fm-button"), a = b("fm-search"), l = b("fm-table");
       return d(), p("div", W, [
-        v(O, { title: t.title }, {
+        f(O, { title: t.title }, {
           "append-title": g(() => [
             V("div", null, [
               t.editable ? (d(), j($, {
@@ -109,7 +110,7 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
                 onSubmit: e[0] || (e[0] = (o) => _("update:overrides", o))
               }, {
                 default: g(({ trigger: o }) => [
-                  v(r, {
+                  f(r, {
                     "text-color": n(h).ColorPrimary,
                     "border-color": n(h).ColorPrimary,
                     variant: n(I).Secondary,
@@ -125,7 +126,7 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
           default: g(() => [
             V("div", X, [
               t.editable ? (d(), p("p", Y, A(n(c)("menu.common.labels.product_count", { count: T.value })), 1)) : C("", !0),
-              v(a, {
+              f(a, {
                 modelValue: n(m),
                 "onUpdate:modelValue": e[1] || (e[1] = (o) => D(m) ? m.value = o : null),
                 placeholder: n(c)("menu.common.labels.search_product"),
@@ -139,7 +140,7 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
           key: o.id || "",
           class: "xs:overflow-x-scroll"
         }, [
-          v(l, {
+          f(l, {
             "column-defs": E.value(o),
             "expanded-state": x.value,
             "get-sub-row": N,
@@ -148,7 +149,7 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
             "search-value": n(m),
             "shrink-at": !1,
             "hide-footer": "",
-            "onUpdate:expandedState": e[2] || (e[2] = (f) => x.value = f)
+            "onUpdate:expandedState": e[2] || (e[2] = (v) => x.value = v)
           }, null, 8, ["column-defs", "expanded-state", "row-data", "search-value"])
         ]))), 128))
       ]);
@@ -156,5 +157,5 @@ const W = { class: "space-y-16" }, X = { class: "flex items-center space-x-24" }
   }
 });
 export {
-  ne as _
+  le as _
 };

package/dist/{Catalog-CwLzNRul.js → Catalog-gyi6ux9C.js}

@@ -1,17 +1,18 @@
 import { defineComponent as oe, computed as T, resolveComponent as v, openBlock as d, createBlock as h, createVNode as n, ref as B, createElementBlock as S, Fragment as P, renderSlot as ye, unref as e, withCtx as p, createElementVNode as _, renderList as W, createCommentVNode as z, createTextVNode as be, toDisplayString as R, h as J, withModifiers as q, normalizeClass as xe } from "vue";
 import { useRouter as ke } from "vue-router";
-import { G as F, u as de, K as pe, A as ge, z as re, B as Ce, H as ee, J as fe, T as ue } from "./menu-BPt5j-Rz.js";
+import { G as F, u as de, K as pe, A as ge, z as re, B as Ce, H as ee, J as fe, T as ue } from "./menu-CkKtN4Kz.js";
 import { useI18n as ne, useCoreStore as ve } from "@feedmepos/mf-common";
 import { useSnackbar as _e, components as te, FmButtonColorThemeVariant as Q, FmButtonVariant as K, useDialog as he, useBreakpoints as Oe } from "@feedmepos/ui-library";
-import { _ as Fe, R as ie } from "./app-DAayWUH3.js";
+import { _ as Fe, R as ie } from "./app-yYtEzp2U.js";
 import { _ as Me } from "./TextChip.vue_vue_type_script_setup_true_lang-DoCbhCON.js";
 import { _ as ae } from "./FormItem.vue_vue_type_script_setup_true_lang-DKsxEK-8.js";
-import { _ as De } from "./LinkProductSideSheet-ODAwTaEx.js";
+import { _ as De } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
 import { c as Se } from "./check-C9mY6LiX.js";
-import { C as L, a as I, _ as ce } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-EX9nyvAl.js";
+import { C as L, a as I } from "./catalogSetting-Bl7e_Hm6.js";
+import { _ as ce } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-C4Qaas8w.js";
 import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 import { _ as Ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-BJCuL4EK.js";
-import { C as Ae } from "./catalog-D0ArfwdB.js";
+import { C as Ae } from "./catalog-Btd5rknc.js";
 const Ue = /* @__PURE__ */ oe({
   __name: "CatalogUsageTable",
   props: {
@@ -366,7 +367,7 @@ const Ue = /* @__PURE__ */ oe({
   class: "fm-typo-en-title-md-600"
 }, We = {
   class: "space-y-24"
-}, le = "main", ma = /* @__PURE__ */ oe({
+}, le = "main", da = /* @__PURE__ */ oe({
   __name: "Catalog",
   setup(X) {
     const M = ve(), m = de(), D = _e(), $ = ge(D), y = he(), k = pe($), V = ke(), {
@@ -631,5 +632,5 @@ const Ue = /* @__PURE__ */ oe({
   }
 });
 export {
-  ma as default
+  da as default
 };

package/dist/{Category-0lckEK6t.js → Category-nIhgNITd.js}

@@ -1,18 +1,17 @@
-import { defineComponent as P, ref as w, computed as B, watch as re, resolveComponent as y, openBlock as h, createElementBlock as T, Fragment as Z, renderSlot as ie, createVNode as d, unref as e, withCtx as v, createElementVNode as a, toDisplayString as L, h as N, withModifiers as R, getCurrentInstance as ce, renderList as ue, createBlock as O, createCommentVNode as de } from "vue";
+import { defineComponent as P, ref as w, computed as B, watch as re, resolveComponent as y, openBlock as h, createElementBlock as T, Fragment as Z, renderSlot as ie, createVNode as d, unref as e, withCtx as v, createElementVNode as o, toDisplayString as L, h as N, withModifiers as R, getCurrentInstance as ce, renderList as ue, createBlock as O, createCommentVNode as de } from "vue";
 import { useI18n as j } from "@feedmepos/mf-common";
 import { useSnackbar as Y, components as I, useDialog as ee, FmButtonVariant as Q, useBreakpoints as me, FmButtonColorThemeVariant as pe } from "@feedmepos/ui-library";
 import { _ as fe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-CdVvtXw-.js";
-import { A as G, u as ge, G as K, J as te, K as q } from "./menu-BPt5j-Rz.js";
+import { A as G, u as ge, G as K, J as te, K as q } from "./menu-CkKtN4Kz.js";
 import { _ as _e } from "./PageLayout.vue_vue_type_script_setup_true_lang-BJCuL4EK.js";
-import { _ as ye } from "./app-DAayWUH3.js";
+import { _ as ye } from "./app-yYtEzp2U.js";
 import { c as ve } from "./createForm-TSiJzrqa.js";
-import { _ as W } from "./LinkProductSideSheet-ODAwTaEx.js";
-import { u as he } from "./discardConfirm-Bm-PkJ2b.js";
+import { _ as W } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { u as he } from "./discardConfirm-BUuy5Xgn.js";
 import { c as X } from "./object-DNBFWMt7.js";
-import { u as J, a as be } from "./menu-DDZtDGw9.js";
+import { u as J, a as be } from "./menu-BrpWCZJK.js";
 import { c as xe } from "./check-C9mY6LiX.js";
-import { u as Ce } from "./item-Rc8A7eoE.js";
-import { u as oe } from "./category-DliTmlIm.js";
+import { u as Ce, a as ae } from "./item-Ciit5Gca.js";
 import { _ as ke } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 function we(p, f = "This field can't be empty.") {
   return p == null || Array.isArray(p) && p.length === 0 || typeof p == "string" && p.trim() === "" ? f : !0;
@@ -48,7 +47,7 @@ const Fe = {
       xe.isBoolean(t) ? m.value = t : m.value = !m.value;
     }, u = w(X(x.initialValue)), M = w(""), E = B(() => {
       var t;
-      return ((t = i.value.find((o) => o.id === u.value.id)) == null ? void 0 : t.items) || [];
+      return ((t = i.value.find((a) => a.id === u.value.id)) == null ? void 0 : t.items) || [];
     }), n = [{
       accessorKey: "name",
       header: () => c("menu.category.products.columns.name"),
@@ -66,7 +65,7 @@ const Fe = {
       },
       header: "",
       cell: (t) => {
-        const o = t.row.original;
+        const a = t.row.original;
         return N("div", {
           class: "flex justify-end"
         }, [N(I.FmButton, {
@@ -75,7 +74,7 @@ const Fe = {
           variant: "tertiary",
           textColor: "neutral-gray-400",
           onClick: R(async () => {
-            await _(o);
+            await _(a);
           }, ["stop", "prevent"])
         })]);
       }
@@ -88,16 +87,16 @@ const Fe = {
     }
     const U = B(() => s.version === K.F_MENU_VERSION.enum.v4);
     async function z(t) {
-      await b.rearrange(t.map((o) => o._id));
+      await b.rearrange(t.map((a) => a._id));
     }
     const r = he(() => u.value.name !== x.initialValue.name, () => {
       m.value = !1;
     });
     async function A() {
       const t = s.categories.find((D) => D._id === u.value.id), {
-        updateMenu: o
+        updateMenu: a
       } = g;
-      await o({
+      await a({
         module: K.F_MENU_MODULE_V4_KEY.enum.category,
         operation: te.F_OPERATION_TYPE.update,
         data: {
@@ -111,14 +110,14 @@ const Fe = {
     }), f({
       trigger: S,
       show: m
-    }), (t, o) => {
-      const D = y("FmTextField"), ae = y("FmButton"), ne = y("FmSearch"), le = y("FmTable"), H = y("fm-button"), se = y("fm-side-sheet");
+    }), (t, a) => {
+      const D = y("FmTextField"), oe = y("FmButton"), ne = y("FmSearch"), le = y("FmTable"), H = y("fm-button"), se = y("fm-side-sheet");
       return h(), T(Z, null, [ie(t.$slots, "default", {
         trigger: S
       }), d(se, {
         id: "group-form",
         modelValue: m.value,
-        "onUpdate:modelValue": o[4] || (o[4] = (C) => m.value = C),
+        "onUpdate:modelValue": a[4] || (a[4] = (C) => m.value = C),
         "is-container": e(I).FmForm,
         "is-container-props": {
           onValidationSuccess: A,
@@ -127,8 +126,8 @@ const Fe = {
         "max-width": 560,
         "onOn:clickedAway": e(r)
       }, {
-        "side-sheet-header": v(() => [a("p", Fe, L(e(c)("menu.category.title")), 1)]),
-        "side-sheet-footer": v(() => [a("div", Te, [d(H, {
+        "side-sheet-header": v(() => [o("p", Fe, L(e(c)("menu.category.title")), 1)]),
+        "side-sheet-footer": v(() => [o("div", Te, [d(H, {
           label: e(c)("menu.common.actions.update"),
           loading: $.value,
           size: "lg",
@@ -139,15 +138,15 @@ const Fe = {
           label: e(c)("menu.common.actions.cancel"),
           size: "lg",
           variant: "tertiary",
-          onClick: o[3] || (o[3] = () => m.value = !1)
+          onClick: a[3] || (a[3] = () => m.value = !1)
         }, null, 8, ["label"])])]),
-        default: v(() => [a("div", Ve, [d(W, {
+        default: v(() => [o("div", Ve, [d(W, {
           title: e(c)("menu.category.detail")
         }, {
           default: v(() => [d(D, {
             label: e(c)("menu.category.name"),
             modelValue: u.value.name,
-            "onUpdate:modelValue": o[0] || (o[0] = (C) => u.value.name = C),
+            "onUpdate:modelValue": a[0] || (a[0] = (C) => u.value.name = C),
             disabled: !u.value.id,
             rules: [e(we)]
           }, null, 8, ["label", "modelValue", "disabled", "rules"])]),
@@ -157,7 +156,7 @@ const Fe = {
           class: "flex-1 min-h-0",
           shrinkable: !0
         }, {
-          "append-title": v(() => [d(ae, {
+          "append-title": v(() => [d(oe, {
             label: e(c)("menu.category.products.add"),
             variant: "secondary",
             "prepend-icon": "add",
@@ -165,13 +164,13 @@ const Fe = {
             "border-color": "primary",
             onClick: l
           }, null, 8, ["label"])]),
-          default: v(() => [a("div", $e, [a("div", Se, L(e(c)("menu.category.products.linked_count", {
+          default: v(() => [o("div", $e, [o("div", Se, L(e(c)("menu.category.products.linked_count", {
             count: E.value.length
-          })), 1), a("div", Me, [d(ne, {
+          })), 1), o("div", Me, [d(ne, {
             placeholder: e(c)("menu.common.actions.search"),
             modelValue: M.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (C) => M.value = C)
-          }, null, 8, ["placeholder", "modelValue"])])]), a("div", Ee, [d(le, {
+            "onUpdate:modelValue": a[1] || (a[1] = (C) => M.value = C)
+          }, null, 8, ["placeholder", "modelValue"])])]), o("div", Ee, [d(le, {
             "column-defs": n,
             draggable: U.value,
             "page-size": E.value.length,
@@ -181,7 +180,7 @@ const Fe = {
             "hide-footer": "",
             "pin-header-row": "",
             onDndChanged: z,
-            onRowClick: o[2] || (o[2] = (C) => _(C.original))
+            onRowClick: a[2] || (a[2] = (C) => _(C.original))
           }, null, 8, ["draggable", "page-size", "row-data", "search-value"])])]),
           _: 1
         }, 8, ["title"])])]),
@@ -211,7 +210,7 @@ const Fe = {
 }, je = /* @__PURE__ */ P({
   __name: "CategoryTable",
   setup(p) {
-    const f = ee(), F = Y(), x = G(F), k = q(x), V = oe({
+    const f = ee(), F = Y(), x = G(F), k = q(x), V = ae({
       dialog: f,
       menuLoader: k
     }), {
@@ -302,7 +301,7 @@ const Fe = {
     const M = me(), E = B(() => M.breakpoints.value.xs);
     return (n, l) => {
       const _ = y("FmSearch"), U = y("FmTable"), z = y("FmButton");
-      return E.value ? (h(), T("div", ze, [a("div", Ae, [d(_, {
+      return E.value ? (h(), T("div", ze, [o("div", Ae, [d(_, {
         autofocus: "",
         modelValue: s.value,
         "onUpdate:modelValue": l[2] || (l[2] = (r) => s.value = r),
@@ -310,11 +309,11 @@ const Fe = {
         placeholder: e(i)("menu.common.labels.search_placeholder", {
           type: "categories"
         })
-      }, null, 8, ["modelValue", "placeholder"])]), a("div", De, [(h(!0), T(Z, null, ue(b.value, (r) => (h(), T("div", {
+      }, null, 8, ["modelValue", "placeholder"])]), o("div", De, [(h(!0), T(Z, null, ue(b.value, (r) => (h(), T("div", {
         key: r.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (A) => u(r)
-      }, [a("div", Ie, [a("p", Ke, L(r.name), 1), a("p", Pe, L(e(i)(r.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
+      }, [o("div", Ie, [o("p", Ke, L(r.name), 1), o("p", Pe, L(e(i)(r.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
         count: r.items.length
       })), 1)]), d(z, {
         "text-color": e(pe).NeutralGray400,
@@ -322,7 +321,7 @@ const Fe = {
         "prepend-icon": "delete",
         disabled: !r.id,
         onClick: R((A) => $(r), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Re))), 128))])])) : (h(), T("div", Oe, [a("div", Ne, [a("div", Ue, [d(_, {
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Re))), 128))])])) : (h(), T("div", Oe, [o("div", Ne, [o("div", Ue, [d(_, {
         modelValue: s.value,
         "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
         autofocus: "",
@@ -347,10 +346,10 @@ const Fe = {
       })]));
     };
   }
-}), Ye = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ge = { class: "flex items-center" }, qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Je = { class: "fm-typo-en-body-md-600 font-semibold" }, dt = /* @__PURE__ */ P({
+}), Ye = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ge = { class: "flex items-center" }, qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Je = { class: "fm-typo-en-body-md-600 font-semibold" }, ut = /* @__PURE__ */ P({
   __name: "Category",
   setup(p) {
-    const f = ee(), F = Y(), x = G(F), k = q(x), V = oe({ dialog: f, menuLoader: k }), { categories: g } = J(), { t: s } = j();
+    const f = ee(), F = Y(), x = G(F), k = q(x), V = ae({ dialog: f, menuLoader: k }), { categories: g } = J(), { t: s } = j();
     function b() {
       V.create();
     }
@@ -370,10 +369,10 @@ const Fe = {
         }, null, 8, ["action", "subtitle", "title"]))
       ]),
       "append-heading": v(() => [
-        a("div", Ye, [
-          a("div", Ge, [
-            a("div", qe, [
-              a("p", Je, L(i.value), 1)
+        o("div", Ye, [
+          o("div", Ge, [
+            o("div", qe, [
+              o("p", Je, L(i.value), 1)
             ])
           ]),
           e(g).length > 0 ? (h(), O(fe, {
@@ -389,5 +388,5 @@ const Fe = {
   }
 });
 export {
-  dt as default
+  ut as default
 };

package/dist/{CookingGuide-CiSx-be6.js → CookingGuide-B3EB_m67.js}

@@ -2,11 +2,12 @@ import { defineComponent as ie, ref as w, computed as F, resolveComponent as x,
 import { useI18n as le } from "@feedmepos/mf-common";
 import { components as de, useSnackbar as be, useDialog as ye } from "@feedmepos/ui-library";
 import { _ as ke } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-CdVvtXw-.js";
-import { _ as he } from "./app-DAayWUH3.js";
-import { H as Z, G as ee, J as re, u as xe, K as Ce, A as we } from "./menu-BPt5j-Rz.js";
-import { u as me, l as pe } from "./discardConfirm-Bm-PkJ2b.js";
+import { _ as he } from "./app-yYtEzp2U.js";
+import { H as Z, G as ee, J as re, u as xe, K as Ce, A as we } from "./menu-CkKtN4Kz.js";
+import { u as me, l as pe } from "./discardConfirm-BUuy5Xgn.js";
 import { V as Ve } from "./vuedraggable-WU01qJgi.js";
-import { _ as X, L as Fe } from "./LinkProductSideSheet-ODAwTaEx.js";
+import { _ as X } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { L as Fe } from "./LinkProductSideSheet-2vVoZuIs.js";
 import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-BJCuL4EK.js";
 const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ke = { class: "space-y-32" }, De = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Le = { class: "px-16 py-8 w-[40%]" }, Ne = { class: "px-16 py-8 grow" }, Ge = { class: "flex items-center border-b border-b-fm-color-neutral-gray-100" }, Ue = { class: "px-16 py-8 w-[40%]" }, Be = { class: "px-16 py-8 grow" }, Ee = { class: "space-y-16" }, ze = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Me = { class: "flex gap-8 items-center justify-start" }, Te = /* @__PURE__ */ ie({
@@ -692,7 +693,7 @@ const go = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, yo = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ko = /* @__PURE__ */ ie({
+}, Do = /* @__PURE__ */ ie({
   __name: "CookingGuide",
   setup(N) {
     const {
@@ -863,5 +864,5 @@ const go = {
   }
 });
 export {
-  Ko as default
+  Do as default
 };

package/dist/FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js

@@ -0,0 +1,50 @@
+import { defineComponent as r, openBlock as s, createElementBlock as t, normalizeClass as i, renderSlot as o, createElementVNode as l, toDisplayString as n, createCommentVNode as a, createVNode as m, withCtx as d } from "vue";
+const f = /* @__PURE__ */ r({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(p) {
+    return (e, c) => (s(), t("div", {
+      class: i(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      o(e.$slots, "default")
+    ], 2));
+  }
+}), h = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, u = { class: "space-y-4" }, _ = { class: "fm-typo-en-title-sm-600" }, y = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, k = /* @__PURE__ */ r({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(p) {
+    return (e, c) => (s(), t("div", {
+      class: i(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (s(), t("div", h, [
+        l("div", u, [
+          l("p", _, n(e.title), 1),
+          e.subTitle ? (s(), t("p", y, n(e.subTitle), 1)) : a("", !0)
+        ]),
+        o(e.$slots, "append-title")
+      ])) : a("", !0),
+      m(f, { shrinkable: e.shrinkable }, {
+        default: d(() => [
+          o(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  k as _,
+  f as a
+};

package/dist/{Group-BOUlrHMh.js → Group-C7ByKdfJ.js}

@@ -2,9 +2,9 @@ import { defineComponent as m, ref as p, openBlock as i, createBlock as d, unref
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-CdVvtXw-.js";
 import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-BJCuL4EK.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-DcumCFFV.js";
-import { A as b } from "./item-Rc8A7eoE.js";
-import { a as h } from "./menu-DDZtDGw9.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-BDVeXk8g.js";
+import { A as b } from "./item-Ciit5Gca.js";
+import { a as h } from "./menu-BrpWCZJK.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({
   __name: "Group",
   setup(N) {

package/dist/{Group-COe636cZ.js → Group-QDr5dP7Q.js}

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

package/dist/{Group.vue_vue_type_script_setup_true_lang-DcumCFFV.js → Group.vue_vue_type_script_setup_true_lang-BDVeXk8g.js}

@@ -1,19 +1,19 @@
 import { defineComponent as W, computed as b, resolveComponent as C, openBlock as v, createBlock as V, withCtx as k, createElementBlock as F, Fragment as T, renderList as ne, createVNode as c, createElementVNode as p, normalizeClass as j, toDisplayString as P, ref as S, renderSlot as Oe, unref as n, watch as we, mergeProps as De, createCommentVNode as E, createSlots as Ce, withModifiers as Me, isRef as le, h as xe, nextTick as Ae } from "vue";
-import { l as z, u as Ge } from "./discardConfirm-Bm-PkJ2b.js";
+import { l as z, u as Ge } from "./discardConfirm-BUuy5Xgn.js";
 import { V as Fe } from "./vuedraggable-WU01qJgi.js";
-import { u as ue, K as Pe, A as Ve, B as Ne, G as f, z as Re, J as Ue } from "./menu-BPt5j-Rz.js";
+import { u as ue, K as Pe, A as Ve, B as Ne, G as f, z as Re, J as Ue } from "./menu-CkKtN4Kz.js";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { useBreakpoints as ie, components as Ee, useSnackbar as Se, useDialog as Te, FmButtonVariant as Ie } from "@feedmepos/ui-library";
-import { _ as $e } from "./app-DAayWUH3.js";
+import { _ as $e } from "./app-yYtEzp2U.js";
 import { _ as Ye, a as Le } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DPis3HVx.js";
 import { c as ze } from "./object-DNBFWMt7.js";
-import { _ as Ke } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-DmsurW8u.js";
+import { _ as Ke } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-MlyOVrjL.js";
 import { c as je } from "./check-C9mY6LiX.js";
 import { _ as Be } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { M as ae, S as qe, _ as He, A as Je, e as Qe, a as We } from "./item-Rc8A7eoE.js";
-import { _ as re } from "./SchedulerSelector.vue_vue_type_script_setup_true_lang-D19DbA-l.js";
+import { M as ae, S as qe, _ as He, A as Je, e as Qe, b as We } from "./item-Ciit5Gca.js";
+import { _ as re } from "./SchedulerSelector.vue_vue_type_script_setup_true_lang-CcrzvG9H.js";
 import { u as Xe } from "./search-7ZYHUW7s.js";
-import { C as Ze } from "./catalog-D0ArfwdB.js";
+import { C as Ze } from "./catalog-Btd5rknc.js";
 const et = /* @__PURE__ */ W({
   __name: "ResponsiveContextMenu",
   props: {