@feedmepos/mf-menu 0.32.80-alpha.1 → 0.32.80-alpha.2

package/dist/{MenuSetting-B4uEdB84.js → MenuSetting-CcpTsmtI.js}

@@ -1,37 +1,37 @@
-import { defineComponent as Z, ref as A, computed as G, watch as Q, resolveComponent as y, createBlock as T, openBlock as m, unref as t, withCtx as v, createElementVNode as r, createVNode as u, createElementBlock as h, createCommentVNode as F, toDisplayString as U, withModifiers as re, Fragment as le, renderList as ne } from "vue";
-import { u as oe, _ as ie, b as me, d as pe, a as _e, f as ae } from "./index.vue_vue_type_script_setup_true_lang-XXTier47.js";
-import { useI18n as ee, useCoreStore as ve } from "@feedmepos/mf-common";
-import { components as W, FmButtonVariant as $, useDialog as ge, useSnackbar as ce, useBreakpoints as fe, FmButtonColorThemeVariant as K } from "@feedmepos/ui-library";
+import { defineComponent as Z, ref as A, computed as G, watch as K, resolveComponent as f, createBlock as T, openBlock as c, unref as t, withCtx as v, createElementVNode as r, createVNode as u, createElementBlock as h, createCommentVNode as F, toDisplayString as B, withModifiers as re, Fragment as le, renderList as ne } from "vue";
+import { u as oe, _ as ie, b as ce, d as _e, a as ve, f as ae } from "./index.vue_vue_type_script_setup_true_lang-CTVmj2s2.js";
+import { useI18n as ee, useCoreStore as ge } from "@feedmepos/mf-common";
+import { components as Q, FmButtonVariant as $, useDialog as fe, useSnackbar as me, useBreakpoints as be, FmButtonColorThemeVariant as q } from "@feedmepos/ui-library";
 import { _ as se } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { b as be, m as J, _ as Y, c as ye, d as he, f as X } from "./RuleView.vue_vue_type_script_setup_true_lang-CaueZdW6.js";
