@feedmepos/mf-menu-portal 1.0.4-dev.4 → 1.0.5-dev.1

package/dist/{CatalogEditor.vue_vue_type_script_setup_true_lang-BFsRDFpj.js → CatalogEditor.vue_vue_type_script_setup_true_lang-Dc72SNpI.js}

@@ -1,26 +1,26 @@
-import { defineComponent as oe, computed as S, resolveComponent as g, openBlock as s, createBlock as F, unref as e, withCtx as d, createVNode as o, createElementBlock as k, withModifiers as I, createCommentVNode as y, Fragment as D, renderList as j, createElementVNode as C, withDirectives as ce, toDisplayString as U, ref as pe, watch as be, resolveDynamicComponent as ve, mergeProps as H, createSlots as _e, createTextVNode as J, normalizeClass as fe } from "vue";
+import { defineComponent as te, computed as S, resolveComponent as g, openBlock as s, createBlock as C, unref as e, withCtx as d, createVNode as t, createElementBlock as k, withModifiers as I, createCommentVNode as y, Fragment as D, renderList as j, createElementVNode as F, withDirectives as pe, toDisplayString as U, ref as be, watch as ve, resolveDynamicComponent as _e, mergeProps as Y, createSlots as fe, normalizeClass as H, createTextVNode as J } from "vue";
 import { RouterLink as ge } from "vue-router";
-import { useI18n as te } from "@feedmepos/mf-common";
-import { components as x, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
+import { useI18n as ue } from "@feedmepos/mf-common";
+import { components as ee, FmButtonColorThemeVariant as G } from "@feedmepos/ui-library";
 import { _ as ke } from "./vuedraggable-CBtQLb_S.js";
 import { _ as L } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as ye } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Fe } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
-import { _ as Ce } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-Bk4FqVmx.js";
+import { _ as ye } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as Fe } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js";
+import { _ as Ce } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-CMyubLvP.js";
 import { _ as we } from "./SubItemTaxWarning.vue_vue_type_script_setup_true_lang-BUyK6Jaa.js";
