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

package/dist/{MenuSetting-Oct3vbHj.js → MenuSetting-YcEGo51l.js}

@@ -1,112 +1,118 @@
-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 g, createElementVNode as o, Fragment as z, renderList as W, createBlock as F, createCommentVNode as M, ref as P, watch as Qe, h as N, withModifiers as U, 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 "./vuedraggable-CBtQLb_S.js";
-import { _ as tt } from "./SubItemTaxSwitch.vue_vue_type_script_setup_true_lang-DIFXPxna.js";
-import { u as ne } from "./useActionFeedback-CXx7dOVc.js";
-import { b as Ce, u as H, r as re, a as lt } from "./provide-Bwf3KcOV.js";
-import { useDialogChild as at, useDialog as ce, components as oe, useBreakpoints as ot } from "@feedmepos/ui-library";
-import { _ as Fe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Se } from "./app-C_XNYz8_.js";
-import { _ as $e } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as nt } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
-import { u as he } from "./useEditorValidation-Ctef5Bxt.js";
-import { r as st, a as xe } from "./ruleValueKey-BF52PuHb.js";
-const ut = {
+import { defineComponent as q, onUnmounted as Ce, computed as V, resolveComponent as F, openBlock as i, createElementBlock as x, createVNode as u, unref as t, withCtx as _, Fragment as N, renderList as H, createBlock as w, createCommentVNode as A, createElementVNode as o, ref as G, watch as Ye, h as E, withModifiers as M, toDisplayString as C, shallowRef as ke, mergeProps as Ze, withDirectives as et } from "vue";
+import { useI18n as K } from "@feedmepos/mf-common";
+import { _ as he } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as ae, d as tt } from "./vuedraggable-CBtQLb_S.js";
+import { _ as lt } from "./SubItemTaxSwitch.vue_vue_type_script_setup_true_lang-DIFXPxna.js";
+import { u as ne } from "./useActionFeedback-CElXij1W.js";
+import { b as Fe, u as J, r as re, a as at } from "./provide-BGLSDsuJ.js";
+import { useDialogChild as ot, useDialog as ce, useBreakpoints as Se, components as oe } from "@feedmepos/ui-library";
+import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ve } from "./app-CxJjx2ma.js";
+import { _ as Re } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as nt } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as st } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
+import { u as xe } from "./useEditorValidation-Ctef5Bxt.js";
+import { r as ut, a as we } from "./ruleValueKey-BF52PuHb.js";
+const it = {
   key: 0,
   class: "space-y-32 max-w-[750px] xs:p-16"
-}, it = {
+}, rt = {
   key: 0,
   class: "pl-32 space-x-8"
-}, rt = { class: "space-y-16" }, ct = /* @__PURE__ */ E({
+}, ct = { class: "space-y-16" }, dt = /* @__PURE__ */ q({
   __name: "ConfigurationTab",
   props: {
     sdk: {}
   },
-  setup(I) {
-    const p = I, { t: e } = q(), f = Ce(), { run: S } = ne(), _ = p.sdk.menuSetting.configuration();
-    we(() => _.dispose());
-    const d = H(_), 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;
+  setup(B) {
+    const v = B, { t: e } = K(), y = Fe(), { run: S } = ne(), b = v.sdk.menuSetting.configuration();
+    Ce(() => b.dispose());
+    const m = J(b), d = V(
+      () => m.value.status === "ready" ? m.value.value : null
+    ), $ = V(() => {
+      var U;
+      const f = ((U = d.value) == null ? void 0 : U.lowStockThreshold) ?? "";
+      if (f.trim() === "") return null;
+      const p = Number(f);
+      return Number.isNaN(p) ? null : p;
     });
-    async function L() {
-      await S(() => _.submit(), {
+    async function P() {
+      await S(() => b.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";
+          var f;
+          return ((f = d.value) == null ? void 0 : f.status) === "submitting";
         }
       });
     }
-    return (x, r) => {
-      const $ = C("FmRadio"), b = C("FmRadioGroup"), c = C("FmCheckbox"), O = C("FmSwitch"), J = C("FmStepperField"), Q = C("FmButton");
-      return m.value ? (i(), h("div", ut, [
+    return (f, p) => {
+      const U = F("FmRadio"), r = F("FmRadioGroup"), c = F("FmCheckbox"), I = F("FmSwitch"), L = F("FmStepperField"), Q = F("FmButton");
+      return d.value ? (i(), x("div", it, [
         u(ae, {
           title: t(e)("menu.tax_setting.title")
         }, {
-          default: g(() => [
-            o("div", null, [
-              u(b, {
-                "model-value": m.value.taxMode,
-                "onUpdate:modelValue": r[0] || (r[0] = (y) => t(_).setTaxMode(y))
-              }, {
-                default: g(() => [
-                  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", it, [
-                (i(!0), h(z, null, W(m.value.taxSystems, (y) => (i(), F(c, {
-                  key: y.systemCode,
-                  "model-value": y.inclusive,
-                  value: !0,
-                  label: t(e)("menu.setting.tax.inclusive", { code: y.systemCode }),
-                  "onUpdate:modelValue": (j) => t(_).setTaxInclusive(y.systemCode, !!j)
-                }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-              ])) : M("", !0)
-            ]),
-            m.value.subItemOwnTax !== null ? (i(), F(tt, {
+          default: _(() => [
+            u(he, {
+              label: t(e)("menu.setting.tax.title")
+            }, {
+              default: _(() => [
+                u(r, {
+                  "model-value": d.value.taxMode,
+                  "onUpdate:modelValue": p[0] || (p[0] = (k) => t(b).setTaxMode(k))
+                }, {
+                  default: _(() => [
+                    u(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(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"]),
+                d.value.taxMode === "manual" ? (i(), x("div", rt, [
+                  (i(!0), x(N, null, H(d.value.taxSystems, (k) => (i(), w(c, {
+                    key: k.systemCode,
+                    "model-value": k.inclusive,
+                    value: !0,
+                    label: t(e)("menu.setting.tax.inclusive", { code: k.systemCode }),
+                    "onUpdate:modelValue": (O) => t(b).setTaxInclusive(k.systemCode, !!O)
+                  }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                ])) : A("", !0)
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            d.value.subItemOwnTax !== null ? (i(), w(lt, {
               key: 0,
-              "model-value": m.value.subItemOwnTax,
-              "onUpdate:modelValue": t(_).setSubItemOwnTax
-            }, null, 8, ["model-value", "onUpdate:modelValue"])) : M("", !0),
-            m.value.statutoryChargeWaivers.length > 0 ? (i(), F(Ze, {
+              "model-value": d.value.subItemOwnTax,
+              "onUpdate:modelValue": t(b).setSubItemOwnTax
+            }, null, 8, ["model-value", "onUpdate:modelValue"])) : A("", !0),
+            d.value.statutoryChargeWaivers.length > 0 ? (i(), w(he, {
               key: 1,
               label: t(e)("menu.catalog.form.statutory_charges.title")
             }, {
-              default: g(() => [
-                o("div", rt, [
-                  (i(!0), h(z, null, W(m.value.statutoryChargeWaivers, (y) => (i(), F(O, {
-                    key: y.code,
-                    "model-value": y.waived,
+              default: _(() => [
+                o("div", ct, [
+                  (i(!0), x(N, null, H(d.value.statutoryChargeWaivers, (k) => (i(), w(I, {
+                    key: k.code,
+                    "model-value": k.waived,
                     label: t(e)("menu.catalog.form.statutory_charges.waive", {
-                      name: y.name
+                      name: k.name
                     }),
                     sublabel: t(e)("menu.menu_setting.statutory_charges.sublabel"),
                     "label-placement": "right",
-                    "onUpdate:modelValue": (j) => t(_).setStatutoryChargeWaived(y.code, j)
+                    "onUpdate:modelValue": (O) => t(b).setStatutoryChargeWaived(k.code, O)
                   }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
                 ])
               ]),
               _: 1
-            }, 8, ["label"])) : M("", !0)
+            }, 8, ["label"])) : A("", !0)
           ]),
           _: 1
         }, 8, ["title"]),
@@ -114,17 +120,17 @@ const ut = {
           title: t(e)("menu.menu_setting.fields.low_stock.title"),
           "sub-title": t(e)("menu.menu_setting.fields.low_stock.subtitle")
         }, {
-          default: g(() => [
-            u(J, {
-              "model-value": A.value,
+          default: _(() => [
+            u(L, {
+              "model-value": $.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)] : [],
+              "error-messages": d.value.lowStockIssue ? [t(y)(d.value.lowStockIssue)] : [],
               "helper-text": t(e)("menu.menu_setting.fields.low_stock.helper_text"),
-              "onUpdate:modelValue": r[1] || (r[1] = (y) => t(_).setLowStockThreshold(
-                y == null ? "" : String(y)
+              "onUpdate:modelValue": p[1] || (p[1] = (k) => t(b).setLowStockThreshold(
+                k == null ? "" : String(k)
               ))
             }, null, 8, ["model-value", "placeholder", "error-messages", "helper-text"])
           ]),
@@ -132,45 +138,45 @@ const ut = {
         }, 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: L
+          disabled: d.value.submit.state !== "allowed",
+          loading: d.value.status === "submitting",
+          onClick: P
         }, null, 8, ["label", "disabled", "loading"])
-      ])) : M("", !0);
+      ])) : A("", !0);
     };
   }
-}), dt = /* @__PURE__ */ E({
+}), mt = /* @__PURE__ */ q({
   __name: "AddMemberTierDialog",
-  setup(I) {
-    const { t: p } = q(), { emitData: e } = at(), f = P("");
-    return Qe(f, (S) => e(S)), (S, _) => {
-      const d = C("FmTextField");
-      return i(), F(d, {
-        modelValue: f.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (m) => f.value = m),
-        label: t(p)("menu.member_pricing.name_title")
+  setup(B) {
+    const { t: v } = K(), { emitData: e } = ot(), y = G("");
+    return Ye(y, (S) => e(S)), (S, b) => {
+      const m = F("FmTextField");
+      return i(), w(m, {
+        modelValue: y.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (d) => y.value = d),
+        label: t(v)("menu.member_pricing.name_title")
       }, null, 8, ["modelValue", "label"]);
     };
   }
-}), mt = /* @__PURE__ */ E({
+}), pt = /* @__PURE__ */ q({
   __name: "MemberPricingTab",
   props: {
     sdk: {}
   },
-  setup(I) {
-    const p = I, { t: e } = q(), f = ce(), { run: S } = ne(), _ = H(p.sdk.memberPricing.list), d = V(
-      () => _.value.status === "ready" ? _.value.value : null
-    ), m = V(() => {
+  setup(B) {
+    const v = B, { t: e } = K(), y = ce(), { run: S } = ne(), { breakpoints: b } = Se(), m = V(() => b.value.xs), d = J(v.sdk.memberPricing.list), $ = V(
+      () => d.value.status === "ready" ? d.value.value : null
+    ), P = V(() => {
       var r;
-      return [...((r = d.value) == null ? void 0 : r.rows) ?? []];
+      return [...((r = $.value) == null ? void 0 : r.rows) ?? []];
     });
-    function A() {
+    function f() {
       var r;
-      ((r = d.value) == null ? void 0 : r.create.state) === "allowed" && f.open({
+      ((r = $.value) == null ? void 0 : r.create.state) === "allowed" && y.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: dt,
+        contentComponent: mt,
         primaryActions: {
           text: e("menu.category.manager.dialog.add.action"),
           close: !1
@@ -179,19 +185,19 @@ const ut = {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(async ($) => {
+      }).onPrimary(async (c) => {
         (await S(
           // 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($ ?? "")),
+          () => v.sdk.memberPricing.create(String(c ?? "")),
           {
             // 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
+            successMessage: (L) => e("menu.member_pricing.add_member_tier_success", {
+              name: L.key
             }),
             // Two rejections settle here without a round trip and legacy shows
             // no pending pill for either: the empty name is silent altogether
@@ -209,15 +215,15 @@ const ut = {
             // 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";
+              var L;
+              return ((L = $.value) == null ? void 0 : L.create.state) !== "allowed";
             }
           }
-        )).kind === "success" && f.close();
+        )).kind === "success" && y.close();
       });
     }
-    function L(r) {
-      r.remove.state === "allowed" && f.open({
+    function p(r) {
+      r.remove.state === "allowed" && y.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
@@ -235,16 +241,16 @@ const ut = {
         }
       }).onPrimary(async () => {
         (await S(
-          () => p.sdk.memberPricing.remove(r.key),
+          () => v.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();
+        )).kind === "success" && y.close();
       });
     }
-    const x = V(() => [
+    const U = V(() => [
       {
         accessorKey: "key",
         enableSorting: !1,
@@ -259,53 +265,64 @@ const ut = {
         // 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, {
+        cell: (r) => E("div", { class: "flex justify-end px-4" }, [
+          E(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: U(
-              () => L(r.row.original),
+            onClick: M(
+              () => p(r.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return (r, $) => {
-      const b = C("FmButton"), c = C("FmTable");
-      return d.value ? (i(), F($e, {
+    return (r, c) => {
+      const I = F("FmButton"), L = F("FmTable");
+      return $.value ? (i(), w(Re, {
         key: 0,
         heading: t(e)("menu.member_pricing.title"),
         subheading: t(e)("menu.member_pricing.description")
       }, {
-        "append-heading": g(() => [
-          d.value.rows.length > 0 ? (i(), F(b, {
+        "append-heading": _(() => [
+          $.value.rows.length > 0 && !m.value ? (i(), w(I, {
             key: 0,
             label: t(e)("menu.member_pricing.add_member_tier"),
-            disabled: d.value.create.state !== "allowed",
+            disabled: $.value.create.state !== "allowed",
             "prepend-icon": "add",
-            onClick: A
-          }, null, 8, ["label", "disabled"])) : M("", !0)
+            onClick: f
+          }, null, 8, ["label", "disabled"])) : A("", !0),
+          $.value.rows.length > 0 && m.value ? (i(), w(nt, { key: 1 }, {
+            default: _(() => [
+              u(I, {
+                label: t(e)("menu.member_pricing.add_member_tier"),
+                disabled: $.value.create.state !== "allowed",
+                "prepend-icon": "add",
+                variant: "fab",
+                onClick: f
+              }, null, 8, ["label", "disabled"])
+            ]),
+            _: 1
+          })) : A("", !0)
         ]),
-        default: g(() => [
-          d.value.rows.length === 0 ? (i(), F(t(Fe), {
+        default: _(() => [
+          $.value.rows.length === 0 ? (i(), w(t($e), {
             key: 0,
             action: {
               text: t(e)("menu.member_pricing.add_member_tier"),
-              callback: A
+              callback: f
             },
             subtitle: t(e)("menu.member_pricing.empty.subtitle"),
             title: t(e)("menu.member_pricing.empty.title")
-          }, null, 8, ["action", "subtitle", "title"])) : (i(), F(Se, { key: 1 }, {
-            default: g(() => [
-              u(c, {
-                "column-defs": x.value,
-                "page-size": d.value.rows.length,
-                "row-data": m.value,
-                "shrink-at": !1,
+          }, null, 8, ["action", "subtitle", "title"])) : (i(), w(Ve, { key: 1 }, {
+            default: _(() => [
+              u(L, {
+                "column-defs": U.value,
+                "page-size": $.value.rows.length,
+                "row-data": P.value,
                 "hide-footer": "",
                 "pin-header-row": ""
               }, null, 8, ["column-defs", "page-size", "row-data"])
@@ -314,29 +331,29 @@ const ut = {
           }))
         ]),
         _: 1
-      }, 8, ["heading", "subheading"])) : M("", !0);
+      }, 8, ["heading", "subheading"])) : A("", !0);
     };
   }
-}), pt = {
+}), _t = {
   key: 0,
   class: "flex flex-col gap-16"
-}, _t = { class: "flex items-center justify-between gap-16" }, vt = { class: "fm-typo-en-title-md-600" }, gt = { class: "text-fm-color-typo-secondary" }, bt = /* @__PURE__ */ E({
+}, vt = { class: "flex items-center justify-between gap-16" }, gt = { class: "fm-typo-en-title-md-600" }, bt = { class: "text-fm-color-typo-secondary" }, ft = /* @__PURE__ */ q({
   __name: "PriceGroupTab",
   props: {
     sdk: {}
   },
-  setup(I) {
-    const p = I, { t: e } = q(), f = ce(), { run: S } = ne(), _ = H(p.sdk.priceTier.list), d = V(
-      () => _.value.status === "ready" ? _.value.value : null
-    ), m = V(() => {
-      var r;
-      return [...((r = d.value) == null ? void 0 : r.rows) ?? []];
+  setup(B) {
+    const v = B, { t: e } = K(), y = ce(), { run: S } = ne(), b = J(v.sdk.priceTier.list), m = V(
+      () => b.value.status === "ready" ? b.value.value : null
+    ), d = V(() => {
+      var p;
+      return [...((p = m.value) == null ? void 0 : p.rows) ?? []];
     });
-    function A() {
-      var r;
-      ((r = d.value) == null ? void 0 : r.create.state) === "allowed" && f.open({
+    function $() {
+      var p;
+      ((p = m.value) == null ? void 0 : p.create.state) === "allowed" && y.open({
         title: e("menu.price_tier.add_price_group"),
-        contentComponent: nt,
+        contentComponent: st,
         primaryActions: {
           text: e("menu.category.manager.dialog.add.action"),
           close: !1
@@ -345,12 +362,12 @@ const ut = {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(async ($) => {
+      }).onPrimary(async (U) => {
         (await S(
           // 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($ ?? "")),
+          () => v.sdk.priceTier.create(String(U ?? "")),
           {
             successMessage: e("menu.price_tier.add_price_group_success"),
             // The empty title is refused locally with no request, and legacy
@@ -369,16 +386,16 @@ const ut = {
             // submittability rule ever moves.
             showLoading: () => {
               var c;
-              return ((c = d.value) == null ? void 0 : c.create.state) !== "allowed";
+              return ((c = m.value) == null ? void 0 : c.create.state) !== "allowed";
             }
           }
-        )).kind === "success" && f.close();
+        )).kind === "success" && y.close();
       });
     }
-    function L(r) {
-      r.remove.state === "allowed" && f.open({
+    function P(p) {
+      p.remove.state === "allowed" && y.open({
         title: e("menu.price_tier.delete_dialog.title"),
-        message: e("menu.price_tier.delete_dialog.message", { name: r.key }),
+        message: e("menu.price_tier.delete_dialog.message", { name: p.key }),
         primaryActions: {
           text: e("menu.common.actions.remove"),
           close: !1
@@ -389,12 +406,12 @@ const ut = {
         }
       }).onPrimary(async () => {
         (await S(
-          () => p.sdk.priceTier.remove(r.key),
+          () => v.sdk.priceTier.remove(p.key),
           { successMessage: e("menu.price_tier.delete_dialog.success") }
-        )).kind === "success" && f.close();
+        )).kind === "success" && y.close();
       });
     }
-    const x = V(() => [
+    const f = V(() => [
       {
         accessorKey: "key",
         enableSorting: !1,
@@ -407,69 +424,68 @@ const ut = {
         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, {
+        cell: (p) => E("div", { class: "flex justify-end px-4" }, [
+          E(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: U(
-              () => L(r.row.original),
+            disabled: p.row.original.remove.state !== "allowed",
+            onClick: M(
+              () => P(p.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return (r, $) => {
-      const b = C("FmButton"), c = C("FmTable");
-      return d.value ? (i(), h("div", pt, [
-        o("div", _t, [
+    return (p, U) => {
+      const r = F("FmButton"), c = F("FmTable");
+      return m.value ? (i(), x("div", _t, [
+        o("div", vt, [
           o("div", null, [
-            o("h1", vt, w(t(e)("menu.price_tier.price_group")), 1),
-            o("p", gt, w(t(e)("menu.price_tier.description")), 1)
+            o("h1", gt, C(t(e)("menu.price_tier.price_group")), 1),
+            o("p", bt, C(t(e)("menu.price_tier.description")), 1)
           ]),
-          u(b, {
+          u(r, {
             label: t(e)("menu.price_tier.add_price_group"),
-            disabled: d.value.create.state !== "allowed",
+            disabled: m.value.create.state !== "allowed",
             "prepend-icon": "add",
-            onClick: A
+            onClick: $
           }, 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,
+          "column-defs": f.value,
+          "page-size": Math.max(m.value.rows.length, 1),
+          "row-data": d.value,
           "hide-footer": "",
           "pin-header-row": ""
         }, null, 8, ["column-defs", "page-size", "row-data"])
-      ])) : M("", !0);
+      ])) : A("", !0);
     };
   }
-}), ft = { key: 0 }, yt = {
+}), yt = { key: 0 }, kt = {
   key: 0,
   class: "space-y-8"
-}, kt = { class: "flex items-center justify-between" }, ht = { class: "fm-typo-en-title-md-600" }, xt = { class: "text-fm-color-typo-secondary" }, wt = { class: "flex justify-end items-center" }, Ct = { class: "w-[320px]" }, Ft = {
+}, ht = { class: "flex items-center justify-between" }, xt = { class: "fm-typo-en-title-md-600" }, wt = { class: "text-fm-color-typo-secondary" }, Ct = { class: "flex justify-end items-center" }, Ft = { class: "w-[320px]" }, St = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, St = { class: "flex items-center justify-between p-8" }, $t = { class: "flex-1 mr-8" }, Vt = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Rt = ["onClick"], Tt = { class: "flex-1 space-y-4" }, Ut = { class: "fm-typo-en-body-lg-600" }, Mt = {
+}, $t = { class: "flex items-center justify-between p-8" }, Vt = { class: "flex-1 mr-8" }, Rt = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Tt = ["onClick"], Ut = { class: "flex-1 space-y-4" }, Mt = { class: "fm-typo-en-body-lg-600" }, At = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, At = { class: "fm-typo-en-title-md-600 mr-auto" }, It = { class: "py-8 px-8 overflow-y-auto space-y-24" }, Lt = { class: "space-y-16" }, Bt = { class: "rule-item" }, Pt = { class: "flex items-center space-x-16" }, jt = { class: "flex flex-col min-w-0 w-full" }, Gt = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Ot = { class: "flex items-center justify-between pb-8" }, Dt = { class: "text-fm-color-neutral-gray-300" }, zt = { class: "flex gap-8" }, Nt = { class: "flex flex-col space-y-8" }, Et = { class: "fm-typo-en-body-lg-600" }, qt = { class: "w-24" }, Kt = { class: "flex w-full fm-typo-en-body-lg-400 space-x-8 overflow-hidden" }, Wt = { class: "whitespace-nowrap" }, Ht = { class: "fm-typo-en-body-lg-600 whitespace-nowrap" }, Jt = ["onClick"], Qt = {
+}, It = { class: "fm-typo-en-title-md-600 mr-auto" }, Lt = { class: "py-8 px-8 overflow-y-auto space-y-24" }, Bt = { class: "space-y-16" }, Pt = { class: "rule-item" }, jt = { class: "flex items-center space-x-16" }, Gt = { class: "flex flex-col min-w-0 w-full" }, Ot = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Dt = { class: "flex items-center justify-between pb-8" }, zt = { class: "text-fm-color-neutral-gray-300" }, Nt = { class: "flex gap-8" }, Et = { class: "flex flex-col space-y-8" }, qt = { class: "fm-typo-en-body-lg-600" }, Kt = { class: "w-24" }, Wt = { class: "flex w-full fm-typo-en-body-lg-400 space-x-8 overflow-hidden" }, Ht = { class: "whitespace-nowrap" }, Jt = { class: "fm-typo-en-body-lg-600 whitespace-nowrap" }, Qt = ["onClick"], Xt = {
   key: 0,
   class: "flex items-center select-none ml-16"
-}, Xt = { class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300" }, Yt = { class: "flex gap-8 items-center justify-start" }, Zt = { class: "flex items-center gap-24" }, el = { class: "fm-typo-en-headline-lg-600" }, tl = { class: "p-16 flex flex-col gap-16" }, ll = { class: "fm-typo-en-body-lg-600" }, al = { class: "flex flex-col gap-16" }, ol = { class: "flex w-full justify-between gap-16" }, nl = {
+}, Yt = { class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300" }, Zt = { class: "flex gap-8 items-center justify-start" }, el = { class: "flex items-center gap-24" }, tl = { class: "fm-typo-en-headline-lg-600" }, ll = { class: "p-16 flex flex-col gap-16" }, al = { class: "fm-typo-en-body-lg-600" }, ol = { class: "flex flex-col gap-16" }, nl = { class: "flex w-full justify-between gap-16" }, sl = {
   key: 0,
   class: "flex w-full [&>*]:w-full"
-}, sl = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, ul = { class: "flex gap-16 items-center" }, il = /* @__PURE__ */ E({
+}, ul = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, il = { class: "flex gap-16 items-center" }, rl = /* @__PURE__ */ q({
   __name: "RuleGroupsTab",
   props: {
     sdk: {}
   },
-  setup(I) {
-    const p = I, { t: e } = q(), f = {
+  setup(B) {
+    const v = B, { t: e } = K(), y = {
       mounted: (l, a) => {
         var n;
         (n = l.querySelector("input")) == null || n.setAttribute("aria-label", a.value);
@@ -478,40 +494,40 @@ const ut = {
         var n;
         (n = l.querySelector("input")) == null || n.setAttribute("aria-label", a.value);
       }
-    }, S = Ce(), _ = ce(), { run: d } = ne(), { breakpoints: m } = ot(), A = V(() => m.value.xs), L = H(
-      p.sdk.menuSetting.ruleGroupList
-    ), x = V(
-      () => L.value.status === "ready" ? L.value.value : null
-    ), r = V(() => {
+    }, S = Fe(), b = ce(), { run: m } = ne(), { breakpoints: d } = Se(), $ = V(() => d.value.xs), P = J(
+      v.sdk.menuSetting.ruleGroupList
+    ), f = V(
+      () => P.value.status === "ready" ? P.value.value : null
+    ), p = V(() => {
       var l;
-      return [...((l = x.value) == null ? void 0 : l.rows) ?? []];
-    }), $ = P(!1), b = ke(null), c = ke(null), O = he(() => b.value), J = V(
-      () => c.value ? O.issue(c.value.fieldIssues, "name") ?? c.value.nameIssue : null
+      return [...((l = f.value) == null ? void 0 : l.rows) ?? []];
+    }), U = G(!1), r = ke(null), c = ke(null), I = xe(() => r.value), L = V(
+      () => c.value ? I.issue(c.value.fieldIssues, "name") ?? c.value.nameIssue : null
     ), Q = V(
-      () => c.value ? O.issue(c.value.fieldIssues, "rules") ?? c.value.rulesIssue : null
+      () => c.value ? I.issue(c.value.fieldIssues, "rules") ?? c.value.rulesIssue : null
     );
-    let y = null;
-    function j(l) {
-      D();
-      const a = p.sdk.menuSetting.ruleGroupEditor(l);
-      b.value = a, y = a.subscribe(
+    let k = null;
+    function O(l) {
+      z();
+      const a = v.sdk.menuSetting.ruleGroupEditor(l);
+      r.value = a, k = a.subscribe(
         (n) => {
           c.value = n.status === "ready" ? n.value : null;
         }
-      ), $.value = !0;
+      ), U.value = !0;
     }
-    function D() {
+    function z() {
       var l;
-      B.value = !1, y == null || y(), y = null, (l = b.value) == null || l.dispose(), b.value = null, c.value = null, $.value = !1;
+      j.value = !1, k == null || k(), k = null, (l = r.value) == null || l.dispose(), r.value = null, c.value = null, U.value = !1;
     }
-    we(() => D());
-    function Ve() {
+    Ce(() => z());
+    function Te() {
       var l;
       if (!((l = c.value) != null && l.dirty)) {
-        D();
+        z();
         return;
       }
-      _.open({
+      b.open({
         title: e("menu.common.dialog.dismiss.title"),
         message: e("menu.common.dialog.dismiss.message"),
         primaryActions: {
@@ -522,11 +538,11 @@ const ut = {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(() => D());
+      }).onPrimary(() => z());
     }
-    const B = P(!1), X = P(null), de = P(!1), G = P([]), me = he(
-      () => B.value ? X.value ?? "new" : null
-    ), Y = P(""), Z = P("");
+    const j = G(!1), X = G(null), de = G(!1), D = G([]), me = xe(
+      () => j.value ? X.value ?? "new" : null
+    ), Y = G(""), Z = G("");
     let pe = 0;
     function ee() {
       return pe += 1, {
@@ -546,12 +562,12 @@ const ut = {
         value: "startsWith",
         label: "menu.rule_groups.condition_view.operator.starts_with"
       }
-    ], Re = V(
+    ], Ue = V(
       () => _e.map((l) => ({ label: e(l.label), value: l.value }))
     );
-    function Te(l) {
+    function Me(l) {
       var n;
-      const a = (n = _e.find((k) => k.value === l)) == null ? void 0 : n.label;
+      const a = (n = _e.find((h) => h.value === l)) == null ? void 0 : n.label;
       return a ? e(a) : "";
     }
     function ve(l) {
@@ -560,93 +576,93 @@ const ut = {
         (n) => n.key === l
       ) ?? null;
     }
-    function Ue(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) => ({
+    function Ae(l) {
+      var h;
+      const a = D.value.filter((R) => R.key !== l.key).map((R) => R.attribute), n = Y.value.trim().toLowerCase();
+      return (((h = c.value) == null ? void 0 : h.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 Me(l) {
+    function Ie(l) {
       var n;
       const a = Z.value.trim().toLowerCase();
-      return (((n = ve(l.attribute)) == null ? void 0 : n.values) ?? []).map((k) => ({
+      return (((n = ve(l.attribute)) == null ? void 0 : n.values) ?? []).map((h) => ({
         // Display text, not a code: a value is business data shown verbatim.
-        label: k.label,
+        label: h.label,
         // FmSelect needs a primitive; a value travels as its key.
-        value: xe(k.value),
-        selected: l.values.includes(k.value)
+        value: we(h.value),
+        selected: l.values.includes(h.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 }));
+        (h) => !a || h.label.toLowerCase().includes(a) || // A chosen value stays listed while filtering, so FmSelect keeps it.
+        h.selected
+      ).map(({ label: h, value: R }) => ({ label: h, value: R }));
     }
-    function Ae(l) {
+    function Le(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);
+          var h;
+          return ((h = a == null ? void 0 : a.values.find((R) => R.value === n)) == null ? void 0 : h.label) ?? String(n);
         }
       ).join(", ");
     }
     function ge() {
-      return G.value.map((l) => ({
+      return D.value.map((l) => ({
         attribute: l.attribute,
         operator: l.operator,
         values: [...l.values]
       }));
     }
-    const Ie = V(
+    const Be = V(
       () => {
         var l;
-        return ((l = b.value) == null ? void 0 : l.conditionFieldIssues(ge())) ?? {};
+        return ((l = r.value) == null ? void 0 : l.conditionFieldIssues(ge())) ?? {};
       }
     );
-    function K(l, a) {
+    function W(l, a) {
       return me.issue(
-        Ie.value,
+        Be.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) => ({
+      X.value = (l == null ? void 0 : l.id) ?? null, de.value = !!l && l.conditions.length > 0, D.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 = "", B.value = !0;
+      })) : [ee()], Y.value = "", Z.value = "", j.value = !0;
     }
-    function Le() {
-      G.value = [...G.value, ee()];
+    function Pe() {
+      D.value = [...D.value, ee()];
     }
-    function Be(l) {
-      const a = G.value.filter((n) => n.key !== l);
-      G.value = a.length > 0 ? a : [ee()];
+    function je(l) {
+      const a = D.value.filter((n) => n.key !== l);
+      D.value = a.length > 0 ? a : [ee()];
     }
-    function Pe(l, a) {
+    function Ge(l, a) {
       l.attribute = a, l.values = [];
     }
-    function je(l) {
+    function Oe(l) {
       return re(l.operator) === "text";
     }
-    function Ge(l, a) {
+    function De(l, a) {
       const n = re(l.operator);
       l.operator = a, re(l.operator) !== n && (l.values = []);
     }
-    function Oe() {
-      if (!b.value) return;
-      const l = ge(), a = X.value ? b.value.updateRule(X.value, l) : b.value.addRule(l);
+    function ze() {
+      if (!r.value) return;
+      const l = ge(), a = X.value ? r.value.updateRule(X.value, l) : r.value.addRule(l);
       if (a.kind === "rejected") {
         me.submit(
           async () => ({ kind: "rejected", issues: a.issues })
         );
         return;
       }
-      B.value = !1;
+      j.value = !1;
     }
-    function De(l) {
+    function Ne(l) {
       return `${e("menu.rule_groups.condition_view.rule")} ${l + 1}`;
     }
     const le = V(
@@ -655,23 +671,23 @@ const ut = {
         return (((l = c.value) == null ? void 0 : l.rules) ?? []).map((a) => ({ id: a.id, rule: a }));
       }
     );
-    function ze(l) {
+    function Ee(l) {
       var a;
-      (a = b.value) == null || a.reorderRules(l.map((n) => n.id));
+      (a = r.value) == null || a.reorderRules(l.map((n) => n.id));
     }
-    function Ne(l) {
+    function qe(l) {
       var a;
-      (a = b.value) == null || a.duplicateRule(l);
+      (a = r.value) == null || a.duplicateRule(l);
     }
-    function Ee(l) {
+    function Ke(l) {
       var a;
-      (a = b.value) == null || a.removeRule(l), O.touch("rules");
+      (a = r.value) == null || a.removeRule(l), I.touch("rules");
     }
-    async function qe() {
-      const l = b.value;
+    async function We() {
+      const l = r.value;
       if (!l) return;
-      (await d(
-        () => O.submit(() => l.submit()),
+      (await m(
+        () => I.submit(() => l.submit()),
         {
           successMessage: e("menu.rule_groups.saved_successfully"),
           showLoading: () => {
@@ -679,15 +695,15 @@ const ut = {
             return ((n = c.value) == null ? void 0 : n.status) === "submitting";
           }
         }
-      )).kind === "success" && D();
+      )).kind === "success" && z();
     }
-    async function Ke(l) {
-      await d(() => p.sdk.menuSetting.copyRuleGroup(l.id), {
+    async function He(l) {
+      await m(() => v.sdk.menuSetting.copyRuleGroup(l.id), {
         successMessage: e("menu.rule_groups.saved_successfully")
       });
     }
     function be(l) {
-      _.open({
+      b.open({
         title: e("menu.rule_groups.delete_dialog.title"),
         message: e("menu.rule_groups.delete_dialog.message", {
           name: l.name
@@ -703,12 +719,12 @@ const ut = {
           close: !0
         }
       }).onPrimary(async () => {
-        await d(() => p.sdk.menuSetting.removeRuleGroup(l.id), {
+        await m(() => v.sdk.menuSetting.removeRuleGroup(l.id), {
           successMessage: e("menu.rule_groups.saved_successfully")
-        }), _.close();
+        }), b.close();
       });
     }
-    const We = V(() => [
+    const Je = V(() => [
       {
         accessorKey: "name",
         enableSorting: !0,
@@ -727,25 +743,25 @@ const ut = {
         // 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, {
+        cell: (l) => E("div", { class: "px-4 flex justify-end" }, [
+          E(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: U(
-              () => Ke(l.row.original),
+            onClick: M(
+              () => He(l.row.original),
               ["stop", "prevent"]
             )
           }),
-          N(oe.FmButton, {
+          E(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: U(
+            onClick: M(
               () => be(l.row.original),
               ["stop", "prevent"]
             )
@@ -754,13 +770,13 @@ const ut = {
       }
     ]);
     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", ft, [
-        A.value ? (i(), h("div", Ft, [
-          o("div", St, [
-            o("div", $t, [
-              u(k, {
-                "model-value": x.value.query,
+      const n = F("FmButton"), h = F("FmSearch"), R = F("FmTable"), se = F("FmTextField"), Qe = F("FmMenu"), Xe = F("FmHelperText"), fe = F("FmSideSheet"), ue = F("FmSelect");
+      return f.value ? (i(), x("div", yt, [
+        $.value ? (i(), x("div", St, [
+          o("div", $t, [
+            o("div", Vt, [
+              u(h, {
+                "model-value": f.value.query,
                 autofocus: "",
                 class: "w-full",
                 placeholder: t(e)("menu.rule_groups.search_placeholder"),
@@ -771,19 +787,19 @@ const ut = {
               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())
+              disabled: f.value.create.state !== "allowed",
+              onClick: a[4] || (a[4] = (s) => O())
             }, null, 8, ["aria-label", "disabled"])
           ]),
-          o("div", Vt, [
-            (i(!0), h(z, null, W(x.value.rows, (s) => (i(), h("div", {
+          o("div", Rt, [
+            (i(!0), x(N, null, H(f.value.rows, (s) => (i(), x("div", {
               key: s.id,
               class: "flex flex-row py-12 px-16 cursor-pointer",
-              onClick: (T) => j(s.id)
+              onClick: (T) => O(s.id)
             }, [
-              o("div", Tt, [
-                o("p", Ut, w(s.name), 1),
-                s.description ? (i(), h("p", Mt, w(s.description), 1)) : M("", !0)
+              o("div", Ut, [
+                o("p", Mt, C(s.name), 1),
+                s.description ? (i(), x("p", At, C(s.description), 1)) : A("", !0)
               ]),
               u(n, {
                 "text-color": "neutral-gray-400",
@@ -791,27 +807,27 @@ const ut = {
                 icon: "delete",
                 "aria-label": t(e)("menu.menu_setting.rule_groups.delete_action"),
                 disabled: s.remove.state !== "allowed",
-                onClick: U((T) => be(s), ["stop"])
+                onClick: M((T) => be(s), ["stop"])
               }, null, 8, ["aria-label", "disabled", "onClick"])
-            ], 8, Rt))), 128))
+            ], 8, Tt))), 128))
           ])
-        ])) : (i(), h("div", yt, [
-          o("div", kt, [
+        ])) : (i(), x("div", kt, [
+          o("div", ht, [
             o("div", null, [
-              o("h1", ht, w(t(e)("menu.rule_groups.title")), 1),
-              o("p", xt, w(t(e)("menu.rule_groups.description")), 1)
+              o("h1", xt, C(t(e)("menu.rule_groups.title")), 1),
+              o("p", wt, C(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())
+              disabled: f.value.create.state !== "allowed",
+              onClick: a[0] || (a[0] = (s) => O())
             }, null, 8, ["label", "disabled"])
           ]),
-          o("div", wt, [
-            o("div", Ct, [
-              u(k, {
-                "model-value": x.value.query,
+          o("div", Ct, [
+            o("div", Ft, [
+              u(h, {
+                "model-value": f.value.query,
                 autofocus: "",
                 class: "mb-8",
                 placeholder: t(e)("menu.rule_groups.search_placeholder"),
@@ -819,73 +835,73 @@ const ut = {
               }, null, 8, ["model-value", "placeholder"])
             ])
           ]),
-          u(Se, null, {
-            default: g(() => [
+          u(Ve, null, {
+            default: _(() => [
               u(R, {
-                "column-defs": We.value,
-                "row-data": r.value,
-                "page-size": Math.max(r.value.length, 1),
+                "column-defs": Je.value,
+                "row-data": p.value,
+                "page-size": Math.max(p.value.length, 1),
                 "hide-footer": "",
-                onRowClick: a[2] || (a[2] = (s) => j(s.original.id))
+                onRowClick: a[2] || (a[2] = (s) => O(s.original.id))
               }, null, 8, ["column-defs", "row-data", "page-size"])
             ]),
             _: 1
           })
         ])),
-        $.value && c.value ? (i(), F(fe, {
+        U.value && c.value ? (i(), w(fe, {
           key: 2,
-          "model-value": $.value,
+          "model-value": U.value,
           "max-width": 760,
-          "onOn:clickedAway": Ve
+          "onOn:clickedAway": Te
         }, {
-          "side-sheet-header": g(() => [
+          "side-sheet-header": _(() => [
             u(n, {
               variant: "tertiary",
               class: "cursor-pointer mr-4",
               "prepend-icon": "arrow_back",
               "aria-label": t(e)("menu.common.actions.back"),
-              onClick: D
+              onClick: z
             }, null, 8, ["aria-label"]),
-            o("p", At, w(c.value.mode === "create" ? t(e)("menu.rule_groups.create_group") : t(e)("menu.rule_groups.edit_group")), 1)
+            o("p", It, C(c.value.mode === "create" ? t(e)("menu.rule_groups.create_group") : t(e)("menu.rule_groups.edit_group")), 1)
           ]),
-          "side-sheet-footer": g(() => [
-            o("div", Yt, [
+          "side-sheet-footer": _(() => [
+            o("div", Zt, [
               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
+                onClick: We
               }, null, 8, ["label", "disabled", "loading"]),
               u(n, {
                 label: t(e)("menu.common.actions.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                onClick: D
+                onClick: z
               }, null, 8, ["label"])
             ])
           ]),
-          default: g(() => [
-            o("div", It, [
+          default: _(() => [
+            o("div", Lt, [
               u(ae, {
                 title: t(e)("menu.rule_groups.form.basic_info")
               }, {
-                default: g(() => [
-                  o("div", Lt, [
-                    u(se, Xe(
+                default: _(() => [
+                  o("div", Bt, [
+                    u(se, Ze(
                       {
                         "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(S)(J.value)] : []
+                        "error-messages": L.value ? [t(S)(L.value)] : []
                       },
-                      t(O).field(
+                      t(I).field(
                         "name",
                         (s) => {
                           var T;
-                          return (T = b.value) == null ? void 0 : T.setName(String(s ?? ""));
+                          return (T = r.value) == null ? void 0 : T.setName(String(s ?? ""));
                         }
                       )
                     ), null, 16, ["model-value", "label", "placeholder", "error-messages"]),
@@ -896,7 +912,7 @@ const ut = {
                       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 ?? ""));
+                        return (T = r.value) == null ? void 0 : T.setDescription(String(s ?? ""));
                       })
                     }, null, 8, ["model-value", "label", "placeholder"])
                   ])
@@ -907,35 +923,35 @@ const ut = {
                 title: t(e)("menu.rule_groups.form.rules"),
                 "sub-title": t(e)("menu.rule_groups.form.rules_description")
               }, {
-                default: g(() => [
-                  le.value.length > 0 ? (i(), h(z, { key: 0 }, [
-                    u(t(et), {
+                default: _(() => [
+                  le.value.length > 0 ? (i(), x(N, { key: 0 }, [
+                    u(t(tt), {
                       "model-value": le.value,
                       "item-key": "id",
                       handle: ".rule-drag-handle",
-                      "onUpdate:modelValue": ze
+                      "onUpdate:modelValue": Ee
                     }, {
-                      item: g(({ element: s, index: T }) => [
-                        o("div", Bt, [
-                          o("div", Pt, [
+                      item: _(({ element: s, index: T }) => [
+                        o("div", Pt, [
+                          o("div", jt, [
                             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", jt, [
-                              o("div", Gt, [
-                                o("div", Ot, [
-                                  o("p", Dt, w(De(T)), 1),
-                                  o("div", zt, [
+                            o("div", Gt, [
+                              o("div", Ot, [
+                                o("div", Dt, [
+                                  o("p", zt, C(Ne(T)), 1),
+                                  o("div", Nt, [
                                     u(n, {
                                       variant: "tertiary",
                                       class: "cursor-pointer",
                                       "prepend-icon": "edit",
                                       "text-color": "primary",
                                       "aria-label": t(e)("menu.link_product.rules.edit_rule"),
-                                      onClick: U((v) => te(s.rule), ["stop"])
+                                      onClick: M((g) => te(s.rule), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"]),
                                     u(n, {
                                       variant: "tertiary",
@@ -943,7 +959,7 @@ const ut = {
                                       "prepend-icon": "file_copy",
                                       "text-color": "primary",
                                       "aria-label": t(e)("menu.menu_setting.rule_groups.copy_rule"),
-                                      onClick: U((v) => Ne(s.id), ["stop"])
+                                      onClick: M((g) => qe(s.id), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"]),
                                     u(n, {
                                       variant: "tertiary",
@@ -951,39 +967,39 @@ const ut = {
                                       "prepend-icon": "delete",
                                       "text-color": "typo-error",
                                       "aria-label": t(e)("menu.menu_setting.rule_groups.remove_rule"),
-                                      onClick: U((v) => Ee(s.id), ["stop"])
+                                      onClick: M((g) => Ke(s.id), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"])
                                   ])
                                 ]),
-                                o("div", Nt, [
-                                  o("p", Et, w(t(e)("menu.rule_groups.condition_view.when")), 1),
-                                  (i(!0), h(z, null, W(s.rule.conditions, (v, ye) => (i(), h("div", {
+                                o("div", Et, [
+                                  o("p", qt, C(t(e)("menu.rule_groups.condition_view.when")), 1),
+                                  (i(!0), x(N, null, H(s.rule.conditions, (g, ye) => (i(), x("div", {
                                     key: ye,
                                     class: "flex w-full items-center space-x-8"
                                   }, [
-                                    o("p", qt, w(ye + 1) + ".", 1),
-                                    o("div", Kt, [
-                                      o("p", Wt, w(t(e)(
-                                        v.attributeLabel,
-                                        v.attributeLabelParams ?? {}
+                                    o("p", Kt, C(ye + 1) + ".", 1),
+                                    o("div", Wt, [
+                                      o("p", Ht, C(t(e)(
+                                        g.attributeLabel,
+                                        g.attributeLabelParams ?? {}
                                       )), 1),
-                                      o("p", Ht, w(Te(v.operator)), 1),
-                                      u(He, {
+                                      o("p", Jt, C(Me(g.operator)), 1),
+                                      u(Qe, {
                                         trigger: "hover",
                                         "close-on-mouse-leave": ""
                                       }, {
-                                        "menu-button": g(() => [
+                                        "menu-button": _(() => [
                                           o("p", {
                                             class: "text-fm-color-primary underline underline-offset-2 cursor-pointer truncate",
-                                            onClick: U((ie) => te(s.rule), ["stop"])
-                                          }, w(v.valueLabels.join(", ")), 9, Jt)
+                                            onClick: M((ie) => te(s.rule), ["stop"])
+                                          }, C(g.valueLabels.join(", ")), 9, Qt)
                                         ]),
-                                        default: g(() => [
-                                          (i(!0), h(z, null, W(v.valueLabels, (ie) => (i(), h("div", {
+                                        default: _(() => [
+                                          (i(!0), x(N, null, H(g.valueLabels, (ie) => (i(), x("div", {
                                             key: ie,
                                             class: "flex flex-col px-8 space-y-8"
                                           }, [
-                                            o("p", null, w(ie), 1)
+                                            o("p", null, C(ie), 1)
                                           ]))), 128))
                                         ]),
                                         _: 2
@@ -994,9 +1010,9 @@ const ut = {
                               ])
                             ])
                           ]),
-                          le.value.length > 1 && T < le.value.length - 1 ? (i(), h("div", Qt, [
-                            o("span", Xt, w(t(e)("menu.rule_groups.condition_view.or")), 1)
-                          ])) : M("", !0)
+                          le.value.length > 1 && T < le.value.length - 1 ? (i(), x("div", Xt, [
+                            o("span", Yt, C(t(e)("menu.rule_groups.condition_view.or")), 1)
+                          ])) : A("", !0)
                         ])
                       ]),
                       _: 1
@@ -1006,10 +1022,10 @@ const ut = {
                         variant: "primary",
                         label: t(e)("menu.link_product.rules.add_rule"),
                         "prepend-icon": "add",
-                        onClick: a[6] || (a[6] = U((s) => te(), ["stop"]))
+                        onClick: a[6] || (a[6] = M((s) => te(), ["stop"]))
                       }, null, 8, ["label"])
                     ])
-                  ], 64)) : (i(), F(t(Fe), {
+                  ], 64)) : (i(), w(t($e), {
                     key: 1,
                     title: "",
                     subtitle: t(e)("menu.rule_groups.condition_view.empty_data.no_rule_available"),
@@ -1018,75 +1034,75 @@ const ut = {
                       callback: () => te()
                     }
                   }, null, 8, ["subtitle", "action"])),
-                  Q.value ? (i(), F(Je, {
+                  Q.value ? (i(), w(Xe, {
                     key: 2,
                     state: "error",
                     text: t(S)(Q.value)
-                  }, null, 8, ["text"])) : M("", !0)
+                  }, null, 8, ["text"])) : A("", !0)
                 ]),
                 _: 1
               }, 8, ["title", "sub-title"])
             ])
           ]),
           _: 1
-        }, 8, ["model-value"])) : M("", !0),
-        B.value ? (i(), F(fe, {
+        }, 8, ["model-value"])) : A("", !0),
+        j.value ? (i(), w(fe, {
           key: 3,
-          "model-value": B.value,
+          "model-value": j.value,
           "max-width": 760,
           "close-button": !1,
-          "onOn:clickedAway": a[14] || (a[14] = (s) => B.value = !1)
+          "onOn:clickedAway": a[14] || (a[14] = (s) => j.value = !1)
         }, {
-          "side-sheet-header": g(() => [
-            o("div", Zt, [
+          "side-sheet-header": _(() => [
+            o("div", el, [
               u(n, {
                 variant: "tertiary",
                 "prepend-icon": "arrow_back",
                 "aria-label": t(e)("menu.common.actions.back"),
-                onClick: a[7] || (a[7] = U((s) => B.value = !1, ["stop"]))
+                onClick: a[7] || (a[7] = M((s) => j.value = !1, ["stop"]))
               }, null, 8, ["aria-label"]),
-              o("div", el, w(de.value ? t(e)("menu.rule_groups.condition_view.edit_condition") : t(e)("menu.rule_groups.condition_view.add_condition")), 1)
+              o("div", tl, C(de.value ? t(e)("menu.rule_groups.condition_view.edit_condition") : t(e)("menu.rule_groups.condition_view.add_condition")), 1)
             ])
           ]),
-          "side-sheet-footer": g(() => [
-            o("div", ul, [
+          "side-sheet-footer": _(() => [
+            o("div", il, [
               u(n, {
                 variant: "primary",
                 label: t(e)("menu.common.actions.save"),
-                onClick: Oe
+                onClick: ze
               }, null, 8, ["label"]),
               u(n, {
                 variant: "secondary",
                 label: t(e)("menu.common.actions.cancel"),
-                onClick: a[13] || (a[13] = U((s) => B.value = !1, ["stop"]))
+                onClick: a[13] || (a[13] = M((s) => j.value = !1, ["stop"]))
               }, null, 8, ["label"])
             ])
           ]),
-          default: g(() => [
-            o("div", tl, [
-              o("p", ll, w(t(e)("menu.rule_groups.condition_view.condition")), 1),
-              o("div", al, [
-                (i(!0), h(z, null, W(G.value, (s, T) => (i(), h("div", {
+          default: _(() => [
+            o("div", ll, [
+              o("p", al, C(t(e)("menu.rule_groups.condition_view.condition")), 1),
+              o("div", ol, [
+                (i(!0), x(N, null, H(D.value, (s, T) => (i(), x("div", {
                   key: s.key,
                   class: "flex justify-between gap-8"
                 }, [
-                  o("div", ol, [
+                  o("div", nl, [
                     u(ue, {
                       class: "flex w-full",
                       "model-value": s.attribute,
-                      items: Ue(s),
+                      items: Ae(s),
                       placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
                       "aria-label": t(e)("menu.menu_setting.rule_groups.condition.attribute"),
-                      "onUpdate:modelValue": (v) => Pe(s, v)
+                      "onUpdate:modelValue": (g) => Ge(s, g)
                     }, {
-                      "prepend-menu": g(() => [
+                      "prepend-menu": _(() => [
                         o("div", {
-                          onClick: a[9] || (a[9] = U(() => {
+                          onClick: a[9] || (a[9] = M(() => {
                           }, ["stop"]))
                         }, [
-                          u(k, {
+                          u(h, {
                             modelValue: Y.value,
-                            "onUpdate:modelValue": a[8] || (a[8] = (v) => Y.value = v),
+                            "onUpdate:modelValue": a[8] || (a[8] = (g) => Y.value = g),
                             class: "px-8",
                             placeholder: t(e)("menu.menu_setting.rule_groups.filter_options")
                           }, null, 8, ["modelValue", "placeholder"])
@@ -1097,48 +1113,48 @@ const ut = {
                     u(ue, {
                       class: "flex w-full",
                       "model-value": s.operator,
-                      items: Re.value,
+                      items: Ue.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(S)(K(T, "operator"))] : [],
-                      "onUpdate:modelValue": (v) => Ge(s, v)
+                      "error-messages": W(T, "operator") ? [t(S)(W(T, "operator"))] : [],
+                      "onUpdate:modelValue": (g) => De(s, g)
                     }, null, 8, ["model-value", "items", "placeholder", "aria-label", "error-messages", "onUpdate:modelValue"]),
-                    je(s) ? Ye((i(), h("div", nl, [
+                    Oe(s) ? et((i(), x("div", sl, [
                       u(se, {
                         "model-value": String(s.values[0] ?? ""),
                         placeholder: t(e)("menu.menu_setting.rule_groups.condition.value"),
-                        "error-messages": K(T, "values") ? [t(S)(K(T, "values"))] : [],
-                        "onUpdate:modelValue": (v) => s.values = v === "" || v == null ? [] : [String(v)]
+                        "error-messages": W(T, "values") ? [t(S)(W(T, "values"))] : [],
+                        "onUpdate:modelValue": (g) => s.values = g === "" || g == null ? [] : [String(g)]
                       }, null, 8, ["model-value", "placeholder", "error-messages", "onUpdate:modelValue"])
                     ])), [
                       [
-                        f,
+                        y,
                         t(e)("menu.menu_setting.rule_groups.condition.value")
                       ]
-                    ]) : (i(), F(ue, {
+                    ]) : (i(), w(ue, {
                       key: 1,
                       class: "flex w-full",
-                      "model-value": s.values.map(t(xe)),
-                      items: Me(s),
+                      "model-value": s.values.map(t(we)),
+                      items: Ie(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(S)(K(T, "values"))] : [],
-                      "onUpdate:modelValue": (v) => s.values = v.map(t(st))
+                      "error-messages": W(T, "values") ? [t(S)(W(T, "values"))] : [],
+                      "onUpdate:modelValue": (g) => s.values = g.map(t(ut))
                     }, {
-                      default: g(() => [
-                        o("div", sl, w(Ae(s)), 1)
+                      default: _(() => [
+                        o("div", ul, C(Le(s)), 1)
                       ]),
-                      "prepend-menu": g(() => [
+                      "prepend-menu": _(() => [
                         o("div", {
                           class: "flex",
-                          onClick: a[11] || (a[11] = U(() => {
+                          onClick: a[11] || (a[11] = M(() => {
                           }, ["stop"]))
                         }, [
-                          u(k, {
+                          u(h, {
                             modelValue: Z.value,
-                            "onUpdate:modelValue": a[10] || (a[10] = (v) => Z.value = v),
+                            "onUpdate:modelValue": a[10] || (a[10] = (g) => Z.value = g),
                             class: "px-8",
                             placeholder: t(e)("menu.menu_setting.rule_groups.filter_options")
                           }, null, 8, ["modelValue", "placeholder"])
@@ -1151,76 +1167,76 @@ const ut = {
                     variant: "tertiary",
                     "prepend-icon": "close",
                     "aria-label": t(e)("menu.menu_setting.rule_groups.remove_condition"),
-                    onClick: U((v) => Be(s.key), ["stop"])
+                    onClick: M((g) => je(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] = U((s) => Le(), ["stop"]))
+                  onClick: a[12] || (a[12] = M((s) => Pe(), ["stop"]))
                 }, null, 8, ["label"])
               ])
             ])
           ]),
           _: 1
-        }, 8, ["model-value"])) : M("", !0)
-      ])) : M("", !0);
+        }, 8, ["model-value"])) : A("", !0)
+      ])) : A("", !0);
     };
   }
-}), rl = { class: "flex h-full min-h-[240px] flex-col items-center justify-center gap-8 p-24 text-center" }, cl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, dl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ml = /* @__PURE__ */ E({
+}), cl = { class: "flex h-full min-h-[240px] flex-col items-center justify-center gap-8 p-24 text-center" }, dl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ml = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pl = /* @__PURE__ */ q({
   __name: "PlaceholderView",
   props: {
     module: {}
   },
-  setup(I) {
-    const { t: p } = q();
-    return (e, f) => (i(), h("div", rl, [
-      o("p", cl, w(e.module), 1),
-      o("p", dl, w(t(p)("menu.common.placeholder.not_migrated")), 1)
+  setup(B) {
+    const { t: v } = K();
+    return (e, y) => (i(), x("div", cl, [
+      o("p", dl, C(e.module), 1),
+      o("p", ml, C(t(v)("menu.common.placeholder.not_migrated")), 1)
     ]));
   }
-}), pl = { class: "py-16" }, Vl = /* @__PURE__ */ E({
+}), _l = { class: "py-16" }, Tl = /* @__PURE__ */ q({
   __name: "MenuSetting",
-  setup(I) {
-    const p = lt(), { t: e } = q(), f = H(p.menuSetting.tabs), S = {
+  setup(B) {
+    const v = at(), { t: e } = K(), y = J(v.menuSetting.tabs), S = {
       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"
-    }, _ = V(
-      () => (f.value.status === "ready" ? f.value.value.tabs : []).filter((m) => m.capability.state !== "hidden").map((m) => ({
-        label: e(S[m.key]),
-        value: m.key
+    }, b = V(
+      () => (y.value.status === "ready" ? y.value.value.tabs : []).filter((d) => d.capability.state !== "hidden").map((d) => ({
+        label: e(S[d.key]),
+        value: d.key
       }))
-    ), d = P("configuration");
-    return (m, A) => {
-      const L = C("FmTabs");
-      return i(), F($e, {
+    ), m = G("configuration");
+    return (d, $) => {
+      const P = F("FmTabs");
+      return i(), w(Re, {
         heading: t(e)("menu.menu_setting.title")
       }, {
-        default: g(() => [
-          u(L, {
-            "model-value": d.value,
-            items: _.value,
-            "onUpdate:modelValue": A[0] || (A[0] = (x) => d.value = x)
+        default: _(() => [
+          u(P, {
+            "model-value": m.value,
+            items: b.value,
+            "onUpdate:modelValue": $[0] || ($[0] = (f) => m.value = f)
           }, null, 8, ["model-value", "items"]),
-          o("div", pl, [
-            d.value === "configuration" ? (i(), F(ct, {
+          o("div", _l, [
+            m.value === "configuration" ? (i(), w(dt, {
               key: 0,
-              sdk: t(p)
-            }, null, 8, ["sdk"])) : d.value === "priceGroup" ? (i(), F(bt, {
+              sdk: t(v)
+            }, null, 8, ["sdk"])) : m.value === "priceGroup" ? (i(), w(ft, {
               key: 1,
-              sdk: t(p)
-            }, null, 8, ["sdk"])) : d.value === "memberPricing" ? (i(), F(mt, {
+              sdk: t(v)
+            }, null, 8, ["sdk"])) : m.value === "memberPricing" ? (i(), w(pt, {
               key: 2,
-              sdk: t(p)
-            }, null, 8, ["sdk"])) : d.value === "ruleGroups" ? (i(), F(il, {
+              sdk: t(v)
+            }, null, 8, ["sdk"])) : m.value === "ruleGroups" ? (i(), w(rl, {
               key: 3,
-              sdk: t(p)
-            }, null, 8, ["sdk"])) : (i(), F(ml, {
+              sdk: t(v)
+            }, null, 8, ["sdk"])) : (i(), w(pl, {
               key: 4,
-              module: t(e)(S[d.value])
+              module: t(e)(S[m.value])
             }, null, 8, ["module"]))
           ])
         ]),
@@ -1230,5 +1246,5 @@ const ut = {
   }
 });
 export {
-  Vl as default
+  Tl as default
 };