-import { _ as ue } from "./app-BlT8oUHl.js";
-import { l as j, u as xe } from "./discardConfirm-DE1ldA28.js";
-import { d as ke } from "./RuleConditionSelector.vue_vue_type_style_index_0_lang-CK8z7qA8.js";
-import { _ as we } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { b as ye, m as J, _ as Y, c as he, d as xe, f as X } from "./RuleView.vue_vue_type_script_setup_true_lang-D_yLnxKQ.js";
+import { _ as ue } from "./app-Cj0pR2T4.js";
+import { l as j, u as ke } from "./discardConfirm-CNbn-98W.js";
+import { d as we } from "./RuleConditionSelector.vue_vue_type_style_index_0_lang-CK8z7qA8.js";
+import { _ as Se } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-BVmHMvKD.js";
-import { u as Se } from "./memberPricing-DZKM5Nl6.js";
-import { C as q, a as I } from "./catalogSetting-B_5ExaFJ.js";
-import { u as Ce } from "./priceTier-CBqD2V2j.js";
-const Te = {
+import { u as Ce } from "./memberPricing-CIokC3Z_.js";
+import { C as E, a as I } from "./catalogSetting-DqkosGOo.js";
+import { u as Te } from "./priceTier-vPn2WO6f.js";
+const Re = {
   class: "fm-typo-en-title-md-600 mr-auto"
-}, Re = {
-  class: "py-8 px-8 overflow-y-auto space-y-24"
 }, Ve = {
-  class: "space-y-16"
+  class: "py-8 px-8 overflow-y-auto space-y-24"
 }, Fe = {
-  class: "flex items-center space-x-16"
+  class: "space-y-16"
 }, $e = {
-  class: "flex flex-col min-w-0 w-full"
+  class: "flex items-center space-x-16"
 }, Ae = {
-  class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16"
+  class: "flex flex-col min-w-0 w-full"
 }, Ge = {
+  class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16"
+}, Me = {
   key: 0,
   class: "flex items-center select-none ml-16"
-}, Me = {
-  class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300"
 }, Ue = {
+  class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300"
+}, Be = {
   class: "flex gap-8 items-center justify-start"
-}, Be = /* @__PURE__ */ Z({
+}, Pe = /* @__PURE__ */ Z({
   __name: "RuleGroupSideSheet",
   props: {
     modelValue: {
@@ -40,11 +40,11 @@ const Te = {
     editingGroup: {}
   },
   emits: ["update:modelValue", "submit"],
-  setup(H, {
+  setup(W, {
     emit: o
   }) {
-    const p = H, x = o, {
-      t: c
+    const p = W, x = o, {
+      t: m
     } = ee(), w = oe(), n = A({
       name: "",
       description: "",
@@ -52,14 +52,14 @@ const Te = {
     }), {
       convertCategoryIdToName: b,
       convertCategoryNameToId: R
-    } = be({
+    } = ye({
       menuItems: G(() => w.state.menu.modules.item || []),
       categories: G(() => w.categories || [])
     }), _ = G({
       get: () => p.modelValue,
       set: (s) => x("update:modelValue", s)
     }), S = A(null);
-    Q(() => p.editingGroup, (s) => {
+    K(() => p.editingGroup, (s) => {
       s ? n.value = {
         name: s.name,
         description: s.description,
@@ -81,7 +81,7 @@ const Te = {
       }, S.value = j.cloneDeep(n.value);
     }, {
       immediate: !0
-    }), Q(() => p.modelValue, (s) => {
+    }), K(() => p.modelValue, (s) => {
       s || (n.value = {
         name: "",
         description: "",
@@ -91,7 +91,7 @@ const Te = {
     function k(s) {
       return `${s}_${(/* @__PURE__ */ new Date()).toISOString()}`;
     }
-    async function B() {
+    async function P() {
       var e;
       const s = {
         _id: ((e = p.editingGroup) == null ? void 0 : e._id) ?? k("group"),
@@ -122,7 +122,7 @@ const Te = {
         itemCustomAttributes: null
       }
     });
-    function P(s) {
+    function D(s) {
       n.value.rules = n.value.rules.filter((e) => e._id !== s);
     }
     function N(s) {
@@ -134,7 +134,7 @@ const Te = {
     function z() {
       _.value = !1;
     }
-    const V = xe(() => !j.isEqual(S.value, n.value), () => {
+    const V = ke(() => !j.isEqual(S.value, n.value), () => {
       _.value = !1;
     });
     function O(s) {
@@ -144,13 +144,13 @@ const Te = {
     }
     const M = A();
     return (s, e) => {
-      const l = y("fm-button"), a = y("FmTextField"), d = y("FmButton"), C = y("FmFormGroup"), f = y("fm-side-sheet");
-      return m(), T(f, {
+      const l = f("fm-button"), a = f("FmTextField"), d = f("FmButton"), C = f("FmFormGroup"), y = f("fm-side-sheet");
+      return c(), T(y, {
         modelValue: _.value,
         "onUpdate:modelValue": e[8] || (e[8] = (i) => _.value = i),
-        "is-container": t(W).FmForm,
+        "is-container": t(Q).FmForm,
         "is-container-props": {
-          onValidationSuccess: B,
+          onValidationSuccess: P,
           blameFormChildOnValidationFailed: !0
         },
         "max-width": 760,
@@ -161,35 +161,35 @@ const Te = {
           class: "cursor-pointer mr-4",
           "prepend-icon": "arrow_back",
           onClick: e[0] || (e[0] = () => _.value = !1)
-        }, null, 8, ["variant"]), r("p", Te, U(s.editingGroup ? t(c)("menu.rule_groups.edit_group") : t(c)("menu.rule_groups.create_group")), 1)]),
-        "side-sheet-footer": v(() => [r("div", Ue, [u(l, {
-          label: t(c)("common.save"),
+        }, null, 8, ["variant"]), r("p", Re, B(s.editingGroup ? t(m)("menu.rule_groups.edit_group") : t(m)("menu.rule_groups.create_group")), 1)]),
+        "side-sheet-footer": v(() => [r("div", Be, [u(l, {
+          label: t(m)("common.save"),
           size: "lg",
           type: "submit",
           variant: "primary"
         }, null, 8, ["label"]), u(l, {
-          label: t(c)("common.cancel"),
+          label: t(m)("common.cancel"),
           size: "lg",
           variant: "tertiary",
           onClick: z
         }, null, 8, ["label"])])]),
-        default: v(() => [r("div", Re, [u(Y, {
-          title: t(c)("menu.rule_groups.form.basic_info")
+        default: v(() => [r("div", Ve, [u(Y, {
+          title: t(m)("menu.rule_groups.form.basic_info")
         }, {
-          default: v(() => [r("div", Ve, [u(a, {
-            label: t(c)("menu.rule_groups.form.name"),
+          default: v(() => [r("div", Fe, [u(a, {
+            label: t(m)("menu.rule_groups.form.name"),
             "label-mark": "required",
             modelValue: n.value.name,
             "onUpdate:modelValue": e[1] || (e[1] = (i) => n.value.name = i),
-            placeholder: t(c)("menu.rule_groups.form.name_placeholder"),
+            placeholder: t(m)("menu.rule_groups.form.name_placeholder"),
             required: "",
-            rules: [(i) => !!(i != null && i.trim()) || t(c)("menu.rule_groups.validation.name_required")]
+            rules: [(i) => !!(i != null && i.trim()) || t(m)("menu.rule_groups.validation.name_required")]
           }, null, 8, ["label", "modelValue", "placeholder", "rules"]), u(a, {
-            label: t(c)("menu.rule_groups.form.description"),
+            label: t(m)("menu.rule_groups.form.description"),
             "label-mark": "optional",
             modelValue: n.value.description,
             "onUpdate:modelValue": e[2] || (e[2] = (i) => n.value.description = i),
-            placeholder: t(c)("menu.rule_groups.form.description_placeholder"),
+            placeholder: t(m)("menu.rule_groups.form.description_placeholder"),
             multiline: "",
             rows: 3
           }, null, 8, ["label", "modelValue", "placeholder"])])]),
@@ -197,13 +197,13 @@ const Te = {
         }, 8, ["title"]), u(C, {
           tag: "div",
           "model-value": n.value.rules,
-          rules: [(i) => i.length > 0 || t(c)("menu.rule_groups.validation.at_least_one_rule_required")]
+          rules: [(i) => i.length > 0 || t(m)("menu.rule_groups.validation.at_least_one_rule_required")]
         }, {
           default: v(() => [u(Y, {
-            title: t(c)("menu.rule_groups.form.rules"),
-            "sub-title": t(c)("menu.rule_groups.form.rules_description")
+            title: t(m)("menu.rule_groups.form.rules"),
+            "sub-title": t(m)("menu.rule_groups.form.rules_description")
           }, {
-            default: v(() => [n.value.rules.length > 0 ? (m(), T(t(ke), {
+            default: v(() => [n.value.rules.length > 0 ? (c(), T(t(we), {
               key: 0,
               modelValue: n.value.rules,
               "onUpdate:modelValue": e[6] || (e[6] = (i) => n.value.rules = i),
@@ -212,31 +212,31 @@ const Te = {
             }, {
               item: v(({
                 element: i,
-                index: E
-              }) => [r("div", null, [r("div", Fe, [u(d, {
+                index: H
+              }) => [r("div", null, [r("div", $e, [u(d, {
                 class: "rule-drag-handle cursor-grab",
                 variant: t($).Tertiary,
                 "prepend-icon": "drag_indicator"
-              }, null, 8, ["variant"]), r("div", $e, [r("div", Ae, [u(ye, {
+              }, null, 8, ["variant"]), r("div", Ae, [r("div", Ge, [u(he, {
                 "model-value": i,
-                title: `${t(c)("menu.rule_groups.condition_view.rule")} ${E + 1}`,
-                "onUpdate:modelValue": e[3] || (e[3] = (D) => O(D)),
-                onDeleteRule: e[4] || (e[4] = (D) => P(D)),
-                onCopyRule: e[5] || (e[5] = (D) => N(D))
-              }, null, 8, ["model-value", "title"])])])]), n.value.rules.length > 1 && E < n.value.rules.length - 1 ? (m(), h("div", Ge, [r("span", Me, U(t(c)("menu.rule_groups.condition_view.or")), 1)])) : F("", !0)])]),
+                title: `${t(m)("menu.rule_groups.condition_view.rule")} ${H + 1}`,
+                "onUpdate:modelValue": e[3] || (e[3] = (U) => O(U)),
+                onDeleteRule: e[4] || (e[4] = (U) => D(U)),
+                onCopyRule: e[5] || (e[5] = (U) => N(U))
+              }, null, 8, ["model-value", "title"])])])]), n.value.rules.length > 1 && H < n.value.rules.length - 1 ? (c(), h("div", Me, [r("span", Ue, B(t(m)("menu.rule_groups.condition_view.or")), 1)])) : F("", !0)])]),
               _: 1
-            }, 8, ["modelValue"])) : (m(), T(ie, {
+            }, 8, ["modelValue"])) : (c(), T(ie, {
               key: 1,
               title: "",
-              subtitle: t(c)("menu.rule_groups.condition_view.empty_data.no_rule_available"),
+              subtitle: t(m)("menu.rule_groups.condition_view.empty_data.no_rule_available"),
               action: {
-                text: t(c)("menu.link_product.rules.add_rule"),
+                text: t(m)("menu.link_product.rules.add_rule"),
                 callback: () => {
                   var i;
                   (i = M.value) == null || i.trigger();
                 }
               }
-            }, null, 8, ["subtitle", "action"])), r("div", null, [u(he, {
+            }, null, 8, ["subtitle", "action"])), r("div", null, [u(xe, {
               ref_key: "ruleFormRef",
               ref: M,
               "is-edit-mode": !0,
@@ -245,10 +245,10 @@ const Te = {
             }, {
               default: v(({
                 trigger: i
-              }) => [n.value.rules.length > 0 ? (m(), T(d, {
+              }) => [n.value.rules.length > 0 ? (c(), T(d, {
                 key: 0,
                 variant: t($).Primary,
-                label: t(c)("menu.link_product.rules.add_rule"),
+                label: t(m)("menu.link_product.rules.add_rule"),
                 "prepend-icon": "add",
                 onClick: re(i, ["stop"])
               }, null, 8, ["variant", "label", "onClick"])) : F("", !0)]),
@@ -262,51 +262,51 @@ const Te = {
       }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), Pe = {
+}), De = {
   key: 0,
   class: "space-y-8"
-}, De = {
-  class: "flex items-center justify-between"
 }, Ie = {
-  class: "fm-typo-en-title-md-600"
+  class: "flex items-center justify-between"
 }, Ne = {
-  class: "text-fm-color-typo-secondary"
+  class: "fm-typo-en-title-md-600"
 }, ze = {
-  class: "flex justify-end items-center"
+  class: "text-fm-color-typo-secondary"
 }, Oe = {
-  class: "w-[320px]"
+  class: "flex justify-end items-center"
 }, je = {
+  class: "w-[320px]"
+}, Le = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, Le = {
-  class: "flex items-center justify-between p-8"
 }, Ee = {
-  class: "flex-1 mr-8"
+  class: "flex items-center justify-between p-8"
 }, qe = {
+  class: "flex-1 mr-8"
+}, Ke = {
   class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ke = ["onClick"], Qe = {
+}, Qe = ["onClick"], We = {
   class: "flex-1 space-y-4"
-}, We = {
-  class: "fm-typo-en-body-lg-600"
 }, He = {
+  class: "fm-typo-en-body-lg-600"
+}, Je = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Je = /* @__PURE__ */ Z({
+}, Xe = /* @__PURE__ */ Z({
   __name: "LinkProductRuleGroups",
-  setup(H) {
+  setup(W) {
     const {
       t: o
-    } = ee(), p = ge(), x = ce(), c = me(x), w = oe(), n = A(w.state.menu.ruleGroupSettings || {
+    } = ee(), p = fe(), x = me(), m = ce(x), w = oe(), n = A(w.state.menu.ruleGroupSettings || {
       groups: []
     });
-    Q(() => w.state.menu.ruleGroupSettings, (e) => {
+    K(() => w.state.menu.ruleGroupSettings, (e) => {
       n.value = e || {
         groups: []
       };
     }, {
       deep: !0
     });
-    const b = A(!1), R = A(null), _ = fe(), S = G(() => _.breakpoints.value.xs), k = A(""), B = G(() => n.value.groups.filter((e) => e.name.toLowerCase().includes(k.value.toLowerCase()))), L = [{
+    const b = A(!1), R = A(null), _ = be(), S = G(() => _.breakpoints.value.xs), k = A(""), P = G(() => n.value.groups.filter((e) => e.name.toLowerCase().includes(k.value.toLowerCase()))), L = [{
       header: o("menu.rule_groups.table.columns.name"),
       accessorKey: "name",
       enableSorting: !0
@@ -319,23 +319,23 @@ const Te = {
       size: 100,
       cell: (e) => u("div", {
         class: "px-4 flex justify-end"
-      }, [u(W.FmButton, {
+      }, [u(Q.FmButton, {
         icon: "file_copy",
-        "text-color": K.NeutralGray400,
+        "text-color": q.NeutralGray400,
         variant: $.Tertiary,
         onClick: (l) => {
           l.stopPropagation(), O(e.row.original);
         }
-      }, null), u(W.FmButton, {
+      }, null), u(Q.FmButton, {
         icon: "delete",
-        "text-color": K.NeutralGray400,
+        "text-color": q.NeutralGray400,
         variant: $.Tertiary,
         onClick: (l) => {
           l.stopPropagation(), V(e.row.original._id);
         }
       }, null)])
     }];
-    function P(e) {
+    function D(e) {
       z(e.original);
     }
     function N() {
@@ -374,7 +374,7 @@ const Te = {
       a.groups.push(l), await M(a);
     }
     async function M(e) {
-      await c.minor(async () => {
+      await m.minor(async () => {
         await w.updateMenuSetting({
           ruleGroupSettings: e
         });
@@ -387,13 +387,13 @@ const Te = {
       const l = (d = n.value.groups) == null ? void 0 : d.findIndex((C) => C._id === e._id), a = j.cloneDeep(n.value);
       l >= 0 ? a.groups[l] = e : a.groups.push(e), await M(a), b.value = !1;
     }
-    return Q(() => b.value, (e) => {
+    return K(() => b.value, (e) => {
       e || (R.value = null);
     }), (e, l) => {
-      const a = y("FmButton"), d = y("FmSearch"), C = y("FmTable");
-      return m(), h("div", null, [S.value ? (m(), h("div", je, [r("div", Le, [r("div", Ee, [u(d, {
+      const a = f("FmButton"), d = f("FmSearch"), C = f("FmTable");
+      return c(), h("div", null, [S.value ? (c(), h("div", Le, [r("div", Ee, [r("div", qe, [u(d, {
         modelValue: k.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (f) => k.value = f),
+        "onUpdate:modelValue": l[1] || (l[1] = (y) => k.value = y),
         autofocus: "",
         class: "w-full",
         placeholder: t(o)("menu.rule_groups.search_placeholder")
@@ -401,50 +401,50 @@ const Te = {
         icon: "add",
         variant: t($).Secondary,
         onClick: N
-      }, null, 8, ["variant"])]), r("div", qe, [(m(!0), h(le, null, ne(B.value, (f) => (m(), h("div", {
-        key: f._id,
+      }, null, 8, ["variant"])]), r("div", Ke, [(c(!0), h(le, null, ne(P.value, (y) => (c(), h("div", {
+        key: y._id,
         class: "flex flex-row py-12 px-16 cursor-pointer",
-        onClick: (i) => z(f)
-      }, [r("div", Qe, [r("p", We, U(f.name), 1), f.description ? (m(), h("p", He, U(f.description), 1)) : F("", !0)]), u(a, {
-        "text-color": t(K).NeutralGray400,
+        onClick: (i) => z(y)
+      }, [r("div", We, [r("p", He, B(y.name), 1), y.description ? (c(), h("p", Je, B(y.description), 1)) : F("", !0)]), u(a, {
+        "text-color": t(q).NeutralGray400,
         variant: t($).Tertiary,
         icon: "delete",
-        onClick: re((i) => V(f._id), ["stop"])
-      }, null, 8, ["text-color", "variant", "onClick"])], 8, Ke))), 128))])])) : (m(), h("div", Pe, [r("div", De, [r("div", null, [r("h1", Ie, U(t(o)("menu.rule_groups.title")), 1), r("p", Ne, U(t(o)("menu.rule_groups.description")), 1)]), u(a, {
+        onClick: re((i) => V(y._id), ["stop"])
+      }, null, 8, ["text-color", "variant", "onClick"])], 8, Qe))), 128))])])) : (c(), h("div", De, [r("div", Ie, [r("div", null, [r("h1", Ne, B(t(o)("menu.rule_groups.title")), 1), r("p", ze, B(t(o)("menu.rule_groups.description")), 1)]), u(a, {
         label: t(o)("menu.rule_groups.create_group"),
         icon: "add",
         onClick: N
-      }, null, 8, ["label"])]), r("div", ze, [r("div", Oe, [u(d, {
+      }, null, 8, ["label"])]), r("div", Oe, [r("div", je, [u(d, {
         modelValue: k.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => k.value = f),
+        "onUpdate:modelValue": l[0] || (l[0] = (y) => k.value = y),
         autofocus: "",
         class: "mb-8",
         placeholder: t(o)("menu.rule_groups.search_placeholder")
       }, null, 8, ["modelValue", "placeholder"])])]), u(ue, null, {
         default: v(() => [u(C, {
           "column-defs": L,
-          "row-data": B.value,
-          "page-size": B.value.length,
+          "row-data": P.value,
+          "page-size": P.value.length,
           "hide-footer": !0,
-          onRowClick: P
+          onRowClick: D
         }, null, 8, ["row-data", "page-size"])]),
         _: 1
-      })])), u(Be, {
+      })])), u(Pe, {
         modelValue: b.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (f) => b.value = f),
+        "onUpdate:modelValue": l[2] || (l[2] = (y) => b.value = y),
         "editing-group": R.value,
         onSubmit: s
       }, null, 8, ["modelValue", "editing-group"])]);
     };
   }
-}), Xe = {
+}), Ye = {
   key: 0
-}, Ye = /* @__PURE__ */ Z({
+}, Ze = /* @__PURE__ */ Z({
   __name: "MemberPricing",
-  setup(H) {
+  setup(W) {
     const {
       t: o
-    } = ee(), p = Se(), x = G(() => p.memberPricings.value.length), c = [{
+    } = ee(), p = Ce(), x = G(() => p.memberPricings.value.length), m = [{
       header: o("menu.member_pricing.table.columns.name"),
       accessorKey: "key",
       enableSorting: !1
@@ -453,9 +453,9 @@ const Te = {
       size: 50,
       cell: (n) => u("div", {
         class: "px-4 flex justify-end"
-      }, [u(W.FmButton, {
+      }, [u(Q.FmButton, {
         icon: "delete",
-        "text-color": K.NeutralGray400,
+        "text-color": q.NeutralGray400,
         variant: $.Tertiary,
         onClick: () => p.deleteMemberPricings(n.row.original.key)
       }, null)])
@@ -464,20 +464,20 @@ const Te = {
       p.create();
     }
     return (n, b) => {
-      const R = y("FmTable");
-      return m(), T(de, {
+      const R = f("FmTable");
+      return c(), T(de, {
         heading: t(o)("menu.member_pricing.title"),
         subheading: t(o)("menu.member_pricing.description")
       }, {
-        default: v(() => [x.value > 0 ? (m(), h("div", Xe, [u(ue, null, {
+        default: v(() => [x.value > 0 ? (c(), h("div", Ye, [u(ue, null, {
           default: v(() => [u(R, {
-            "column-defs": c,
+            "column-defs": m,
             "row-data": t(p).memberPricings.value,
             "page-size": t(p).memberPricings.value.length,
             "hide-footer": !0
           }, null, 8, ["row-data", "page-size"])]),
           _: 1
-        })])) : (m(), T(t(ie), {
+        })])) : (c(), T(t(ie), {
           key: 1,
           action: {
             text: t(o)("menu.member_pricing.add_member_tier"),
@@ -486,7 +486,7 @@ const Te = {
           subtitle: t(o)("menu.member_pricing.empty.subtitle"),
           title: t(o)("menu.member_pricing.empty.title")
         }, null, 8, ["action", "subtitle", "title"]))]),
-        "append-heading": v(() => [x.value > 0 ? (m(), T(we, {
+        "append-heading": v(() => [x.value > 0 ? (c(), T(Se, {
           key: 0,
           label: t(o)("menu.member_pricing.add_member_tier"),
           "prepend-icon": "add",
@@ -496,35 +496,37 @@ const Te = {
       }, 8, ["heading", "subheading"]);
     };
   }
-}), Ze = {
+}), et = {
   class: "py-16"
-}, et = {
+}, tt = {
   key: 0,
   class: "space-y-32 max-w-[750px] xs:p-16"
-}, tt = {
+}, lt = {
   key: 0,
   class: "pl-32 space-x-8"
-}, lt = {
-  key: 1
 }, nt = {
-  class: "space-y-8"
+  class: "space-y-16"
 }, ot = {
-  class: "flex items-center justify-between"
+  key: 1
 }, ut = {
-  class: "fm-typo-en-title-md-600"
+  class: "space-y-8"
 }, at = {
-  class: "text-fm-color-typo-secondary"
+  class: "flex items-center justify-between"
 }, st = {
-  key: 2
+  class: "fm-typo-en-title-md-600"
 }, rt = {
+  class: "text-fm-color-typo-secondary"
+}, it = {
+  key: 2
+}, ct = {
   key: 3
-}, wt = /* @__PURE__ */ Z({
+}, Ct = /* @__PURE__ */ Z({
   __name: "MenuSetting",
-  setup(H) {
+  setup(W) {
     var M, s;
     const {
       t: o
-    } = ee(), p = oe(), x = ve(), c = ce(), w = me(c), n = G(() => ({
+    } = ee(), p = oe(), x = ge(), m = me(), w = ce(m), n = G(() => ({
       lowStock: p.state.menu.lowStockThreshold,
       taxSetting: p.state.menu.masterCatalogSetting,
       priceTierSettings: p.state.menu.priceTierSettings
@@ -540,23 +542,23 @@ const Te = {
     }] : [], {
       label: o("menu.menu_setting.tabs.link_product_rule_groups"),
       value: "link-product-rule-groups"
-    }] : []]), _ = A(q.transformTax((M = n.value.taxSetting) == null ? void 0 : M.inclusiveTaxes)), S = A(((s = n.value.taxSetting) == null ? void 0 : s.waivedStatutoryCharges) ?? []);
-    Q(() => n.value, (e) => {
+    }] : []]), _ = A(E.transformTax((M = n.value.taxSetting) == null ? void 0 : M.inclusiveTaxes)), S = A(((s = n.value.taxSetting) == null ? void 0 : s.waivedStatutoryCharges) ?? []);
+    K(() => n.value, (e) => {
       var l, a;
-      _.value = q.transformTax((l = e.taxSetting) == null ? void 0 : l.inclusiveTaxes), S.value = ((a = e.taxSetting) == null ? void 0 : a.waivedStatutoryCharges) ?? [];
+      _.value = E.transformTax((l = e.taxSetting) == null ? void 0 : l.inclusiveTaxes), S.value = ((a = e.taxSetting) == null ? void 0 : a.waivedStatutoryCharges) ?? [];
     });
-    const k = G(() => x.currentCountry.value ? pe(x.currentCountry.value) : []);
-    function B(e) {
+    const k = G(() => x.currentCountry.value ? _e(x.currentCountry.value) : []);
+    function P(e) {
       return S.value.includes(e);
     }
     function L(e, l) {
       const a = S.value.filter((d) => d !== e);
       S.value = l ? [...a, e] : a;
     }
-    const P = G(() => {
+    const D = G(() => {
       if (!x.currentCountry.value) return [];
       const e = _.value.mode === I.MANUAL ? _.value.inclusive ?? [] : [];
-      return _e.Country.getCountry(x.currentCountry.value).taxSystems.map((a) => {
+      return ve.Country.getCountry(x.currentCountry.value).taxSystems.map((a) => {
         const d = e.find((C) => C.systemCode === a.code);
         return {
           inclusive: (d == null ? void 0 : d.inclusive) || !1,
@@ -565,7 +567,7 @@ const Te = {
       });
     });
     function N(e) {
-      const l = _.value, a = l.mode === I.AUTO ? q.manualTax(P.value) : ae(l);
+      const l = _.value, a = l.mode === I.AUTO ? E.manualTax(D.value) : ae(l);
       a.inclusive ?? (a.inclusive = []);
       const d = a.inclusive.findIndex((C) => C.systemCode === e.systemCode);
       d < 0 ? a.inclusive.push(e) : a.inclusive.splice(d, 1, e), _.value = a;
@@ -588,7 +590,7 @@ const Te = {
         successMessage: o("menu.menu_setting.fields.low_stock.updated")
       });
     }
-    const V = Ce(), O = [{
+    const V = Te(), O = [{
       header: o("menu.price_tier.settings_table.columns.name"),
       accessorKey: "key",
       enableSorting: !1
@@ -597,23 +599,23 @@ const Te = {
       size: 50,
       cell: (e) => u("div", {
         class: "px-4 flex justify-end"
-      }, [u(W.FmButton, {
+      }, [u(Q.FmButton, {
         icon: "delete",
-        "text-color": K.NeutralGray400,
+        "text-color": q.NeutralGray400,
         variant: $.Tertiary,
         onClick: () => V.deletePriceTier(e.row.original.key)
       }, null)])
     }];
     return (e, l) => {
-      const a = y("FmTabs"), d = y("fm-radio"), C = y("fm-radio-group"), f = y("fm-checkbox"), i = y("FmStepperField"), E = y("FmButton"), D = y("FmTable");
-      return m(), T(de, {
+      const a = f("FmTabs"), d = f("fm-radio"), C = f("fm-radio-group"), y = f("fm-checkbox"), i = f("fm-switch"), H = f("FmStepperField"), U = f("FmButton"), pe = f("FmTable");
+      return c(), T(de, {
         heading: t(o)("menu.menu_setting.title")
       }, {
         default: v(() => [u(a, {
           items: R.value,
           modelValue: b.value,
           "onUpdate:modelValue": l[0] || (l[0] = (g) => b.value = g)
-        }, null, 8, ["items", "modelValue"]), r("div", Ze, [b.value === "conf" ? (m(), h("div", et, [u(Y, {
+        }, null, 8, ["items", "modelValue"]), r("div", et, [b.value === "conf" ? (c(), h("div", tt, [u(Y, {
           title: t(o)("menu.tax_setting.title")
         }, {
           default: v(() => [u(se, {
@@ -622,7 +624,7 @@ const Te = {
             default: v(() => [u(C, {
               "model-value": _.value.mode,
               "onUpdate:modelValue": l[1] || (l[1] = (g) => {
-                g === t(I).AUTO ? _.value = t(q).autoTax() : _.value = t(q).manualTax(P.value);
+                g === t(I).AUTO ? _.value = t(E).autoTax() : _.value = t(E).manualTax(D.value);
               })
             }, {
               default: v(() => [u(d, {
@@ -635,7 +637,7 @@ const Te = {
                 sublabel: t(o)("menu.setting.tax.modes.manual.sublabel")
               }, null, 8, ["value", "label", "sublabel"])]),
               _: 1
-            }, 8, ["model-value"]), _.value.mode === t(I).MANUAL ? (m(), h("div", tt, [(m(!0), h(le, null, ne(P.value, (g) => (m(), T(f, {
+            }, 8, ["model-value"]), _.value.mode === t(I).MANUAL ? (c(), h("div", lt, [(c(!0), h(le, null, ne(D.value, (g) => (c(), T(y, {
               key: g.systemCode,
               "model-value": g.inclusive,
               value: !0,
@@ -650,20 +652,20 @@ const Te = {
               }
             }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))])) : F("", !0)]),
             _: 1
-          }, 8, ["label"]), t(p).isV4 && k.value.length > 0 ? (m(), T(se, {
+          }, 8, ["label"]), t(p).isV4 && k.value.length > 0 ? (c(), T(se, {
             key: 0,
             label: t(o)("menu.catalog.form.statutory_charges.title")
           }, {
-            default: v(() => [(m(!0), h(le, null, ne(k.value, (g) => (m(), T(f, {
+            default: v(() => [r("div", nt, [(c(!0), h(le, null, ne(k.value, (g) => (c(), T(i, {
               key: g.code,
-              "model-value": B(g.code),
-              value: !0,
+              "model-value": P(g.code),
               label: t(o)("menu.catalog.form.statutory_charges.waive", {
                 name: g.name
               }),
+              "label-placement": "right",
               sublabel: t(o)("menu.menu_setting.statutory_charges.sublabel"),
               "onUpdate:modelValue": (te) => L(g.code, te)
-            }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))]),
+            }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))])]),
             _: 1
           }, 8, ["label"])) : F("", !0)]),
           _: 1
@@ -671,7 +673,7 @@ const Te = {
           title: t(o)("menu.menu_setting.fields.low_stock.title"),
           "sub-title": t(o)("menu.menu_setting.fields.low_stock.subtitle")
         }, {
-          default: v(() => [u(i, {
+          default: v(() => [u(H, {
             "model-value": n.value.lowStock || null,
             min: 0,
             max: 1e3,
@@ -684,27 +686,27 @@ const Te = {
             "helper-text": t(o)("menu.menu_setting.fields.low_stock.helper_text")
           }, null, 8, ["model-value", "placeholder", "rules", "helper-text"])]),
           _: 1
-        }, 8, ["title", "sub-title"]), u(E, {
+        }, 8, ["title", "sub-title"]), u(U, {
           onClick: z,
           label: t(o)("common.save")
-        }, null, 8, ["label"])])) : F("", !0), b.value === "price-group" ? (m(), h("div", lt, [r("div", nt, [r("div", ot, [r("div", null, [r("h1", ut, U(t(o)("menu.price_tier.price_group")), 1), r("p", at, U(t(o)("menu.price_tier.description")), 1)]), u(E, {
+        }, null, 8, ["label"])])) : F("", !0), b.value === "price-group" ? (c(), h("div", ot, [r("div", ut, [r("div", at, [r("div", null, [r("h1", st, B(t(o)("menu.price_tier.price_group")), 1), r("p", rt, B(t(o)("menu.price_tier.description")), 1)]), u(U, {
           label: t(o)("menu.price_tier.add_price_group"),
           icon: "add",
           onClick: t(V).create
         }, null, 8, ["label", "onClick"])]), u(ue, null, {
-          default: v(() => [u(D, {
+          default: v(() => [u(pe, {
             "column-defs": O,
             "row-data": t(V).priceTiers.value,
             "page-size": t(V).priceTiers.value.length,
             "hide-footer": !0
           }, null, 8, ["row-data", "page-size"])]),
           _: 1
-        })])])) : F("", !0), b.value === "member-pricing" ? (m(), h("div", st, [u(Ye)])) : F("", !0), b.value === "link-product-rule-groups" ? (m(), h("div", rt, [u(Je)])) : F("", !0)])]),
+        })])])) : F("", !0), b.value === "member-pricing" ? (c(), h("div", it, [u(Ze)])) : F("", !0), b.value === "link-product-rule-groups" ? (c(), h("div", ct, [u(Xe)])) : F("", !0)])]),
         _: 1
       }, 8, ["heading"]);
     };
   }
 });
 export {
-  wt as default
+  Ct as default
 };