-import { b as ue, r as he, u as ee } from "./provide-CDmXzkhz.js";
-import { r as Ve, a as le } from "./ruleValueKey-BF52PuHb.js";
-import { _ as Te } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BmG-xpW4.js";
-import { u as $e } from "./useActionFeedback-Dm2HDa_2.js";
-import { u as ae } from "./useEditorValidation-Ctef5Bxt.js";
-import { R as Ue } from "./app-BWwwHsWi.js";
+import { b as re, r as he, u as le } from "./provide-BGLSDsuJ.js";
+import { r as Ve, a as ae } from "./ruleValueKey-BF52PuHb.js";
+import { _ as Te } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js";
+import { u as $e } from "./useActionFeedback-CElXij1W.js";
+import { u as oe } from "./useEditorValidation-Ctef5Bxt.js";
+import { R as Ue } from "./app-CxJjx2ma.js";
 const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify-between gap-16" }, Pe = {
   key: 0,
   class: "flex w-full [&>*]:w-full"
 }, Me = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, De = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Le = { class: "flex justify-end" }, Oe = /* @__PURE__ */ oe({
+}, Le = { class: "flex justify-end" }, Oe = /* @__PURE__ */ te({
   __name: "LinkPriceTierSection",
   props: {
     view: {},
@@ -28,7 +28,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
     issueFor: { type: Function }
   },
   setup(W) {
-    const T = W, { t: r } = te(), A = ue(), l = {
+    const T = W, { t: r } = ue(), A = re(), l = {
       mounted: (u, n) => {
         var c;
         (c = u.querySelector("input")) == null || c.setAttribute("aria-label", n.value);
@@ -62,7 +62,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
       return (((n = T.view.attributeOptions.find((c) => c.key === u.attribute)) == null ? void 0 : n.values) ?? []).map((c) => ({
         label: c.label,
         // FmSelect needs a primitive; a value travels as its key.
-        value: le(c.value)
+        value: ae(c.value)
       }));
     }
     function a(u) {
@@ -96,17 +96,17 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
       T.editor.setPriceTierRuleCondition(u, n, c);
     }
     return (u, n) => {
-      const c = g("FmRadio"), h = g("FmSelect"), N = g("FmTextField"), B = g("FmButton"), t = g("FmCard"), m = g("FmRadioGroup");
-      return s(), F(L, {
+      const c = g("FmRadio"), h = g("FmSelect"), N = g("FmTextField"), B = g("FmButton"), o = g("FmCard"), m = g("FmRadioGroup");
+      return s(), C(L, {
         label: e(r)("menu.price_tier.link_price_tier")
       }, {
         default: d(() => [
-          o(m, {
+          t(m, {
             "model-value": u.view.mode,
             "onUpdate:modelValue": n[4] || (n[4] = (b) => u.editor.setPriceTierMode(b))
           }, {
             default: d(() => [
-              o(c, {
+              t(c, {
                 value: "groups",
                 label: e(r)("menu.price_tier.link_price_group"),
                 sublabel: e(r)("menu.price_tier.link_price_group_description")
@@ -117,7 +117,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                 onClick: n[1] || (n[1] = I(() => {
                 }, ["prevent"]))
               }, [
-                o(h, {
+                t(h, {
                   "model-value": [...u.view.selected],
                   items: R.value,
                   multiselect: "",
@@ -127,7 +127,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                   "onUpdate:modelValue": n[0] || (n[0] = (b) => u.editor.setPriceTiers(b))
                 }, null, 8, ["model-value", "items", "placeholder", "aria-label"])
               ])) : y("", !0),
-              o(c, {
+              t(c, {
                 value: "rules",
                 label: e(r)("menu.price_tier.price_group_rule"),
                 sublabel: e(r)("menu.price_tier.price_group_rule_description")
@@ -138,7 +138,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                 onClick: n[3] || (n[3] = I(() => {
                 }, ["prevent"]))
               }, [
-                (s(!0), k(D, null, j(u.view.rules, (b, p) => (s(), F(t, {
+                (s(!0), k(D, null, j(u.view.rules, (b, p) => (s(), C(o, {
                   key: b.id,
                   class: "p-16 space-y-16",
                   variant: "outlined",
@@ -146,7 +146,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                   "aria-label": $(p)
                 }, {
                   default: d(() => [
-                    o(h, {
+                    t(h, {
                       label: e(r)("menu.price_tier.price_group"),
                       "label-mark": "required",
                       "model-value": b.priceTier,
@@ -159,17 +159,17 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                       "error-messages": O(`priceTierRules.${p}.priceTier`),
                       "onUpdate:modelValue": (v) => u.editor.setPriceTierRuleTier(p, v)
                     }, null, 8, ["label", "model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]),
-                    o(L, {
+                    t(L, {
                       label: e(r)("menu.price_tier.restaurant_filter")
                     }, {
                       default: d(() => [
-                        C("div", Se, [
+                        F("div", Se, [
                           (s(!0), k(D, null, j(b.conditions, (v, f) => (s(), k("div", {
                             key: f,
                             class: "flex justify-between gap-8"
                           }, [
-                            C("div", Re, [
-                              o(h, {
+                            F("div", Re, [
+                              t(h, {
                                 class: "flex w-full",
                                 "model-value": v.attribute,
                                 items: P.value,
@@ -184,7 +184,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                                   values: []
                                 })
                               }, null, 8, ["model-value", "items", "placeholder", "aria-label", "onUpdate:modelValue"]),
-                              o(h, {
+                              t(h, {
                                 class: "flex w-full",
                                 "model-value": v.operator,
                                 items: q.value,
@@ -199,8 +199,8 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                                 ),
                                 "onUpdate:modelValue": (w) => M(p, f, { operator: w })
                               }, null, 8, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]),
-                              e(he)(v.operator) === "text" ? ce((s(), k("div", Pe, [
-                                o(N, {
+                              e(he)(v.operator) === "text" ? pe((s(), k("div", Pe, [
+                                t(N, {
                                   "model-value": String(v.values[0] ?? ""),
                                   placeholder: e(r)("menu.menu_setting.rule_groups.condition.value"),
                                   "error-messages": O(
@@ -219,10 +219,10 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                                     "menu.menu_setting.rule_groups.condition.value"
                                   )
                                 ]
-                              ]) : (s(), F(h, {
+                              ]) : (s(), C(h, {
                                 key: 1,
                                 class: "flex w-full",
-                                "model-value": v.values.map(e(le)),
+                                "model-value": v.values.map(e(ae)),
                                 items: z(v),
                                 multiselect: "",
                                 "hide-chips": "",
@@ -240,12 +240,12 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                                 })
                               }, {
                                 default: d(() => [
-                                  C("div", Me, U(a(v)), 1)
+                                  F("div", Me, U(a(v)), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]))
                             ]),
-                            o(B, {
+                            t(B, {
                               variant: "tertiary",
                               "prepend-icon": "close",
                               "aria-label": V(
@@ -257,8 +257,8 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                             }, null, 8, ["aria-label", "onClick"])
                           ]))), 128)),
                           b.hasUnshownConditions ? (s(), k("p", De, U(e(r)("menu.price_tier.unshown_conditions")), 1)) : y("", !0),
-                          C("div", null, [
-                            o(B, {
+                          F("div", null, [
+                            t(B, {
                               variant: "plain",
                               "prepend-icon": "add",
                               label: e(r)("menu.rule_groups.condition_view.add_condition"),
@@ -273,8 +273,8 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                       ]),
                       _: 2
                     }, 1032, ["label"]),
-                    C("div", Le, [
-                      o(B, {
+                    F("div", Le, [
+                      t(B, {
                         variant: "tertiary",
                         "prepend-icon": "delete",
                         "aria-label": e(r)("menu.common.labels.a11y_labelled_name", {
@@ -287,8 +287,8 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                   ]),
                   _: 2
                 }, 1032, ["aria-label"]))), 128)),
-                C("div", null, [
-                  o(B, {
+                F("div", null, [
+                  t(B, {
                     label: e(r)("menu.link_product.rules.add_rule"),
                     onClick: n[2] || (n[2] = (b) => u.editor.addPriceTierRule())
                   }, null, 8, ["label"])
@@ -305,22 +305,19 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
 }), Be = {
   key: 1,
   role: "alert"
-}, Ae = {
-  key: 2,
-  class: "max-w-[752px] pt-16 space-y-32"
-}, Ee = {
+}, Ae = ["data-test"], Ee = {
   key: 0,
   class: "pl-32 space-x-8"
 }, Ne = { class: "space-y-16" }, je = { class: "space-y-16" }, ze = { class: "pl-[60px] space-y-16" }, Ge = { class: "space-x-16 flex items-center" }, Ie = { class: "flex-1 space-y-4" }, We = { class: "fm-typo-en-body-md-400" }, qe = {
-  key: 3,
+  key: 1,
   class: "max-w-[752px] pt-40 flex justify-end"
-}, Ke = { class: "flex gap-8 items-center justify-start" }, Ye = {
+}, Ke = { class: "flex gap-8 items-center justify-start" }, xe = {
   key: 0,
   class: "space-y-16"
-}, He = {
+}, Ye = {
   key: 1,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, dl = /* @__PURE__ */ oe({
+}, dl = /* @__PURE__ */ te({
   __name: "CatalogEditor",
   props: {
     sdk: {},
@@ -330,39 +327,39 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
   },
   emits: ["close"],
   setup(W, { emit: T }) {
-    const r = W, A = T, { t: l } = te(), E = ue(), { run: q } = $e(), R = ae(() => r.editor), P = ee(r.editor), z = ee(r.picker), a = S(
+    const r = W, A = T, { t: l } = ue(), E = re(), { run: q } = $e(), R = oe(() => r.editor), P = le(r.editor), z = le(r.picker), a = S(
       () => P.value.status === "ready" ? P.value.value : null
     );
-    function O(t) {
+    function O(o) {
       var m;
-      return (m = a.value) != null && m.priceTier ? R.issue(a.value.priceTier.fieldIssues, t) : null;
+      return (m = a.value) != null && m.priceTier ? R.issue(a.value.priceTier.fieldIssues, o) : null;
     }
     const $ = S(
       () => a.value ? R.issue(a.value.fieldIssues, "name") ?? a.value.nameIssue : null
-    ), V = ae(() => {
+    ), V = oe(() => {
       var m;
-      const t = (m = a.value) == null ? void 0 : m.markupDraft;
-      return t ? t.index ?? "new" : null;
+      const o = (m = a.value) == null ? void 0 : m.markupDraft;
+      return o ? o.index ?? "new" : null;
     }), M = S(
       () => {
-        var t;
-        return (t = a.value) != null && t.markupDraft ? V.issue(a.value.markupFieldIssues, "percentage") ?? a.value.markupDraft.issue : null;
+        var o;
+        return (o = a.value) != null && o.markupDraft ? V.issue(a.value.markupFieldIssues, "percentage") ?? a.value.markupDraft.issue : null;
       }
     ), u = S(
       () => z.value.status === "ready" ? z.value.value : null
-    ), n = pe(!1), c = S({
+    ), n = be(!1), c = S({
       get: () => {
-        var t;
-        return !!((t = a.value) != null && t.markupDraft);
+        var o;
+        return !!((o = a.value) != null && o.markupDraft);
       },
-      set: (t) => {
-        t || r.editor.cancelMarkup();
+      set: (o) => {
+        o || r.editor.cancelMarkup();
       }
     });
-    be(
+    ve(
       () => P.value.status,
-      (t) => {
-        (t === "error" || t === "unavailable") && (n.value = !1);
+      (o) => {
+        (o === "error" || o === "unavailable") && (n.value = !1);
       }
     );
     async function h() {
@@ -380,17 +377,17 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
     function N() {
       V.submit(async () => r.editor.saveMarkup());
     }
-    function B(t) {
-      r.editor.setMarkupProducts(t), n.value = !1;
+    function B(o) {
+      r.editor.setMarkupProducts(o), n.value = !1;
     }
-    return (t, m) => {
+    return (o, m) => {
       var Q, X, Z;
-      const b = g("FmButton"), p = g("FmTextField"), v = g("FmRadio"), f = g("FmRadioGroup"), w = g("FmCheckbox"), K = g("FmSwitch"), re = g("FmSelect"), ne = g("FmChip"), ie = g("FmCard"), se = g("FmIcon"), me = g("FmStepperField"), de = g("FmDialog");
+      const b = g("FmButton"), p = g("FmTextField"), v = g("FmRadio"), f = g("FmRadioGroup"), w = g("FmCheckbox"), K = g("FmSwitch"), ne = g("FmSelect"), ie = g("FmChip"), se = g("FmCard"), me = g("FmIcon"), de = g("FmStepperField"), ce = g("FmDialog");
       return s(), k(D, null, [
-        (s(), F(ve(t.page ? ye : "FmSideSheet"), H(
-          t.page ? { heading: ((Q = a.value) == null ? void 0 : Q.name) ?? "" } : {
+        (s(), C(_e(o.page ? ye : "FmSideSheet"), Y(
+          o.page ? { heading: ((Q = a.value) == null ? void 0 : Q.name) ?? "", class: "xs:overflow-hidden" } : {
             modelValue: !0,
-            isContainer: e(x).FmForm,
+            isContainer: e(ee).FmForm,
             isContainerProps: {
               onValidationSuccess: h,
               blameFormChildOnValidationFailed: !0
@@ -400,12 +397,12 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
           {
             "onUpdate:modelValue": m[2] || (m[2] = (i) => !i && A("close"))
           }
-        ), _e({
+        ), fe({
           "side-sheet-footer": d(() => {
             var i;
             return [
-              C("div", Ke, [
-                o(b, {
+              F("div", Ke, [
+                t(b, {
                   loading: ((i = a.value) == null ? void 0 : i.status) === "submitting",
                   disabled: !a.value || a.value.submit.state !== "allowed",
                   label: e(l)("menu.common.actions.add"),
@@ -413,7 +410,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                   type: "submit",
                   variant: "primary"
                 }, null, 8, ["loading", "disabled", "label"]),
-                o(b, {
+                t(b, {
                   label: e(l)("menu.common.actions.cancel"),
                   size: "lg",
                   variant: "tertiary",
@@ -423,240 +420,253 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
             ];
           }),
           default: d(() => [
-            t.page ? (s(), F(Te, { key: 0 })) : y("", !0),
+            o.page ? (s(), C(Te, { key: 0 })) : y("", !0),
             e(P).status === "error" ? (s(), k("p", Be, U(e(E)(e(P).error.message)), 1)) : y("", !0),
-            a.value ? (s(), k("div", Ae, [
-              o(ke, {
-                title: e(l)("menu.catalog.detail")
-              }, {
-                default: d(() => [
-                  o(p, H({
-                    "model-value": a.value.name,
-                    autofocus: "",
-                    label: e(l)("menu.catalog.form.name"),
-                    "error-messages": $.value ? [e(E)($.value)] : []
-                  }, e(R).field("name", t.editor.setName)), null, 16, ["model-value", "label", "error-messages"]),
-                  o(L, {
-                    class: "pt-8",
-                    label: e(l)("menu.catalog.form.tax.title")
-                  }, {
-                    default: d(() => [
-                      o(f, {
-                        "model-value": a.value.taxMode,
-                        "onUpdate:modelValue": t.editor.setTaxMode
-                      }, {
-                        default: d(() => [
-                          o(v, {
-                            value: "automatic",
-                            label: e(l)("menu.catalog.form.tax.auto.label"),
-                            sublabel: e(l)("menu.catalog.form.tax.auto.sublabel")
-                          }, null, 8, ["label", "sublabel"]),
-                          o(v, {
-                            value: "manual",
-                            label: e(l)("menu.catalog.form.tax.manual.label"),
-                            sublabel: e(l)("menu.catalog.form.tax.manual.sublabel")
-                          }, null, 8, ["label", "sublabel"])
-                        ]),
-                        _: 1
-                      }, 8, ["model-value", "onUpdate:modelValue"]),
-                      a.value.taxMode === "manual" ? (s(), k("div", Ee, [
-                        (s(!0), k(D, null, j(a.value.taxes, (i) => (s(), F(w, {
-                          key: i.systemCode,
-                          "model-value": i.inclusive,
-                          value: !0,
-                          label: e(l)("menu.catalog.form.tax.inclusive", { code: i.systemCode }),
-                          "onUpdate:modelValue": (_) => t.editor.setTaxInclusive(i.systemCode, _)
-                        }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-                      ])) : y("", !0)
-                    ]),
-                    _: 1
-                  }, 8, ["label"]),
-                  a.value.subItemTax ? (s(), F(L, {
-                    key: 0,
-                    label: e(l)("menu.menu_setting.sub_item_tax.title")
-                  }, {
-                    default: d(() => [
-                      C("div", Ne, [
-                        o(f, {
-                          "model-value": a.value.subItemTax.choice,
-                          "onUpdate:modelValue": t.editor.setSubItemTaxChoice
+            F("div", {
+              class: H(
+                o.page ? "pt-16 xs:flex-1 xs:overflow-scroll xs:px-16 xs:py-16" : "contents"
+              ),
+              "data-test": o.page ? "catalog-setting-body" : void 0
+            }, [
+              a.value ? (s(), k("div", {
+                key: 0,
+                class: H(["max-w-[752px] space-y-32", { "pt-16": !o.page }])
+              }, [
+                t(ke, {
+                  title: e(l)("menu.catalog.detail")
+                }, {
+                  default: d(() => [
+                    t(p, Y({
+                      "model-value": a.value.name,
+                      autofocus: "",
+                      label: e(l)("menu.catalog.form.name"),
+                      "error-messages": $.value ? [e(E)($.value)] : []
+                    }, e(R).field("name", o.editor.setName)), null, 16, ["model-value", "label", "error-messages"]),
+                    t(L, {
+                      class: "pt-8",
+                      label: e(l)("menu.catalog.form.tax.title")
+                    }, {
+                      default: d(() => [
+                        t(f, {
+                          "model-value": a.value.taxMode,
+                          "onUpdate:modelValue": o.editor.setTaxMode
                         }, {
                           default: d(() => [
-                            o(v, {
-                              value: "inherit",
-                              label: e(l)("menu.catalog.form.sub_item_tax.inherit.label"),
-                              sublabel: e(l)(
-                                a.value.subItemTax.inherited === "own" ? "menu.catalog.form.sub_item_tax.inherit.current_own" : "menu.catalog.form.sub_item_tax.inherit.current_parent"
-                              )
-                            }, null, 8, ["label", "sublabel"]),
-                            o(v, {
-                              value: "parent",
-                              label: e(l)("menu.catalog.form.sub_item_tax.parent.label"),
-                              sublabel: e(l)("menu.catalog.form.sub_item_tax.parent.sublabel")
+                            t(v, {
+                              value: "automatic",
+                              label: e(l)("menu.catalog.form.tax.auto.label"),
+                              sublabel: e(l)("menu.catalog.form.tax.auto.sublabel")
                             }, null, 8, ["label", "sublabel"]),
-                            o(v, {
-                              value: "own",
-                              label: e(l)("menu.catalog.form.sub_item_tax.own.label"),
-                              sublabel: e(l)("menu.catalog.form.sub_item_tax.own.sublabel")
+                            t(v, {
+                              value: "manual",
+                              label: e(l)("menu.catalog.form.tax.manual.label"),
+                              sublabel: e(l)("menu.catalog.form.tax.manual.sublabel")
                             }, null, 8, ["label", "sublabel"])
                           ]),
                           _: 1
                         }, 8, ["model-value", "onUpdate:modelValue"]),
-                        a.value.subItemTax.resolved === "own" ? (s(), F(we, { key: 0 })) : y("", !0)
-                      ])
+                        a.value.taxMode === "manual" ? (s(), k("div", Ee, [
+                          (s(!0), k(D, null, j(a.value.taxes, (i) => (s(), C(w, {
+                            key: i.systemCode,
+                            "model-value": i.inclusive,
+                            value: !0,
+                            label: e(l)("menu.catalog.form.tax.inclusive", { code: i.systemCode }),
+                            "onUpdate:modelValue": (_) => o.editor.setTaxInclusive(i.systemCode, _)
+                          }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                        ])) : y("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    a.value.subItemTax ? (s(), C(L, {
+                      key: 0,
+                      label: e(l)("menu.menu_setting.sub_item_tax.title")
+                    }, {
+                      default: d(() => [
+                        F("div", Ne, [
+                          t(f, {
+                            "model-value": a.value.subItemTax.choice,
+                            "onUpdate:modelValue": o.editor.setSubItemTaxChoice
+                          }, {
+                            default: d(() => [
+                              t(v, {
+                                value: "inherit",
+                                label: e(l)("menu.catalog.form.sub_item_tax.inherit.label"),
+                                sublabel: e(l)(
+                                  a.value.subItemTax.inherited === "own" ? "menu.catalog.form.sub_item_tax.inherit.current_own" : "menu.catalog.form.sub_item_tax.inherit.current_parent"
+                                )
+                              }, null, 8, ["label", "sublabel"]),
+                              t(v, {
+                                value: "parent",
+                                label: e(l)("menu.catalog.form.sub_item_tax.parent.label"),
+                                sublabel: e(l)("menu.catalog.form.sub_item_tax.parent.sublabel")
+                              }, null, 8, ["label", "sublabel"]),
+                              t(v, {
+                                value: "own",
+                                label: e(l)("menu.catalog.form.sub_item_tax.own.label"),
+                                sublabel: e(l)("menu.catalog.form.sub_item_tax.own.sublabel")
+                              }, null, 8, ["label", "sublabel"])
+                            ]),
+                            _: 1
+                          }, 8, ["model-value", "onUpdate:modelValue"]),
+                          a.value.subItemTax.resolved === "own" ? (s(), C(we, { key: 0 })) : y("", !0)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : y("", !0),
+                    a.value.statutoryChargeWaivers.length > 0 ? (s(), C(L, {
+                      key: 1,
+                      label: e(l)("menu.catalog.form.statutory_charges.title")
+                    }, {
+                      default: d(() => [
+                        F("div", je, [
+                          (s(!0), k(D, null, j(a.value.statutoryChargeWaivers, (i) => (s(), C(K, {
+                            key: i.code,
+                            "model-value": i.waived,
+                            label: e(l)("menu.catalog.form.statutory_charges.waive", {
+                              name: i.name
+                            }),
+                            sublabel: e(l)("menu.catalog.form.statutory_charges.sublabel"),
+                            "label-placement": "right",
+                            "onUpdate:modelValue": (_) => o.editor.setStatutoryChargeWaived(i.code, _)
+                          }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : y("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                a.value.advanced.state === "allowed" ? (s(), k(D, { key: 0 }, [
+                  t(L, {
+                    label: e(l)("menu.catalog.form.link.title")
+                  }, {
+                    default: d(() => [
+                      t(K, {
+                        "model-value": a.value.autoLink,
+                        label: e(l)("menu.catalog.form.link.auto_link.label"),
+                        sublabel: e(l)("menu.catalog.form.link.auto_link.sublabel"),
+                        "label-placement": "right",
+                        "onUpdate:modelValue": o.editor.setAutoLink
+                      }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
+                      a.value.autoLink ? (s(), C(ne, {
+                        key: 0,
+                        class: "ml-[60px]",
+                        "aria-label": e(l)("menu.catalog.form.link.title"),
+                        "model-value": a.value.orderFrom,
+                        items: [
+                          {
+                            label: e(l)("menu.catalog.form.link.options.all"),
+                            value: "ALL"
+                          },
+                          {
+                            label: e(l)("menu.catalog.form.link.options.pos_only"),
+                            value: "POS_ONLY"
+                          }
+                        ],
+                        "onUpdate:modelValue": o.editor.setOrderFrom
+                      }, null, 8, ["aria-label", "model-value", "items", "onUpdate:modelValue"])) : y("", !0)
                     ]),
                     _: 1
-                  }, 8, ["label"])) : y("", !0),
-                  a.value.statutoryChargeWaivers.length > 0 ? (s(), F(L, {
-                    key: 1,
-                    label: e(l)("menu.catalog.form.statutory_charges.title")
+                  }, 8, ["label"]),
+                  t(L, {
+                    label: e(l)("menu.catalog.form.markup.title")
                   }, {
                     default: d(() => [
-                      C("div", je, [
-                        (s(!0), k(D, null, j(a.value.statutoryChargeWaivers, (i) => (s(), F(K, {
-                          key: i.code,
-                          "model-value": i.waived,
-                          label: e(l)("menu.catalog.form.statutory_charges.waive", {
-                            name: i.name
-                          }),
-                          sublabel: e(l)("menu.catalog.form.statutory_charges.sublabel"),
-                          "label-placement": "right",
-                          "onUpdate:modelValue": (_) => t.editor.setStatutoryChargeWaived(i.code, _)
-                        }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
+                      t(K, {
+                        "model-value": a.value.markupEnabled,
+                        label: e(l)("menu.catalog.form.markup.auto.label"),
+                        sublabel: e(l)("menu.catalog.form.markup.auto.sublabel"),
+                        "label-placement": "right",
+                        "onUpdate:modelValue": o.editor.setMarkupEnabled
+                      }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
+                      F("div", ze, [
+                        t(b, {
+                          variant: "secondary",
+                          "text-color": e(G).ColorPrimary,
+                          "border-color": e(G).ColorPrimary,
+                          label: e(l)("menu.catalog.form.markup.add"),
+                          "prepend-icon": "add",
+                          onClick: m[0] || (m[0] = (i) => o.editor.beginMarkup())
+                        }, null, 8, ["text-color", "border-color", "label"]),
+                        (s(!0), k(D, null, j(a.value.markups, (i, _) => (s(), C(se, {
+                          key: _,
+                          class: "py-12 px-16 cursor-pointer",
+                          role: "row",
+                          variant: "outlined",
+                          onClick: (x) => o.editor.beginMarkup(_)
+                        }, {
+                          default: d(() => [
+                            F("div", Ge, [
+                              F("div", Ie, [
+                                t(ie, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
+                                  default: d(() => [
+                                    J(U(e(l)("menu.catalog.form.markup.percentage", {
+                                      value: i.percentage
+                                    })), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                t(b, {
+                                  class: "fm-typo-en-body-lg-400",
+                                  onClick: I((x) => o.editor.beginMarkup(_), ["stop"])
+                                }, {
+                                  default: d(() => [
+                                    J(U(e(l)("menu.catalog.form.markup.config", {
+                                      number: _ + 1
+                                    })), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"]),
+                                F("p", We, U(i.productCount === null ? e(l)("menu.catalog.form.markup.all_items") : e(l)("menu.catalog.form.markup.products", {
+                                  count: i.productCount
+                                })), 1)
+                              ]),
+                              t(b, {
+                                variant: "tertiary",
+                                "prepend-icon": "delete",
+                                "aria-label": e(l)("menu.catalog.remove_markup"),
+                                onClick: I((x) => o.editor.removeMarkup(_), ["stop"])
+                              }, null, 8, ["aria-label", "onClick"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"]))), 128))
                       ])
                     ]),
                     _: 1
-                  }, 8, ["label"])) : y("", !0)
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              a.value.advanced.state === "allowed" ? (s(), k(D, { key: 0 }, [
-                o(L, {
-                  label: e(l)("menu.catalog.form.link.title")
-                }, {
-                  default: d(() => [
-                    o(K, {
-                      "model-value": a.value.autoLink,
-                      label: e(l)("menu.catalog.form.link.auto_link.label"),
-                      sublabel: e(l)("menu.catalog.form.link.auto_link.sublabel"),
-                      "label-placement": "right",
-                      "onUpdate:modelValue": t.editor.setAutoLink
-                    }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
-                    a.value.autoLink ? (s(), F(re, {
-                      key: 0,
-                      class: "ml-[60px]",
-                      "aria-label": e(l)("menu.catalog.form.link.title"),
-                      "model-value": a.value.orderFrom,
-                      items: [
-                        { label: e(l)("menu.catalog.form.link.options.all"), value: "ALL" },
-                        {
-                          label: e(l)("menu.catalog.form.link.options.pos_only"),
-                          value: "POS_ONLY"
-                        }
-                      ],
-                      "onUpdate:modelValue": t.editor.setOrderFrom
-                    }, null, 8, ["aria-label", "model-value", "items", "onUpdate:modelValue"])) : y("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(L, {
-                  label: e(l)("menu.catalog.form.markup.title")
-                }, {
-                  default: d(() => [
-                    o(K, {
-                      "model-value": a.value.markupEnabled,
-                      label: e(l)("menu.catalog.form.markup.auto.label"),
-                      sublabel: e(l)("menu.catalog.form.markup.auto.sublabel"),
-                      "label-placement": "right",
-                      "onUpdate:modelValue": t.editor.setMarkupEnabled
-                    }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]),
-                    C("div", ze, [
-                      o(b, {
-                        variant: "secondary",
-                        "text-color": e(G).ColorPrimary,
-                        "border-color": e(G).ColorPrimary,
-                        label: e(l)("menu.catalog.form.markup.add"),
-                        "prepend-icon": "add",
-                        onClick: m[0] || (m[0] = (i) => t.editor.beginMarkup())
-                      }, null, 8, ["text-color", "border-color", "label"]),
-                      (s(!0), k(D, null, j(a.value.markups, (i, _) => (s(), F(ie, {
-                        key: _,
-                        class: "py-12 px-16 cursor-pointer",
-                        role: "row",
-                        variant: "outlined",
-                        onClick: (Y) => t.editor.beginMarkup(_)
-                      }, {
-                        default: d(() => [
-                          C("div", Ge, [
-                            C("div", Ie, [
-                              o(ne, { class: "text-fm-color-typo-info bg-fm-color-system-info-100 font-semibold" }, {
-                                default: d(() => [
-                                  J(U(e(l)("menu.catalog.form.markup.percentage", {
-                                    value: i.percentage
-                                  })), 1)
-                                ]),
-                                _: 2
-                              }, 1024),
-                              o(b, {
-                                class: "fm-typo-en-body-lg-400",
-                                onClick: I((Y) => t.editor.beginMarkup(_), ["stop"])
-                              }, {
-                                default: d(() => [
-                                  J(U(e(l)("menu.catalog.form.markup.config", {
-                                    number: _ + 1
-                                  })), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick"]),
-                              C("p", We, U(i.productCount === null ? e(l)("menu.catalog.form.markup.all_items") : e(l)("menu.catalog.form.markup.products", {
-                                count: i.productCount
-                              })), 1)
-                            ]),
-                            o(b, {
-                              variant: "tertiary",
-                              "prepend-icon": "delete",
-                              "aria-label": e(l)("menu.catalog.remove_markup"),
-                              onClick: I((Y) => t.editor.removeMarkup(_), ["stop"])
-                            }, null, 8, ["aria-label", "onClick"])
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]))), 128))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["label"])
-              ], 64)) : y("", !0),
-              a.value.priceTier ? (s(), F(Oe, {
-                key: 1,
-                view: a.value.priceTier,
-                editor: t.editor,
-                "issue-for": O
-              }, null, 8, ["view", "editor"])) : y("", !0)
-            ])) : y("", !0),
-            t.page && a.value ? (s(), k("div", qe, [
-              o(b, {
-                loading: a.value.status === "submitting",
-                disabled: a.value.submit.state !== "allowed",
-                label: e(l)("menu.common.actions.save"),
-                size: "lg",
-                variant: "primary",
-                onClick: h
-              }, null, 8, ["loading", "disabled", "label"])
-            ])) : y("", !0)
+                  }, 8, ["label"])
+                ], 64)) : y("", !0),
+                a.value.priceTier ? (s(), C(Oe, {
+                  key: 1,
+                  view: a.value.priceTier,
+                  editor: o.editor,
+                  "issue-for": O
+                }, null, 8, ["view", "editor"])) : y("", !0)
+              ], 2)) : y("", !0),
+              o.page && a.value ? (s(), k("div", qe, [
+                t(b, {
+                  loading: a.value.status === "submitting",
+                  disabled: a.value.submit.state !== "allowed",
+                  label: e(l)("menu.common.actions.save"),
+                  size: "lg",
+                  variant: "primary",
+                  onClick: h
+                }, null, 8, ["loading", "disabled", "label"])
+              ])) : y("", !0)
+            ], 10, Ae)
           ]),
           _: 2
         }, [
-          t.page ? {
+          o.page ? {
             name: "prepend-heading",
             fn: d(() => [
-              o(e(ge), {
+              t(e(ge), {
                 to: { name: e(Ue).CATALOG },
                 class: "mr-8",
                 title: e(l)("menu.catalog.edit.back")
               }, {
                 default: d(() => [
-                  o(b, {
+                  t(b, {
                     "aria-label": e(l)("menu.catalog.edit.back"),
                     "prepend-icon": "arrow_back",
                     variant: "tertiary"
@@ -667,18 +677,18 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
             ]),
             key: "0"
           } : void 0,
-          t.page ? {
+          o.page ? {
             name: "append-heading",
             fn: d(() => [
-              o(Ce, { sdk: t.sdk }, null, 8, ["sdk"])
+              t(Ce, { sdk: o.sdk }, null, 8, ["sdk"])
             ]),
             key: "1"
           } : void 0
         ]), 1040)),
-        o(de, {
+        t(ce, {
           modelValue: c.value,
           "onUpdate:modelValue": m[6] || (m[6] = (i) => c.value = i),
-          "is-component": e(x).FmForm,
+          "is-component": e(ee).FmForm,
           "is-component-props": { onValidationSuccess: N }
         }, {
           "dialog-header": d(() => {
@@ -690,13 +700,13 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
           "dialog-footer": d(() => {
             var i, _;
             return [
-              o(b, {
+              t(b, {
                 class: "sm:w-full xs:w-full ml-auto",
                 label: e(l)("menu.common.actions.cancel"),
                 variant: "tertiary",
-                onClick: m[5] || (m[5] = (Y) => t.editor.cancelMarkup())
+                onClick: m[5] || (m[5] = (x) => o.editor.cancelMarkup())
               }, null, 8, ["label"]),
-              o(b, {
+              t(b, {
                 label: ((_ = (i = a.value) == null ? void 0 : i.markupDraft) == null ? void 0 : _.index) === null ? e(l)("menu.common.actions.add") : e(l)("menu.common.actions.update"),
                 class: "sm:w-full xs:w-full",
                 size: "md",
@@ -708,8 +718,8 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
           default: d(() => {
             var i;
             return [
-              (i = a.value) != null && i.markupDraft ? (s(), k("div", Ye, [
-                o(me, H(
+              (i = a.value) != null && i.markupDraft ? (s(), k("div", xe, [
+                t(de, Y(
                   {
                     "model-value": a.value.markupDraft.percentage,
                     decimal: 0,
@@ -719,25 +729,25 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                     placeholder: e(l)("menu.markup.dialog.fields.percentage.placeholder"),
                     "error-messages": M.value ? [e(E)(M.value)] : []
                   },
-                  e(V).field("percentage", t.editor.setMarkupPercentage)
+                  e(V).field("percentage", o.editor.setMarkupPercentage)
                 ), {
                   prepend: d(() => [
-                    o(se, { name: "percent" })
+                    t(me, { name: "percent" })
                   ]),
                   _: 1
                 }, 16, ["model-value", "label", "placeholder", "error-messages"]),
-                o(f, {
+                t(f, {
                   "model-value": a.value.markupDraft.productIds === null ? "all" : "custom",
                   class: "space-y-8",
-                  "onUpdate:modelValue": m[3] || (m[3] = (_) => t.editor.setMarkupProducts(_ === "all" ? null : []))
+                  "onUpdate:modelValue": m[3] || (m[3] = (_) => o.editor.setMarkupProducts(_ === "all" ? null : []))
                 }, {
                   default: d(() => [
-                    o(v, {
+                    t(v, {
                       value: "all",
                       "aria-label": e(l)("menu.markup.dialog.options.all"),
                       label: e(l)("menu.markup.dialog.options.all")
                     }, null, 8, ["aria-label", "label"]),
-                    o(v, {
+                    t(v, {
                       value: "custom",
                       "aria-label": e(l)("menu.markup.dialog.options.custom"),
                       label: e(l)("menu.markup.dialog.options.custom")
@@ -745,10 +755,10 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                   ]),
                   _: 1
                 }, 8, ["model-value"]),
-                C("div", {
-                  class: fe(["ml-32 mt-16 space-y-8", { "pb-8": a.value.markupDraft.productIds !== null }])
+                F("div", {
+                  class: H(["ml-32 mt-16 space-y-8", { "pb-8": a.value.markupDraft.productIds !== null }])
                 }, [
-                  a.value.markupDraft.productIds !== null ? (s(), F(b, {
+                  a.value.markupDraft.productIds !== null ? (s(), C(b, {
                     key: 0,
                     variant: "secondary",
                     "text-color": e(G).ColorPrimary,
@@ -758,7 +768,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
                     "prepend-icon": "link",
                     onClick: m[4] || (m[4] = (_) => n.value = !0)
                   }, null, 8, ["text-color", "border-color", "aria-label", "label"])) : y("", !0),
-                  a.value.markupDraft.productCount ? (s(), k("p", He, U(e(l)("menu.markup.dialog.products.count", {
+                  a.value.markupDraft.productCount ? (s(), k("p", Ye, U(e(l)("menu.markup.dialog.products.count", {
                     count: a.value.markupDraft.productCount
                   })), 1)) : y("", !0)
                 ], 2)
@@ -767,7 +777,7 @@ const Se = { class: "flex flex-col gap-16" }, Re = { class: "flex w-full justify
           }),
           _: 1
         }, 8, ["modelValue", "is-component", "is-component-props"]),
-        o(Fe, {
+        t(Fe, {
           modelValue: n.value,
           "onUpdate:modelValue": m[7] || (m[7] = (i) => n.value = i),
           catalogue: u.value,