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

package/dist/CatalogEditor.vue_vue_type_script_setup_true_lang-BjP8ZXyb.js

@@ -0,0 +1,784 @@
+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 { 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 { _ as ke } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.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-0tCpJlOf.js";
+import { _ as Ce } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-Diapahfp.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-CfF0FmUz.js";
+import { r as Ve, a as le } from "./ruleValueKey-BF52PuHb.js";
+import { _ as Te } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BawCLY5-.js";
+import { u as $e } from "./useActionFeedback-DyUCQl2x.js";
+import { u as ae } from "./useEditorValidation-Ctef5Bxt.js";
+import { R as Ue } from "./app-Bmgb8ACe.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({
+  __name: "LinkPriceTierSection",
+  props: {
+    view: {},
+    editor: {},
+    issueFor: { type: Function }
+  },
+  setup(W) {
+    const T = W, { t: r } = te(), A = ue(), l = {
+      mounted: (u, n) => {
+        var c;
+        (c = u.querySelector("input")) == null || c.setAttribute("aria-label", n.value);
+      },
+      updated: (u, n) => {
+        var c;
+        (c = u.querySelector("input")) == null || c.setAttribute("aria-label", n.value);
+      }
+    }, E = [
+      { value: "in", label: "menu.rule_groups.condition_view.operator.in" },
+      {
+        value: "notIn",
+        label: "menu.rule_groups.condition_view.operator.not_in"
+      },
+      {
+        value: "startsWith",
+        label: "menu.rule_groups.condition_view.operator.starts_with"
+      }
+    ], q = S(
+      () => E.map((u) => ({ label: r(u.label), value: u.value }))
+    ), R = S(
+      () => T.view.options.map((u) => ({ label: u, value: u }))
+    ), P = S(
+      () => T.view.attributeOptions.map((u) => ({
+        label: r(u.label, u.labelParams ?? {}),
+        value: u.key
+      }))
+    );
+    function z(u) {
+      var n;
+      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)
+      }));
+    }
+    function a(u) {
+      const n = T.view.attributeOptions.find(
+        (c) => c.key === u.attribute
+      );
+      return u.values.map(
+        (c) => {
+          var h;
+          return ((h = n == null ? void 0 : n.values.find((N) => N.value === c)) == null ? void 0 : h.label) ?? String(c);
+        }
+      ).join(r("menu.link_product.rules.value_separator"));
+    }
+    function O(u) {
+      const n = T.issueFor(u);
+      return n ? [A(n)] : [];
+    }
+    function $(u) {
+      return r("menu.link_product.rules.rule_number", { index: u + 1 });
+    }
+    function V(u, n, c) {
+      return r("menu.common.labels.a11y_labelled_name", {
+        label: r(c),
+        name: `${$(u)} ${r(
+          "menu.link_product.rules.condition_number",
+          { index: n + 1 }
+        )}`
+      });
+    }
+    function M(u, n, c) {
+      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, {
+        label: e(r)("menu.price_tier.link_price_tier")
+      }, {
+        default: d(() => [
+          o(m, {
+            "model-value": u.view.mode,
+            "onUpdate:modelValue": n[4] || (n[4] = (b) => u.editor.setPriceTierMode(b))
+          }, {
+            default: d(() => [
+              o(c, {
+                value: "groups",
+                label: e(r)("menu.price_tier.link_price_group"),
+                sublabel: e(r)("menu.price_tier.link_price_group_description")
+              }, null, 8, ["label", "sublabel"]),
+              u.view.mode === "groups" ? (s(), k("div", {
+                key: 0,
+                class: "pl-32",
+                onClick: n[1] || (n[1] = I(() => {
+                }, ["prevent"]))
+              }, [
+                o(h, {
+                  "model-value": [...u.view.selected],
+                  items: R.value,
+                  multiselect: "",
+                  "keep-selection-order": "",
+                  placeholder: e(r)("menu.rule_groups.condition_view.select_item"),
+                  "aria-label": e(r)("menu.price_tier.price_group"),
+                  "onUpdate:modelValue": n[0] || (n[0] = (b) => u.editor.setPriceTiers(b))
+                }, null, 8, ["model-value", "items", "placeholder", "aria-label"])
+              ])) : y("", !0),
+              o(c, {
+                value: "rules",
+                label: e(r)("menu.price_tier.price_group_rule"),
+                sublabel: e(r)("menu.price_tier.price_group_rule_description")
+              }, null, 8, ["label", "sublabel"]),
+              u.view.mode === "rules" ? (s(), k("div", {
+                key: 1,
+                class: "pl-32 space-y-16",
+                onClick: n[3] || (n[3] = I(() => {
+                }, ["prevent"]))
+              }, [
+                (s(!0), k(D, null, j(u.view.rules, (b, p) => (s(), F(t, {
+                  key: b.id,
+                  class: "p-16 space-y-16",
+                  variant: "outlined",
+                  role: "group",
+                  "aria-label": $(p)
+                }, {
+                  default: d(() => [
+                    o(h, {
+                      label: e(r)("menu.price_tier.price_group"),
+                      "label-mark": "required",
+                      "model-value": b.priceTier,
+                      items: R.value,
+                      placeholder: e(r)("menu.rule_groups.condition_view.select_item"),
+                      "aria-label": e(r)("menu.common.labels.a11y_labelled_name", {
+                        label: e(r)("menu.price_tier.price_group"),
+                        name: $(p)
+                      }),
+                      "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, {
+                      label: e(r)("menu.price_tier.restaurant_filter")
+                    }, {
+                      default: d(() => [
+                        C("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, {
+                                class: "flex w-full",
+                                "model-value": v.attribute,
+                                items: P.value,
+                                placeholder: e(r)("menu.rule_groups.condition_view.select_item"),
+                                "aria-label": V(
+                                  p,
+                                  f,
+                                  "menu.menu_setting.rule_groups.condition.attribute"
+                                ),
+                                "onUpdate:modelValue": (w) => M(p, f, {
+                                  attribute: w,
+                                  values: []
+                                })
+                              }, null, 8, ["model-value", "items", "placeholder", "aria-label", "onUpdate:modelValue"]),
+                              o(h, {
+                                class: "flex w-full",
+                                "model-value": v.operator,
+                                items: q.value,
+                                placeholder: e(r)("menu.rule_groups.condition_view.select_item"),
+                                "aria-label": V(
+                                  p,
+                                  f,
+                                  "menu.menu_setting.rule_groups.condition.operator"
+                                ),
+                                "error-messages": O(
+                                  `priceTierRules.${p}.conditions.${f}.operator`
+                                ),
+                                "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, {
+                                  "model-value": String(v.values[0] ?? ""),
+                                  placeholder: e(r)("menu.menu_setting.rule_groups.condition.value"),
+                                  "error-messages": O(
+                                    `priceTierRules.${p}.conditions.${f}.values`
+                                  ),
+                                  "onUpdate:modelValue": (w) => M(p, f, {
+                                    values: w === "" || w == null ? [] : [String(w)]
+                                  })
+                                }, null, 8, ["model-value", "placeholder", "error-messages", "onUpdate:modelValue"])
+                              ])), [
+                                [
+                                  l,
+                                  V(
+                                    p,
+                                    f,
+                                    "menu.menu_setting.rule_groups.condition.value"
+                                  )
+                                ]
+                              ]) : (s(), F(h, {
+                                key: 1,
+                                class: "flex w-full",
+                                "model-value": v.values.map(e(le)),
+                                items: z(v),
+                                multiselect: "",
+                                "hide-chips": "",
+                                placeholder: e(r)("menu.rule_groups.condition_view.select_item"),
+                                "aria-label": V(
+                                  p,
+                                  f,
+                                  "menu.menu_setting.rule_groups.condition.value"
+                                ),
+                                "error-messages": O(
+                                  `priceTierRules.${p}.conditions.${f}.values`
+                                ),
+                                "onUpdate:modelValue": (w) => M(p, f, {
+                                  values: w.map(e(Ve))
+                                })
+                              }, {
+                                default: d(() => [
+                                  C("div", Me, U(a(v)), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]))
+                            ]),
+                            o(B, {
+                              variant: "tertiary",
+                              "prepend-icon": "close",
+                              "aria-label": V(
+                                p,
+                                f,
+                                "menu.menu_setting.rule_groups.remove_condition"
+                              ),
+                              onClick: (w) => u.editor.removePriceTierRuleCondition(p, f)
+                            }, 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, {
+                              variant: "plain",
+                              "prepend-icon": "add",
+                              label: e(r)("menu.rule_groups.condition_view.add_condition"),
+                              "aria-label": e(r)("menu.common.labels.a11y_labelled_name", {
+                                label: e(r)("menu.rule_groups.condition_view.add_condition"),
+                                name: $(p)
+                              }),
+                              onClick: (v) => u.editor.addPriceTierRuleCondition(p)
+                            }, null, 8, ["label", "aria-label", "onClick"])
+                          ])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]),
+                    C("div", Le, [
+                      o(B, {
+                        variant: "tertiary",
+                        "prepend-icon": "delete",
+                        "aria-label": e(r)("menu.common.labels.a11y_labelled_name", {
+                          label: e(r)("menu.common.actions.delete"),
+                          name: $(p)
+                        }),
+                        onClick: (v) => u.editor.removePriceTierRule(p)
+                      }, null, 8, ["aria-label", "onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["aria-label"]))), 128)),
+                C("div", null, [
+                  o(B, {
+                    label: e(r)("menu.link_product.rules.add_rule"),
+                    onClick: n[2] || (n[2] = (b) => u.editor.addPriceTierRule())
+                  }, null, 8, ["label"])
+                ])
+              ])) : y("", !0)
+            ]),
+            _: 1
+          }, 8, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+}), Be = {
+  key: 1,
+  role: "alert"
+}, Ae = {
+  key: 2,
+  class: "max-w-[752px] pt-16 space-y-32"
+}, 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,
+  class: "max-w-[752px] pt-40 flex justify-end"
+}, Ke = { class: "flex gap-8 items-center justify-start" }, Ye = {
+  key: 0,
+  class: "space-y-16"
+}, He = {
+  key: 1,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, dl = /* @__PURE__ */ oe({
+  __name: "CatalogEditor",
+  props: {
+    sdk: {},
+    editor: {},
+    picker: {},
+    page: { type: Boolean }
+  },
+  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(
+      () => P.value.status === "ready" ? P.value.value : null
+    );
+    function O(t) {
+      var m;
+      return (m = a.value) != null && m.priceTier ? R.issue(a.value.priceTier.fieldIssues, t) : null;
+    }
+    const $ = S(
+      () => a.value ? R.issue(a.value.fieldIssues, "name") ?? a.value.nameIssue : null
+    ), V = ae(() => {
+      var m;
+      const t = (m = a.value) == null ? void 0 : m.markupDraft;
+      return t ? t.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;
+      }
+    ), u = S(
+      () => z.value.status === "ready" ? z.value.value : null
+    ), n = pe(!1), c = S({
+      get: () => {
+        var t;
+        return !!((t = a.value) != null && t.markupDraft);
+      },
+      set: (t) => {
+        t || r.editor.cancelMarkup();
+      }
+    });
+    be(
+      () => P.value.status,
+      (t) => {
+        (t === "error" || t === "unavailable") && (n.value = !1);
+      }
+    );
+    async function h() {
+      (await q(
+        () => R.submit(() => r.editor.submit()),
+        {
+          showLoading: () => {
+            var m;
+            return ((m = a.value) == null ? void 0 : m.status) === "submitting";
+          },
+          successMessage: (m) => l("menu.catalog.saved", { name: m.name })
+        }
+      )).kind === "success" && A("close");
+    }
+    function N() {
+      V.submit(async () => r.editor.saveMarkup());
+    }
+    function B(t) {
+      r.editor.setMarkupProducts(t), n.value = !1;
+    }
+    return (t, 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");
+      return s(), k(D, null, [
+        (s(), F(ve(t.page ? ye : "FmSideSheet"), H(
+          t.page ? { heading: ((Q = a.value) == null ? void 0 : Q.name) ?? "" } : {
+            modelValue: !0,
+            isContainer: e(x).FmForm,
+            isContainerProps: {
+              onValidationSuccess: h,
+              blameFormChildOnValidationFailed: !0
+            },
+            maxWidth: 560
+          },
+          {
+            "onUpdate:modelValue": m[2] || (m[2] = (i) => !i && A("close"))
+          }
+        ), _e({
+          "side-sheet-footer": d(() => {
+            var i;
+            return [
+              C("div", Ke, [
+                o(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"),
+                  size: "lg",
+                  type: "submit",
+                  variant: "primary"
+                }, null, 8, ["loading", "disabled", "label"]),
+                o(b, {
+                  label: e(l)("menu.common.actions.cancel"),
+                  size: "lg",
+                  variant: "tertiary",
+                  onClick: m[1] || (m[1] = (_) => A("close"))
+                }, null, 8, ["label"])
+              ])
+            ];
+          }),
+          default: d(() => [
+            t.page ? (s(), F(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
+                        }, {
+                          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")
+                            }, 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")
+                            }, null, 8, ["label", "sublabel"])
+                          ]),
+                          _: 1
+                        }, 8, ["model-value", "onUpdate:modelValue"]),
+                        a.value.subItemTax.resolved === "own" ? (s(), F(we, { key: 0 })) : 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")
+                  }, {
+                    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))
+                      ])
+                    ]),
+                    _: 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)
+          ]),
+          _: 2
+        }, [
+          t.page ? {
+            name: "prepend-heading",
+            fn: d(() => [
+              o(e(ge), {
+                to: { name: e(Ue).CATALOG },
+                class: "mr-8",
+                title: e(l)("menu.catalog.edit.back")
+              }, {
+                default: d(() => [
+                  o(b, {
+                    "aria-label": e(l)("menu.catalog.edit.back"),
+                    "prepend-icon": "arrow_back",
+                    variant: "tertiary"
+                  }, null, 8, ["aria-label"])
+                ]),
+                _: 1
+              }, 8, ["to", "title"])
+            ]),
+            key: "0"
+          } : void 0,
+          t.page ? {
+            name: "append-heading",
+            fn: d(() => [
+              o(Ce, { sdk: t.sdk }, null, 8, ["sdk"])
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040)),
+        o(de, {
+          modelValue: c.value,
+          "onUpdate:modelValue": m[6] || (m[6] = (i) => c.value = i),
+          "is-component": e(x).FmForm,
+          "is-component-props": { onValidationSuccess: N }
+        }, {
+          "dialog-header": d(() => {
+            var i, _;
+            return [
+              J(U(((_ = (i = a.value) == null ? void 0 : i.markupDraft) == null ? void 0 : _.index) === null ? e(l)("menu.markup.dialog.title.add") : e(l)("menu.markup.dialog.title.update")), 1)
+            ];
+          }),
+          "dialog-footer": d(() => {
+            var i, _;
+            return [
+              o(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())
+              }, null, 8, ["label"]),
+              o(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",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"])
+            ];
+          }),
+          default: d(() => {
+            var i;
+            return [
+              (i = a.value) != null && i.markupDraft ? (s(), k("div", Ye, [
+                o(me, H(
+                  {
+                    "model-value": a.value.markupDraft.percentage,
+                    decimal: 0,
+                    max: 100,
+                    min: 0,
+                    label: e(l)("menu.markup.dialog.fields.percentage.label"),
+                    placeholder: e(l)("menu.markup.dialog.fields.percentage.placeholder"),
+                    "error-messages": M.value ? [e(E)(M.value)] : []
+                  },
+                  e(V).field("percentage", t.editor.setMarkupPercentage)
+                ), {
+                  prepend: d(() => [
+                    o(se, { name: "percent" })
+                  ]),
+                  _: 1
+                }, 16, ["model-value", "label", "placeholder", "error-messages"]),
+                o(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 : []))
+                }, {
+                  default: d(() => [
+                    o(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, {
+                      value: "custom",
+                      "aria-label": e(l)("menu.markup.dialog.options.custom"),
+                      label: e(l)("menu.markup.dialog.options.custom")
+                    }, null, 8, ["aria-label", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["model-value"]),
+                C("div", {
+                  class: fe(["ml-32 mt-16 space-y-8", { "pb-8": a.value.markupDraft.productIds !== null }])
+                }, [
+                  a.value.markupDraft.productIds !== null ? (s(), F(b, {
+                    key: 0,
+                    variant: "secondary",
+                    "text-color": e(G).ColorPrimary,
+                    "border-color": e(G).ColorPrimary,
+                    "aria-label": e(l)("menu.markup.dialog.products.link"),
+                    label: e(l)("menu.markup.dialog.products.link"),
+                    "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", {
+                    count: a.value.markupDraft.productCount
+                  })), 1)) : y("", !0)
+                ], 2)
+              ])) : y("", !0)
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "is-component", "is-component-props"]),
+        o(Fe, {
+          modelValue: n.value,
+          "onUpdate:modelValue": m[7] || (m[7] = (i) => n.value = i),
+          catalogue: u.value,
+          "selected-product-ids": ((Z = (X = a.value) == null ? void 0 : X.markupDraft) == null ? void 0 : Z.productIds) ?? [],
+          title: e(l)("menu.markup.dialog.products.link"),
+          onSubmit: B
+        }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  dl as _
+};