@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/MenuSetting-DF-cJH7N.js

@@ -0,0 +1,1228 @@
+import { defineComponent as E, onUnmounted as we, computed as V, resolveComponent as C, openBlock as i, createElementBlock as h, createVNode as u, unref as t, withCtx as v, createElementVNode as o, Fragment as O, renderList as W, createBlock as S, createCommentVNode as U, ref as P, watch as Qe, h as N, withModifiers as M, toDisplayString as w, shallowRef as ke, mergeProps as Xe, withDirectives as Ye } from "vue";
+import { useI18n as q } from "@feedmepos/mf-common";
+import { _ as Ze } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as ae, d as et } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { u as ne } from "./useActionFeedback-DoFeBFpl.js";
+import { b as Ce, u as H, r as re, a as tt } from "./provide-Tmjfji09.js";
+import { useDialogChild as lt, useDialog as ce, components as oe, useBreakpoints as at } from "@feedmepos/ui-library";
+import { _ as Fe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Se } from "./app-Bd7W2PYm.js";
+import { _ as $e } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { _ as ot } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
+import { u as he } from "./useEditorValidation-Ctef5Bxt.js";
+import { r as nt, a as xe } from "./ruleValueKey-BF52PuHb.js";
+const st = {
+  key: 0,
+  class: "space-y-32 max-w-[750px] xs:p-16"
+}, ut = {
+  key: 0,
+  class: "pl-32 space-x-8"
+}, it = { class: "space-y-16" }, rt = /* @__PURE__ */ E({
+  __name: "ConfigurationTab",
+  props: {
+    sdk: {}
+  },
+  setup(L) {
+    const p = L, { t: e } = q(), f = Ce(), { run: F } = ne(), g = p.sdk.menuSetting.configuration();
+    we(() => g.dispose());
+    const d = H(g), m = V(
+      () => d.value.status === "ready" ? d.value.value : null
+    ), A = V(() => {
+      var $;
+      const x = (($ = m.value) == null ? void 0 : $.lowStockThreshold) ?? "";
+      if (x.trim() === "") return null;
+      const r = Number(x);
+      return Number.isNaN(r) ? null : r;
+    });
+    async function B() {
+      await F(() => g.submit(), {
+        successMessage: e("menu.menu_setting.fields.low_stock.updated"),
+        // A non-integer threshold is decided locally and never reaches the wire,
+        // so a loading toast here would show an indicator legacy never had.
+        showLoading: () => {
+          var x;
+          return ((x = m.value) == null ? void 0 : x.status) === "submitting";
+        }
+      });
+    }
+    return (x, r) => {
+      const $ = C("FmRadio"), b = C("FmRadioGroup"), c = C("FmCheckbox"), D = C("FmSwitch"), J = C("FmStepperField"), Q = C("FmButton");
+      return m.value ? (i(), h("div", st, [
+        u(ae, {
+          title: t(e)("menu.tax_setting.title")
+        }, {
+          default: v(() => [
+            o("div", null, [
+              u(b, {
+                "model-value": m.value.taxMode,
+                "onUpdate:modelValue": r[0] || (r[0] = (y) => t(g).setTaxMode(y))
+              }, {
+                default: v(() => [
+                  u($, {
+                    value: "automatic",
+                    label: t(e)("menu.setting.tax.modes.auto.label"),
+                    sublabel: t(e)("menu.setting.tax.modes.auto.sublabel")
+                  }, null, 8, ["label", "sublabel"]),
+                  u($, {
+                    value: "manual",
+                    label: t(e)("menu.setting.tax.modes.manual.label"),
+                    sublabel: t(e)("menu.setting.tax.modes.manual.sublabel")
+                  }, null, 8, ["label", "sublabel"])
+                ]),
+                _: 1
+              }, 8, ["model-value"]),
+              m.value.taxMode === "manual" ? (i(), h("div", ut, [
+                (i(!0), h(O, null, W(m.value.taxSystems, (y) => (i(), S(c, {
+                  key: y.systemCode,
+                  "model-value": y.inclusive,
+                  value: !0,
+                  label: t(e)("menu.setting.tax.inclusive", { code: y.systemCode }),
+                  "onUpdate:modelValue": (j) => t(g).setTaxInclusive(y.systemCode, !!j)
+                }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+              ])) : U("", !0)
+            ]),
+            m.value.statutoryChargeWaivers.length > 0 ? (i(), S(Ze, {
+              key: 0,
+              label: t(e)("menu.catalog.form.statutory_charges.title")
+            }, {
+              default: v(() => [
+                o("div", it, [
+                  (i(!0), h(O, null, W(m.value.statutoryChargeWaivers, (y) => (i(), S(D, {
+                    key: y.code,
+                    "model-value": y.waived,
+                    label: t(e)("menu.catalog.form.statutory_charges.waive", {
+                      name: y.name
+                    }),
+                    sublabel: t(e)("menu.menu_setting.statutory_charges.sublabel"),
+                    "label-placement": "right",
+                    "onUpdate:modelValue": (j) => t(g).setStatutoryChargeWaived(y.code, j)
+                  }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])) : U("", !0)
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        u(ae, {
+          title: t(e)("menu.menu_setting.fields.low_stock.title"),
+          "sub-title": t(e)("menu.menu_setting.fields.low_stock.subtitle")
+        }, {
+          default: v(() => [
+            u(J, {
+              "model-value": A.value,
+              min: 0,
+              max: 1e3,
+              step: 1,
+              placeholder: t(e)("menu.menu_setting.fields.low_stock.not_set"),
+              "error-messages": m.value.lowStockIssue ? [t(f)(m.value.lowStockIssue)] : [],
+              "helper-text": t(e)("menu.menu_setting.fields.low_stock.helper_text"),
+              "onUpdate:modelValue": r[1] || (r[1] = (y) => t(g).setLowStockThreshold(
+                y == null ? "" : String(y)
+              ))
+            }, null, 8, ["model-value", "placeholder", "error-messages", "helper-text"])
+          ]),
+          _: 1
+        }, 8, ["title", "sub-title"]),
+        u(Q, {
+          label: t(e)("menu.common.actions.save"),
+          disabled: m.value.submit.state !== "allowed",
+          loading: m.value.status === "submitting",
+          onClick: B
+        }, null, 8, ["label", "disabled", "loading"])
+      ])) : U("", !0);
+    };
+  }
+}), ct = /* @__PURE__ */ E({
+  __name: "AddMemberTierDialog",
+  setup(L) {
+    const { t: p } = q(), { emitData: e } = lt(), f = P("");
+    return Qe(f, (F) => e(F)), (F, g) => {
+      const d = C("FmTextField");
+      return i(), S(d, {
+        modelValue: f.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (m) => f.value = m),
+        label: t(p)("menu.member_pricing.name_title")
+      }, null, 8, ["modelValue", "label"]);
+    };
+  }
+}), dt = /* @__PURE__ */ E({
+  __name: "MemberPricingTab",
+  props: {
+    sdk: {}
+  },
+  setup(L) {
+    const p = L, { t: e } = q(), f = ce(), { run: F } = ne(), g = H(p.sdk.memberPricing.list), d = V(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), m = V(() => {
+      var r;
+      return [...((r = d.value) == null ? void 0 : r.rows) ?? []];
+    });
+    function A() {
+      var r;
+      ((r = d.value) == null ? void 0 : r.create.state) === "allowed" && f.open({
+        // The dialog wears the TAB's title, not an "Add…" phrasing — unlike
+        // the Price group tab beside it (`member-pricing/create/dialog-open`).
+        title: e("menu.member_pricing.title"),
+        contentComponent: ct,
+        primaryActions: {
+          text: e("menu.category.manager.dialog.add.action"),
+          close: !1
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async ($) => {
+        (await F(
+          // An untouched field never emits, so it arrives as `undefined`. It is
+          // forwarded as the empty string rather than defended against here:
+          // whether an empty name is submittable is the SDK's rule.
+          () => p.sdk.memberPricing.create(String($ ?? "")),
+          {
+            // The success copy INTERPOLATES the tier name, unlike the Price
+            // group tab's generic line. The name comes back from the outcome
+            // rather than from the typed input, so the message can only ever
+            // describe the tier the write actually established.
+            successMessage: (c) => e("menu.member_pricing.add_member_tier_success", {
+              name: c.key
+            }),
+            // Two rejections settle here without a round trip and legacy shows
+            // no pending pill for either: the empty name is silent altogether
+            // (`member-pricing/create/empty-name`, frozen `silentDrop: true`),
+            // and the duplicate is refused client-side before any request
+            // (`member-pricing/create/duplicate-name`). The duplicate's issue
+            // is unanchored, so `useActionFeedback` opens its bottom error
+            // toast; the empty name's is field-anchored, so nothing renders.
+            //
+            // Whether the write reached the wire is READ FROM THE SDK, never
+            // recomputed here. `run` evaluates this after the intent has
+            // started, and the facade flips `create` to `disabled`
+            // synchronously before it awaits the transport while returning both
+            // local rejections without ever starting a write — so this is the
+            // SDK's own answer, and it keeps answering correctly if either
+            // guard ever moves.
+            showLoading: () => {
+              var c;
+              return ((c = d.value) == null ? void 0 : c.create.state) !== "allowed";
+            }
+          }
+        )).kind === "success" && f.close();
+      });
+    }
+    function B(r) {
+      r.remove.state === "allowed" && f.open({
+        title: e("menu.member_pricing.delete_dialog.title"),
+        // Names the tier and says nothing about which products are priced
+        // against it, because legacy runs no reference check
+        // (`member-pricing/delete/confirmation`).
+        message: e("menu.member_pricing.delete_dialog.message", {
+          name: r.key
+        }),
+        primaryActions: {
+          text: e("menu.common.actions.remove"),
+          close: !1
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        (await F(
+          () => p.sdk.memberPricing.remove(r.key),
+          {
+            // Generic, where create interpolates. That inconsistency is
+            // internal to this unit and is reproduced, not tidied.
+            successMessage: e("menu.member_pricing.delete_dialog.success")
+          }
+        )).kind === "success" && f.close();
+      });
+    }
+    const x = V(() => [
+      {
+        accessorKey: "key",
+        enableSorting: !1,
+        header: () => e("menu.member_pricing.table.columns.name")
+      },
+      {
+        id: "actions",
+        size: 50,
+        enableSorting: !1,
+        header: "",
+        // Legacy's control is icon-only with NO accessible name; the name is an
+        // addition the new app owns. It is the screen-reader name, not a
+        // locator: "Remove member tier" contains no "delete", unlike the Price
+        // group tab's label, and must not be renamed toward one.
+        cell: (r) => N("div", { class: "flex justify-end px-4" }, [
+          N(oe.FmButton, {
+            icon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": e("menu.member_pricing.table.actions.delete"),
+            disabled: r.row.original.remove.state !== "allowed",
+            onClick: M(
+              () => B(r.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    return (r, $) => {
+      const b = C("FmButton"), c = C("FmTable");
+      return d.value ? (i(), S($e, {
+        key: 0,
+        heading: t(e)("menu.member_pricing.title"),
+        subheading: t(e)("menu.member_pricing.description")
+      }, {
+        "append-heading": v(() => [
+          d.value.rows.length > 0 ? (i(), S(b, {
+            key: 0,
+            label: t(e)("menu.member_pricing.add_member_tier"),
+            disabled: d.value.create.state !== "allowed",
+            "prepend-icon": "add",
+            onClick: A
+          }, null, 8, ["label", "disabled"])) : U("", !0)
+        ]),
+        default: v(() => [
+          d.value.rows.length === 0 ? (i(), S(t(Fe), {
+            key: 0,
+            action: {
+              text: t(e)("menu.member_pricing.add_member_tier"),
+              callback: A
+            },
+            subtitle: t(e)("menu.member_pricing.empty.subtitle"),
+            title: t(e)("menu.member_pricing.empty.title")
+          }, null, 8, ["action", "subtitle", "title"])) : (i(), S(Se, { key: 1 }, {
+            default: v(() => [
+              u(c, {
+                "column-defs": x.value,
+                "page-size": d.value.rows.length,
+                "row-data": m.value,
+                "shrink-at": !1,
+                "hide-footer": "",
+                "pin-header-row": ""
+              }, null, 8, ["column-defs", "page-size", "row-data"])
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["heading", "subheading"])) : U("", !0);
+    };
+  }
+}), mt = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, pt = { class: "flex items-center justify-between gap-16" }, _t = { class: "fm-typo-en-title-md-600" }, vt = { class: "text-fm-color-typo-secondary" }, gt = /* @__PURE__ */ E({
+  __name: "PriceGroupTab",
+  props: {
+    sdk: {}
+  },
+  setup(L) {
+    const p = L, { t: e } = q(), f = ce(), { run: F } = ne(), g = H(p.sdk.priceTier.list), d = V(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), m = V(() => {
+      var r;
+      return [...((r = d.value) == null ? void 0 : r.rows) ?? []];
+    });
+    function A() {
+      var r;
+      ((r = d.value) == null ? void 0 : r.create.state) === "allowed" && f.open({
+        title: e("menu.price_tier.add_price_group"),
+        contentComponent: ot,
+        primaryActions: {
+          text: e("menu.category.manager.dialog.add.action"),
+          close: !1
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async ($) => {
+        (await F(
+          // An untouched field never emits, so it arrives as `undefined`. It is
+          // forwarded as the empty string rather than defended against here:
+          // whether an empty title is submittable is the SDK's rule.
+          () => p.sdk.priceTier.create(String($ ?? "")),
+          {
+            successMessage: e("menu.price_tier.add_price_group_success"),
+            // The empty title is refused locally with no request, and legacy
+            // shows NOTHING for it — no pending pill, no toast, no inline error
+            // (`price-tier/create/empty-title`, frozen `silentDrop: true`). The
+            // rejection's issue is field-anchored, so `useActionFeedback` opens
+            // no snackbar for it; suppressing the spinner is what keeps the rest
+            // of that silence.
+            //
+            // Whether the write reached the wire is READ FROM THE SDK, never
+            // recomputed here. `run` evaluates this after the
+            // intent has started, and the facade flips `create` to `disabled`
+            // synchronously before it awaits the transport while returning a
+            // local rejection without ever starting a write — so this is the
+            // SDK's own answer, and it keeps answering correctly if the
+            // submittability rule ever moves.
+            showLoading: () => {
+              var c;
+              return ((c = d.value) == null ? void 0 : c.create.state) !== "allowed";
+            }
+          }
+        )).kind === "success" && f.close();
+      });
+    }
+    function B(r) {
+      r.remove.state === "allowed" && f.open({
+        title: e("menu.price_tier.delete_dialog.title"),
+        message: e("menu.price_tier.delete_dialog.message", { name: r.key }),
+        primaryActions: {
+          text: e("menu.common.actions.remove"),
+          close: !1
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        (await F(
+          () => p.sdk.priceTier.remove(r.key),
+          { successMessage: e("menu.price_tier.delete_dialog.success") }
+        )).kind === "success" && f.close();
+      });
+    }
+    const x = V(() => [
+      {
+        accessorKey: "key",
+        enableSorting: !1,
+        header: () => e("menu.price_tier.settings_table.columns.name")
+      },
+      {
+        id: "actions",
+        size: 50,
+        enableSorting: !1,
+        header: "",
+        // Legacy's control is icon-only with NO accessible name; the name is an
+        // addition the new app owns, naming the control for a screen reader.
+        cell: (r) => N("div", { class: "flex justify-end px-4" }, [
+          N(oe.FmButton, {
+            icon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": e("menu.price_tier.settings_table.actions.delete"),
+            disabled: r.row.original.remove.state !== "allowed",
+            onClick: M(
+              () => B(r.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    return (r, $) => {
+      const b = C("FmButton"), c = C("FmTable");
+      return d.value ? (i(), h("div", mt, [
+        o("div", pt, [
+          o("div", null, [
+            o("h1", _t, w(t(e)("menu.price_tier.price_group")), 1),
+            o("p", vt, w(t(e)("menu.price_tier.description")), 1)
+          ]),
+          u(b, {
+            label: t(e)("menu.price_tier.add_price_group"),
+            disabled: d.value.create.state !== "allowed",
+            "prepend-icon": "add",
+            onClick: A
+          }, null, 8, ["label", "disabled"])
+        ]),
+        u(c, {
+          "column-defs": x.value,
+          "page-size": Math.max(d.value.rows.length, 1),
+          "row-data": m.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": ""
+        }, null, 8, ["column-defs", "page-size", "row-data"])
+      ])) : U("", !0);
+    };
+  }
+}), bt = { key: 0 }, ft = {
+  key: 0,
+  class: "space-y-8"
+}, yt = { class: "flex items-center justify-between" }, kt = { class: "fm-typo-en-title-md-600" }, ht = { class: "text-fm-color-typo-secondary" }, xt = { class: "flex justify-end items-center" }, wt = { class: "w-[320px]" }, Ct = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+}, Ft = { class: "flex items-center justify-between p-8" }, St = { class: "flex-1 mr-8" }, $t = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Vt = ["onClick"], Rt = { class: "flex-1 space-y-4" }, Tt = { class: "fm-typo-en-body-lg-600" }, Mt = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ut = { class: "fm-typo-en-title-md-600 mr-auto" }, At = { class: "py-8 px-8 overflow-y-auto space-y-24" }, Lt = { class: "space-y-16" }, Bt = { class: "rule-item" }, It = { class: "flex items-center space-x-16" }, Pt = { class: "flex flex-col min-w-0 w-full" }, jt = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Gt = { class: "flex items-center justify-between pb-8" }, Dt = { class: "text-fm-color-neutral-gray-300" }, zt = { class: "flex gap-8" }, Ot = { class: "flex flex-col space-y-8" }, Nt = { class: "fm-typo-en-body-lg-600" }, Et = { class: "w-24" }, qt = { class: "flex w-full fm-typo-en-body-lg-400 space-x-8 overflow-hidden" }, Kt = { class: "whitespace-nowrap" }, Wt = { class: "fm-typo-en-body-lg-600 whitespace-nowrap" }, Ht = ["onClick"], Jt = {
+  key: 0,
+  class: "flex items-center select-none ml-16"
+}, Qt = { class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300" }, Xt = { class: "flex gap-8 items-center justify-start" }, Yt = { class: "flex items-center gap-24" }, Zt = { class: "fm-typo-en-headline-lg-600" }, el = { class: "p-16 flex flex-col gap-16" }, tl = { class: "fm-typo-en-body-lg-600" }, ll = { class: "flex flex-col gap-16" }, al = { class: "flex w-full justify-between gap-16" }, ol = {
+  key: 0,
+  class: "flex w-full [&>*]:w-full"
+}, nl = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, sl = { class: "flex gap-16 items-center" }, ul = /* @__PURE__ */ E({
+  __name: "RuleGroupsTab",
+  props: {
+    sdk: {}
+  },
+  setup(L) {
+    const p = L, { t: e } = q(), f = {
+      mounted: (l, a) => {
+        var n;
+        (n = l.querySelector("input")) == null || n.setAttribute("aria-label", a.value);
+      },
+      updated: (l, a) => {
+        var n;
+        (n = l.querySelector("input")) == null || n.setAttribute("aria-label", a.value);
+      }
+    }, F = Ce(), g = ce(), { run: d } = ne(), { breakpoints: m } = at(), A = V(() => m.value.xs), B = H(
+      p.sdk.menuSetting.ruleGroupList
+    ), x = V(
+      () => B.value.status === "ready" ? B.value.value : null
+    ), r = V(() => {
+      var l;
+      return [...((l = x.value) == null ? void 0 : l.rows) ?? []];
+    }), $ = P(!1), b = ke(null), c = ke(null), D = he(() => b.value), J = V(
+      () => c.value ? D.issue(c.value.fieldIssues, "name") ?? c.value.nameIssue : null
+    ), Q = V(
+      () => c.value ? D.issue(c.value.fieldIssues, "rules") ?? c.value.rulesIssue : null
+    );
+    let y = null;
+    function j(l) {
+      z();
+      const a = p.sdk.menuSetting.ruleGroupEditor(l);
+      b.value = a, y = a.subscribe(
+        (n) => {
+          c.value = n.status === "ready" ? n.value : null;
+        }
+      ), $.value = !0;
+    }
+    function z() {
+      var l;
+      I.value = !1, y == null || y(), y = null, (l = b.value) == null || l.dispose(), b.value = null, c.value = null, $.value = !1;
+    }
+    we(() => z());
+    function Ve() {
+      var l;
+      if (!((l = c.value) != null && l.dirty)) {
+        z();
+        return;
+      }
+      g.open({
+        title: e("menu.common.dialog.dismiss.title"),
+        message: e("menu.common.dialog.dismiss.message"),
+        primaryActions: {
+          text: e("menu.common.dialog.dismiss.discard"),
+          close: !0
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => z());
+    }
+    const I = P(!1), X = P(null), de = P(!1), G = P([]), me = he(
+      () => I.value ? X.value ?? "new" : null
+    ), Y = P(""), Z = P("");
+    let pe = 0;
+    function ee() {
+      return pe += 1, {
+        key: `condition-${pe}`,
+        attribute: null,
+        operator: null,
+        values: []
+      };
+    }
+    const _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"
+      }
+    ], Re = V(
+      () => _e.map((l) => ({ label: e(l.label), value: l.value }))
+    );
+    function Te(l) {
+      var n;
+      const a = (n = _e.find((k) => k.value === l)) == null ? void 0 : n.label;
+      return a ? e(a) : "";
+    }
+    function ve(l) {
+      var a;
+      return (((a = c.value) == null ? void 0 : a.attributeOptions) ?? []).find(
+        (n) => n.key === l
+      ) ?? null;
+    }
+    function Me(l) {
+      var k;
+      const a = G.value.filter((R) => R.key !== l.key).map((R) => R.attribute), n = Y.value.trim().toLowerCase();
+      return (((k = c.value) == null ? void 0 : k.attributeOptions) ?? []).filter((R) => !a.includes(R.key)).map((R) => ({
+        label: e(R.label, R.labelParams ?? {}),
+        value: R.key
+      })).filter((R) => !n || R.label.toLowerCase().includes(n));
+    }
+    function Ue(l) {
+      var n;
+      const a = Z.value.trim().toLowerCase();
+      return (((n = ve(l.attribute)) == null ? void 0 : n.values) ?? []).map((k) => ({
+        // Display text, not a code: a value is business data shown verbatim.
+        label: k.label,
+        // FmSelect needs a primitive; a value travels as its key.
+        value: xe(k.value),
+        selected: l.values.includes(k.value)
+      })).filter(
+        (k) => !a || k.label.toLowerCase().includes(a) || // A chosen value stays listed while filtering, so FmSelect keeps it.
+        k.selected
+      ).map(({ label: k, value: R }) => ({ label: k, value: R }));
+    }
+    function Ae(l) {
+      const a = ve(l.attribute);
+      return l.values.map(
+        (n) => {
+          var k;
+          return ((k = a == null ? void 0 : a.values.find((R) => R.value === n)) == null ? void 0 : k.label) ?? String(n);
+        }
+      ).join(", ");
+    }
+    function ge() {
+      return G.value.map((l) => ({
+        attribute: l.attribute,
+        operator: l.operator,
+        values: [...l.values]
+      }));
+    }
+    const Le = V(
+      () => {
+        var l;
+        return ((l = b.value) == null ? void 0 : l.conditionFieldIssues(ge())) ?? {};
+      }
+    );
+    function K(l, a) {
+      return me.issue(
+        Le.value,
+        `conditions.${l}.${a}`
+      );
+    }
+    function te(l) {
+      X.value = (l == null ? void 0 : l.id) ?? null, de.value = !!l && l.conditions.length > 0, G.value = l != null && l.conditions.length ? l.conditions.map((a) => ({
+        ...ee(),
+        attribute: a.attribute,
+        operator: a.operator,
+        values: [...a.values]
+      })) : [ee()], Y.value = "", Z.value = "", I.value = !0;
+    }
+    function Be() {
+      G.value = [...G.value, ee()];
+    }
+    function Ie(l) {
+      const a = G.value.filter((n) => n.key !== l);
+      G.value = a.length > 0 ? a : [ee()];
+    }
+    function Pe(l, a) {
+      l.attribute = a, l.values = [];
+    }
+    function je(l) {
+      return re(l.operator) === "text";
+    }
+    function Ge(l, a) {
+      const n = re(l.operator);
+      l.operator = a, re(l.operator) !== n && (l.values = []);
+    }
+    function De() {
+      if (!b.value) return;
+      const l = ge(), a = X.value ? b.value.updateRule(X.value, l) : b.value.addRule(l);
+      if (a.kind === "rejected") {
+        me.submit(
+          async () => ({ kind: "rejected", issues: a.issues })
+        );
+        return;
+      }
+      I.value = !1;
+    }
+    function ze(l) {
+      return `${e("menu.rule_groups.condition_view.rule")} ${l + 1}`;
+    }
+    const le = V(
+      () => {
+        var l;
+        return (((l = c.value) == null ? void 0 : l.rules) ?? []).map((a) => ({ id: a.id, rule: a }));
+      }
+    );
+    function Oe(l) {
+      var a;
+      (a = b.value) == null || a.reorderRules(l.map((n) => n.id));
+    }
+    function Ne(l) {
+      var a;
+      (a = b.value) == null || a.duplicateRule(l);
+    }
+    function Ee(l) {
+      var a;
+      (a = b.value) == null || a.removeRule(l), D.touch("rules");
+    }
+    async function qe() {
+      const l = b.value;
+      if (!l) return;
+      (await d(
+        () => D.submit(() => l.submit()),
+        {
+          successMessage: e("menu.rule_groups.saved_successfully"),
+          showLoading: () => {
+            var n;
+            return ((n = c.value) == null ? void 0 : n.status) === "submitting";
+          }
+        }
+      )).kind === "success" && z();
+    }
+    async function Ke(l) {
+      await d(() => p.sdk.menuSetting.copyRuleGroup(l.id), {
+        successMessage: e("menu.rule_groups.saved_successfully")
+      });
+    }
+    function be(l) {
+      g.open({
+        title: e("menu.rule_groups.delete_dialog.title"),
+        message: e("menu.rule_groups.delete_dialog.message", {
+          name: l.name
+        }),
+        // Destructive, as legacy renders it (`LinkProductRuleGroups.vue:123`).
+        primaryActions: {
+          text: e("menu.common.actions.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: e("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await d(() => p.sdk.menuSetting.removeRuleGroup(l.id), {
+          successMessage: e("menu.rule_groups.saved_successfully")
+        }), g.close();
+      });
+    }
+    const We = V(() => [
+      {
+        accessorKey: "name",
+        enableSorting: !0,
+        header: () => e("menu.rule_groups.table.columns.name")
+      },
+      {
+        accessorKey: "description",
+        enableSorting: !1,
+        header: () => e("menu.rule_groups.table.columns.description")
+      },
+      {
+        id: "actions",
+        size: 100,
+        enableSorting: !1,
+        header: "",
+        // Both actions are icon-only in legacy and carry NO accessible name.
+        // The new app gives them one here; without it neither a locator nor a
+        // screen reader can tell them apart.
+        cell: (l) => N("div", { class: "px-4 flex justify-end" }, [
+          N(oe.FmButton, {
+            icon: "file_copy",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": e("menu.menu_setting.rule_groups.copy_action"),
+            disabled: l.row.original.copy.state !== "allowed",
+            onClick: M(
+              () => Ke(l.row.original),
+              ["stop", "prevent"]
+            )
+          }),
+          N(oe.FmButton, {
+            icon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": e("menu.menu_setting.rule_groups.delete_action"),
+            disabled: l.row.original.remove.state !== "allowed",
+            onClick: M(
+              () => be(l.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    return (l, a) => {
+      const n = C("FmButton"), k = C("FmSearch"), R = C("FmTable"), se = C("FmTextField"), He = C("FmMenu"), Je = C("FmHelperText"), fe = C("FmSideSheet"), ue = C("FmSelect");
+      return x.value ? (i(), h("div", bt, [
+        A.value ? (i(), h("div", Ct, [
+          o("div", Ft, [
+            o("div", St, [
+              u(k, {
+                "model-value": x.value.query,
+                autofocus: "",
+                class: "w-full",
+                placeholder: t(e)("menu.rule_groups.search_placeholder"),
+                "onUpdate:modelValue": a[3] || (a[3] = (s) => l.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
+              }, null, 8, ["model-value", "placeholder"])
+            ]),
+            u(n, {
+              icon: "add",
+              variant: "secondary",
+              "aria-label": t(e)("menu.rule_groups.create_group"),
+              disabled: x.value.create.state !== "allowed",
+              onClick: a[4] || (a[4] = (s) => j())
+            }, null, 8, ["aria-label", "disabled"])
+          ]),
+          o("div", $t, [
+            (i(!0), h(O, null, W(x.value.rows, (s) => (i(), h("div", {
+              key: s.id,
+              class: "flex flex-row py-12 px-16 cursor-pointer",
+              onClick: (T) => j(s.id)
+            }, [
+              o("div", Rt, [
+                o("p", Tt, w(s.name), 1),
+                s.description ? (i(), h("p", Mt, w(s.description), 1)) : U("", !0)
+              ]),
+              u(n, {
+                "text-color": "neutral-gray-400",
+                variant: "tertiary",
+                icon: "delete",
+                "aria-label": t(e)("menu.menu_setting.rule_groups.delete_action"),
+                disabled: s.remove.state !== "allowed",
+                onClick: M((T) => be(s), ["stop"])
+              }, null, 8, ["aria-label", "disabled", "onClick"])
+            ], 8, Vt))), 128))
+          ])
+        ])) : (i(), h("div", ft, [
+          o("div", yt, [
+            o("div", null, [
+              o("h1", kt, w(t(e)("menu.rule_groups.title")), 1),
+              o("p", ht, w(t(e)("menu.rule_groups.description")), 1)
+            ]),
+            u(n, {
+              label: t(e)("menu.rule_groups.create_group"),
+              "prepend-icon": "add",
+              disabled: x.value.create.state !== "allowed",
+              onClick: a[0] || (a[0] = (s) => j())
+            }, null, 8, ["label", "disabled"])
+          ]),
+          o("div", xt, [
+            o("div", wt, [
+              u(k, {
+                "model-value": x.value.query,
+                autofocus: "",
+                class: "mb-8",
+                placeholder: t(e)("menu.rule_groups.search_placeholder"),
+                "onUpdate:modelValue": a[1] || (a[1] = (s) => l.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
+              }, null, 8, ["model-value", "placeholder"])
+            ])
+          ]),
+          u(Se, null, {
+            default: v(() => [
+              u(R, {
+                "column-defs": We.value,
+                "row-data": r.value,
+                "page-size": Math.max(r.value.length, 1),
+                "hide-footer": "",
+                onRowClick: a[2] || (a[2] = (s) => j(s.original.id))
+              }, null, 8, ["column-defs", "row-data", "page-size"])
+            ]),
+            _: 1
+          })
+        ])),
+        $.value && c.value ? (i(), S(fe, {
+          key: 2,
+          "model-value": $.value,
+          "max-width": 760,
+          "onOn:clickedAway": Ve
+        }, {
+          "side-sheet-header": v(() => [
+            u(n, {
+              variant: "tertiary",
+              class: "cursor-pointer mr-4",
+              "prepend-icon": "arrow_back",
+              "aria-label": t(e)("menu.common.actions.back"),
+              onClick: z
+            }, null, 8, ["aria-label"]),
+            o("p", Ut, w(c.value.mode === "create" ? t(e)("menu.rule_groups.create_group") : t(e)("menu.rule_groups.edit_group")), 1)
+          ]),
+          "side-sheet-footer": v(() => [
+            o("div", Xt, [
+              u(n, {
+                label: t(e)("menu.common.actions.save"),
+                size: "lg",
+                variant: "primary",
+                disabled: c.value.submit.state !== "allowed",
+                loading: c.value.status === "submitting",
+                onClick: qe
+              }, null, 8, ["label", "disabled", "loading"]),
+              u(n, {
+                label: t(e)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: z
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: v(() => [
+            o("div", At, [
+              u(ae, {
+                title: t(e)("menu.rule_groups.form.basic_info")
+              }, {
+                default: v(() => [
+                  o("div", Lt, [
+                    u(se, Xe(
+                      {
+                        "model-value": c.value.name,
+                        label: t(e)("menu.rule_groups.form.name"),
+                        "label-mark": "required",
+                        placeholder: t(e)("menu.rule_groups.form.name_placeholder"),
+                        "error-messages": J.value ? [t(F)(J.value)] : []
+                      },
+                      t(D).field(
+                        "name",
+                        (s) => {
+                          var T;
+                          return (T = b.value) == null ? void 0 : T.setName(String(s ?? ""));
+                        }
+                      )
+                    ), null, 16, ["model-value", "label", "placeholder", "error-messages"]),
+                    u(se, {
+                      "model-value": c.value.description,
+                      label: t(e)("menu.rule_groups.form.description"),
+                      "label-mark": "optional",
+                      placeholder: t(e)("menu.rule_groups.form.description_placeholder"),
+                      "onUpdate:modelValue": a[5] || (a[5] = (s) => {
+                        var T;
+                        return (T = b.value) == null ? void 0 : T.setDescription(String(s ?? ""));
+                      })
+                    }, null, 8, ["model-value", "label", "placeholder"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              u(ae, {
+                title: t(e)("menu.rule_groups.form.rules"),
+                "sub-title": t(e)("menu.rule_groups.form.rules_description")
+              }, {
+                default: v(() => [
+                  le.value.length > 0 ? (i(), h(O, { key: 0 }, [
+                    u(t(et), {
+                      "model-value": le.value,
+                      "item-key": "id",
+                      handle: ".rule-drag-handle",
+                      "onUpdate:modelValue": Oe
+                    }, {
+                      item: v(({ element: s, index: T }) => [
+                        o("div", Bt, [
+                          o("div", It, [
+                            u(n, {
+                              class: "rule-drag-handle cursor-grab",
+                              variant: "tertiary",
+                              "prepend-icon": "drag_indicator",
+                              "aria-label": t(e)("menu.menu_setting.rule_groups.reorder_rule")
+                            }, null, 8, ["aria-label"]),
+                            o("div", Pt, [
+                              o("div", jt, [
+                                o("div", Gt, [
+                                  o("p", Dt, w(ze(T)), 1),
+                                  o("div", zt, [
+                                    u(n, {
+                                      variant: "tertiary",
+                                      class: "cursor-pointer",
+                                      "prepend-icon": "edit",
+                                      "text-color": "primary",
+                                      "aria-label": t(e)("menu.link_product.rules.edit_rule"),
+                                      onClick: M((_) => te(s.rule), ["stop"])
+                                    }, null, 8, ["aria-label", "onClick"]),
+                                    u(n, {
+                                      variant: "tertiary",
+                                      class: "cursor-pointer",
+                                      "prepend-icon": "file_copy",
+                                      "text-color": "primary",
+                                      "aria-label": t(e)("menu.menu_setting.rule_groups.copy_rule"),
+                                      onClick: M((_) => Ne(s.id), ["stop"])
+                                    }, null, 8, ["aria-label", "onClick"]),
+                                    u(n, {
+                                      variant: "tertiary",
+                                      class: "cursor-pointer",
+                                      "prepend-icon": "delete",
+                                      "text-color": "typo-error",
+                                      "aria-label": t(e)("menu.menu_setting.rule_groups.remove_rule"),
+                                      onClick: M((_) => Ee(s.id), ["stop"])
+                                    }, null, 8, ["aria-label", "onClick"])
+                                  ])
+                                ]),
+                                o("div", Ot, [
+                                  o("p", Nt, w(t(e)("menu.rule_groups.condition_view.when")), 1),
+                                  (i(!0), h(O, null, W(s.rule.conditions, (_, ye) => (i(), h("div", {
+                                    key: ye,
+                                    class: "flex w-full items-center space-x-8"
+                                  }, [
+                                    o("p", Et, w(ye + 1) + ".", 1),
+                                    o("div", qt, [
+                                      o("p", Kt, w(t(e)(
+                                        _.attributeLabel,
+                                        _.attributeLabelParams ?? {}
+                                      )), 1),
+                                      o("p", Wt, w(Te(_.operator)), 1),
+                                      u(He, {
+                                        trigger: "hover",
+                                        "close-on-mouse-leave": ""
+                                      }, {
+                                        "menu-button": v(() => [
+                                          o("p", {
+                                            class: "text-fm-color-primary underline underline-offset-2 cursor-pointer truncate",
+                                            onClick: M((ie) => te(s.rule), ["stop"])
+                                          }, w(_.valueLabels.join(", ")), 9, Ht)
+                                        ]),
+                                        default: v(() => [
+                                          (i(!0), h(O, null, W(_.valueLabels, (ie) => (i(), h("div", {
+                                            key: ie,
+                                            class: "flex flex-col px-8 space-y-8"
+                                          }, [
+                                            o("p", null, w(ie), 1)
+                                          ]))), 128))
+                                        ]),
+                                        _: 2
+                                      }, 1024)
+                                    ])
+                                  ]))), 128))
+                                ])
+                              ])
+                            ])
+                          ]),
+                          le.value.length > 1 && T < le.value.length - 1 ? (i(), h("div", Jt, [
+                            o("span", Qt, w(t(e)("menu.rule_groups.condition_view.or")), 1)
+                          ])) : U("", !0)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["model-value"]),
+                    o("div", null, [
+                      u(n, {
+                        variant: "primary",
+                        label: t(e)("menu.link_product.rules.add_rule"),
+                        "prepend-icon": "add",
+                        onClick: a[6] || (a[6] = M((s) => te(), ["stop"]))
+                      }, null, 8, ["label"])
+                    ])
+                  ], 64)) : (i(), S(t(Fe), {
+                    key: 1,
+                    title: "",
+                    subtitle: t(e)("menu.rule_groups.condition_view.empty_data.no_rule_available"),
+                    action: {
+                      text: t(e)("menu.link_product.rules.add_rule"),
+                      callback: () => te()
+                    }
+                  }, null, 8, ["subtitle", "action"])),
+                  Q.value ? (i(), S(Je, {
+                    key: 2,
+                    state: "error",
+                    text: t(F)(Q.value)
+                  }, null, 8, ["text"])) : U("", !0)
+                ]),
+                _: 1
+              }, 8, ["title", "sub-title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"])) : U("", !0),
+        I.value ? (i(), S(fe, {
+          key: 3,
+          "model-value": I.value,
+          "max-width": 760,
+          "close-button": !1,
+          "onOn:clickedAway": a[14] || (a[14] = (s) => I.value = !1)
+        }, {
+          "side-sheet-header": v(() => [
+            o("div", Yt, [
+              u(n, {
+                variant: "tertiary",
+                "prepend-icon": "arrow_back",
+                "aria-label": t(e)("menu.common.actions.back"),
+                onClick: a[7] || (a[7] = M((s) => I.value = !1, ["stop"]))
+              }, null, 8, ["aria-label"]),
+              o("div", Zt, w(de.value ? t(e)("menu.rule_groups.condition_view.edit_condition") : t(e)("menu.rule_groups.condition_view.add_condition")), 1)
+            ])
+          ]),
+          "side-sheet-footer": v(() => [
+            o("div", sl, [
+              u(n, {
+                variant: "primary",
+                label: t(e)("menu.common.actions.save"),
+                onClick: De
+              }, null, 8, ["label"]),
+              u(n, {
+                variant: "secondary",
+                label: t(e)("menu.common.actions.cancel"),
+                onClick: a[13] || (a[13] = M((s) => I.value = !1, ["stop"]))
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: v(() => [
+            o("div", el, [
+              o("p", tl, w(t(e)("menu.rule_groups.condition_view.condition")), 1),
+              o("div", ll, [
+                (i(!0), h(O, null, W(G.value, (s, T) => (i(), h("div", {
+                  key: s.key,
+                  class: "flex justify-between gap-8"
+                }, [
+                  o("div", al, [
+                    u(ue, {
+                      class: "flex w-full",
+                      "model-value": s.attribute,
+                      items: Me(s),
+                      placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
+                      "aria-label": t(e)("menu.menu_setting.rule_groups.condition.attribute"),
+                      "onUpdate:modelValue": (_) => Pe(s, _)
+                    }, {
+                      "prepend-menu": v(() => [
+                        o("div", {
+                          onClick: a[9] || (a[9] = M(() => {
+                          }, ["stop"]))
+                        }, [
+                          u(k, {
+                            modelValue: Y.value,
+                            "onUpdate:modelValue": a[8] || (a[8] = (_) => Y.value = _),
+                            class: "px-8",
+                            placeholder: t(e)("menu.menu_setting.rule_groups.filter_options")
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "items", "placeholder", "aria-label", "onUpdate:modelValue"]),
+                    u(ue, {
+                      class: "flex w-full",
+                      "model-value": s.operator,
+                      items: Re.value,
+                      placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
+                      "aria-label": t(e)("menu.menu_setting.rule_groups.condition.operator"),
+                      "error-messages": K(T, "operator") ? [t(F)(K(T, "operator"))] : [],
+                      "onUpdate:modelValue": (_) => Ge(s, _)
+                    }, null, 8, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]),
+                    je(s) ? Ye((i(), h("div", ol, [
+                      u(se, {
+                        "model-value": String(s.values[0] ?? ""),
+                        placeholder: t(e)("menu.menu_setting.rule_groups.condition.value"),
+                        "error-messages": K(T, "values") ? [t(F)(K(T, "values"))] : [],
+                        "onUpdate:modelValue": (_) => s.values = _ === "" || _ == null ? [] : [String(_)]
+                      }, null, 8, ["model-value", "placeholder", "error-messages", "onUpdate:modelValue"])
+                    ])), [
+                      [
+                        f,
+                        t(e)("menu.menu_setting.rule_groups.condition.value")
+                      ]
+                    ]) : (i(), S(ue, {
+                      key: 1,
+                      class: "flex w-full",
+                      "model-value": s.values.map(t(xe)),
+                      items: Ue(s),
+                      multiselect: "",
+                      "hide-chips": "",
+                      placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
+                      "aria-label": t(e)("menu.menu_setting.rule_groups.condition.value"),
+                      "error-messages": K(T, "values") ? [t(F)(K(T, "values"))] : [],
+                      "onUpdate:modelValue": (_) => s.values = _.map(t(nt))
+                    }, {
+                      default: v(() => [
+                        o("div", nl, w(Ae(s)), 1)
+                      ]),
+                      "prepend-menu": v(() => [
+                        o("div", {
+                          class: "flex",
+                          onClick: a[11] || (a[11] = M(() => {
+                          }, ["stop"]))
+                        }, [
+                          u(k, {
+                            modelValue: Z.value,
+                            "onUpdate:modelValue": a[10] || (a[10] = (_) => Z.value = _),
+                            class: "px-8",
+                            placeholder: t(e)("menu.menu_setting.rule_groups.filter_options")
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]))
+                  ]),
+                  u(n, {
+                    variant: "tertiary",
+                    "prepend-icon": "close",
+                    "aria-label": t(e)("menu.menu_setting.rule_groups.remove_condition"),
+                    onClick: M((_) => Ie(s.key), ["stop"])
+                  }, null, 8, ["aria-label", "onClick"])
+                ]))), 128)),
+                u(n, {
+                  variant: "plain",
+                  "prepend-icon": "add",
+                  label: t(e)("menu.rule_groups.condition_view.add_condition"),
+                  onClick: a[12] || (a[12] = M((s) => Be(), ["stop"]))
+                }, null, 8, ["label"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"])) : U("", !0)
+      ])) : U("", !0);
+    };
+  }
+}), il = { class: "flex h-full min-h-[240px] flex-col items-center justify-center gap-8 p-24 text-center" }, rl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, cl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dl = /* @__PURE__ */ E({
+  __name: "PlaceholderView",
+  props: {
+    module: {}
+  },
+  setup(L) {
+    const { t: p } = q();
+    return (e, f) => (i(), h("div", il, [
+      o("p", rl, w(e.module), 1),
+      o("p", cl, w(t(p)("menu.common.placeholder.not_migrated")), 1)
+    ]));
+  }
+}), ml = { class: "py-16" }, Sl = /* @__PURE__ */ E({
+  __name: "MenuSetting",
+  setup(L) {
+    const p = tt(), { t: e } = q(), f = H(p.menuSetting.tabs), F = {
+      configuration: "menu.menu_setting.tabs.menu_configuration",
+      priceGroup: "menu.menu_setting.tabs.price_group",
+      memberPricing: "menu.menu_setting.tabs.member_pricing",
+      ruleGroups: "menu.menu_setting.tabs.link_product_rule_groups"
+    }, g = V(
+      () => (f.value.status === "ready" ? f.value.value.tabs : []).filter((m) => m.capability.state !== "hidden").map((m) => ({
+        label: e(F[m.key]),
+        value: m.key
+      }))
+    ), d = P("configuration");
+    return (m, A) => {
+      const B = C("FmTabs");
+      return i(), S($e, {
+        heading: t(e)("menu.menu_setting.title")
+      }, {
+        default: v(() => [
+          u(B, {
+            "model-value": d.value,
+            items: g.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (x) => d.value = x)
+          }, null, 8, ["model-value", "items"]),
+          o("div", ml, [
+            d.value === "configuration" ? (i(), S(rt, {
+              key: 0,
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : d.value === "priceGroup" ? (i(), S(gt, {
+              key: 1,
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : d.value === "memberPricing" ? (i(), S(dt, {
+              key: 2,
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : d.value === "ruleGroups" ? (i(), S(ul, {
+              key: 3,
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : (i(), S(dl, {
+              key: 4,
+              module: t(e)(F[d.value])
+            }, null, 8, ["module"]))
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Sl as default
+};