@feedmepos/mf-menu 0.32.55 → 0.32.57-dev.1

package/dist/MenuSetting-CQxD3M9k.js

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