@feedmepos/mf-menu 1.0.1-dev.1 → 1.0.1-dev.2

package/dist/{MenuSetting-DARGZW4u.js → MenuSetting-DsdM2_OW.js}

@@ -1,67 +1,68 @@
-import { defineComponent as N, onUnmounted as be, computed as M, resolveComponent as x, openBlock as r, createElementBlock as k, createVNode as i, unref as t, withCtx as b, createElementVNode as a, Fragment as z, renderList as K, createBlock as F, createCommentVNode as L, ref as I, watch as ze, h as D, withModifiers as R, toDisplayString as h, shallowRef as ge } from "vue";
-import { useI18n as E } from "@feedmepos/mf-common";
-import { _ as De } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as ee, d as Ne } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { u as le } from "./useActionFeedback-Di6FGqLG.js";
-import { b as fe, u as W, a as Ee } from "./provide-CxmHxIEV.js";
-import { useDialogChild as Oe, useDialog as ie, components as te, useBreakpoints as qe } from "@feedmepos/ui-library";
-import { _ as ye } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as he } from "./app-DUyvBFfY.js";
-import { _ as ke } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Ke } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
-const We = {
+import { defineComponent as E, onUnmounted as ye, computed as U, resolveComponent as C, openBlock as i, createElementBlock as y, createVNode as u, unref as t, withCtx as v, createElementVNode as n, Fragment as O, renderList as W, createBlock as S, createCommentVNode as A, ref as P, watch as Ee, h as N, withModifiers as T, toDisplayString as w, shallowRef as be, withDirectives as qe } from "vue";
+import { useI18n as q } from "@feedmepos/mf-common";
+import { _ as Ke } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as ee, d as We } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { u as le } from "./useActionFeedback-CdY_C_HX.js";
+import { b as he, u as H, r as ie, a as He } from "./provide-dbE6Qt1z.js";
+import { useDialogChild as Je, useDialog as re, components as te, useBreakpoints as Qe } from "@feedmepos/ui-library";
+import { _ as ke } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as xe } from "./app-BlTv5xag.js";
+import { _ as we } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { _ as Xe } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
+import { r as Ye, a as fe } from "./ruleValueKey-BF52PuHb.js";
+const Ze = {
   key: 0,
   class: "space-y-32 max-w-[750px] xs:p-16"
-}, He = {
+}, et = {
   key: 0,
   class: "pl-32 space-x-8"
-}, Je = { class: "space-y-16" }, Qe = /* @__PURE__ */ N({
+}, tt = { class: "space-y-16" }, lt = /* @__PURE__ */ E({
   __name: "ConfigurationTab",
   props: {
     sdk: {}
   },
-  setup(B) {
-    const _ = B, { t: e } = E(), v = fe(), { run: S } = le(), f = _.sdk.menuSetting.configuration();
-    be(() => f.dispose());
-    const c = W(f), d = M(
+  setup(L) {
+    const p = L, { t: e } = q(), b = he(), { run: F } = le(), g = p.sdk.menuSetting.configuration();
+    ye(() => g.dispose());
+    const c = H(g), m = U(
       () => c.value.status === "ready" ? c.value.value : null
-    ), A = M(() => {
-      var m;
-      const T = ((m = d.value) == null ? void 0 : m.lowStockThreshold) ?? "";
-      if (T.trim() === "") return null;
-      const u = Number(T);
-      return Number.isNaN(u) ? null : u;
+    ), I = U(() => {
+      var $;
+      const h = (($ = m.value) == null ? void 0 : $.lowStockThreshold) ?? "";
+      if (h.trim() === "") return null;
+      const r = Number(h);
+      return Number.isNaN(r) ? null : r;
     });
-    async function V() {
-      await S(() => f.submit(), {
+    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 T;
-          return ((T = d.value) == null ? void 0 : T.status) === "submitting";
+          var h;
+          return ((h = m.value) == null ? void 0 : h.status) === "submitting";
         }
       });
     }
-    return (T, u) => {
-      const m = x("FmRadio"), p = x("FmRadioGroup"), w = x("FmCheckbox"), O = x("FmSwitch"), j = x("FmStepperField"), oe = x("FmButton");
-      return d.value ? (r(), k("div", We, [
-        i(ee, {
+    return (h, r) => {
+      const $ = C("FmRadio"), k = C("FmRadioGroup"), d = C("FmCheckbox"), z = C("FmSwitch"), K = C("FmStepperField"), j = C("FmButton");
+      return m.value ? (i(), y("div", Ze, [
+        u(ee, {
           title: t(e)("menu.tax_setting.title")
         }, {
-          default: b(() => [
-            a("div", null, [
-              i(p, {
-                "model-value": d.value.taxMode,
-                "onUpdate:modelValue": u[0] || (u[0] = (g) => t(f).setTaxMode(g))
+          default: v(() => [
+            n("div", null, [
+              u(k, {
+                "model-value": m.value.taxMode,
+                "onUpdate:modelValue": r[0] || (r[0] = (V) => t(g).setTaxMode(V))
               }, {
-                default: b(() => [
-                  i(m, {
+                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"]),
-                  i(m, {
+                  u($, {
                     value: "manual",
                     label: t(e)("menu.setting.tax.modes.manual.label"),
                     sublabel: t(e)("menu.setting.tax.modes.manual.sublabel")
@@ -69,100 +70,100 @@ const We = {
                 ]),
                 _: 1
               }, 8, ["model-value"]),
-              d.value.taxMode === "manual" ? (r(), k("div", He, [
-                (r(!0), k(z, null, K(d.value.taxSystems, (g) => (r(), F(w, {
-                  key: g.systemCode,
-                  "model-value": g.inclusive,
+              m.value.taxMode === "manual" ? (i(), y("div", et, [
+                (i(!0), y(O, null, W(m.value.taxSystems, (V) => (i(), S(d, {
+                  key: V.systemCode,
+                  "model-value": V.inclusive,
                   value: !0,
-                  label: t(e)("menu.setting.tax.inclusive", { code: g.systemCode }),
-                  "onUpdate:modelValue": (G) => t(f).setTaxInclusive(g.systemCode, !!G)
+                  label: t(e)("menu.setting.tax.inclusive", { code: V.systemCode }),
+                  "onUpdate:modelValue": (M) => t(g).setTaxInclusive(V.systemCode, !!M)
                 }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
-              ])) : L("", !0)
+              ])) : A("", !0)
             ]),
-            d.value.statutoryChargeWaivers.length > 0 ? (r(), F(De, {
+            m.value.statutoryChargeWaivers.length > 0 ? (i(), S(Ke, {
               key: 0,
               label: t(e)("menu.catalog.form.statutory_charges.title")
             }, {
-              default: b(() => [
-                a("div", Je, [
-                  (r(!0), k(z, null, K(d.value.statutoryChargeWaivers, (g) => (r(), F(O, {
-                    key: g.code,
-                    "model-value": g.waived,
+              default: v(() => [
+                n("div", tt, [
+                  (i(!0), y(O, null, W(m.value.statutoryChargeWaivers, (V) => (i(), S(z, {
+                    key: V.code,
+                    "model-value": V.waived,
                     label: t(e)("menu.catalog.form.statutory_charges.waive", {
-                      name: g.name
+                      name: V.name
                     }),
                     sublabel: t(e)("menu.menu_setting.statutory_charges.sublabel"),
                     "label-placement": "right",
-                    "onUpdate:modelValue": (G) => t(f).setStatutoryChargeWaived(g.code, G)
+                    "onUpdate:modelValue": (M) => t(g).setStatutoryChargeWaived(V.code, M)
                   }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
                 ])
               ]),
               _: 1
-            }, 8, ["label"])) : L("", !0)
+            }, 8, ["label"])) : A("", !0)
           ]),
           _: 1
         }, 8, ["title"]),
-        i(ee, {
+        u(ee, {
           title: t(e)("menu.menu_setting.fields.low_stock.title"),
           "sub-title": t(e)("menu.menu_setting.fields.low_stock.subtitle")
         }, {
-          default: b(() => [
-            i(j, {
-              "model-value": A.value,
+          default: v(() => [
+            u(K, {
+              "model-value": I.value,
               min: 0,
               max: 1e3,
               step: 1,
               placeholder: t(e)("menu.menu_setting.fields.low_stock.not_set"),
-              "helper-state": d.value.lowStockIssue ? "error" : "none",
-              "helper-text": d.value.lowStockIssue ? t(v)(d.value.lowStockIssue) : t(e)("menu.menu_setting.fields.low_stock.helper_text"),
-              "onUpdate:modelValue": u[1] || (u[1] = (g) => t(f).setLowStockThreshold(
-                g == null ? "" : String(g)
+              "helper-state": m.value.lowStockIssue ? "error" : "none",
+              "helper-text": m.value.lowStockIssue ? t(b)(m.value.lowStockIssue) : t(e)("menu.menu_setting.fields.low_stock.helper_text"),
+              "onUpdate:modelValue": r[1] || (r[1] = (V) => t(g).setLowStockThreshold(
+                V == null ? "" : String(V)
               ))
             }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text"])
           ]),
           _: 1
         }, 8, ["title", "sub-title"]),
-        i(oe, {
+        u(j, {
           label: t(e)("menu.common.actions.save"),
-          disabled: d.value.submit.state !== "allowed",
-          loading: d.value.status === "submitting",
-          onClick: V
+          disabled: m.value.submit.state !== "allowed",
+          loading: m.value.status === "submitting",
+          onClick: B
         }, null, 8, ["label", "disabled", "loading"])
-      ])) : L("", !0);
+      ])) : A("", !0);
     };
   }
-}), Xe = /* @__PURE__ */ N({
+}), at = /* @__PURE__ */ E({
   __name: "AddMemberTierDialog",
-  setup(B) {
-    const { t: _ } = E(), { emitData: e } = Oe(), v = I("");
-    return ze(v, (S) => e(S)), (S, f) => {
-      const c = x("FmTextField");
-      return r(), F(c, {
-        modelValue: v.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (d) => v.value = d),
-        label: t(_)("menu.member_pricing.name_title")
+  setup(L) {
+    const { t: p } = q(), { emitData: e } = Je(), b = P("");
+    return Ee(b, (F) => e(F)), (F, g) => {
+      const c = C("FmTextField");
+      return i(), S(c, {
+        modelValue: b.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (m) => b.value = m),
+        label: t(p)("menu.member_pricing.name_title")
       }, null, 8, ["modelValue", "label"]);
     };
   }
-}), Ye = /* @__PURE__ */ N({
+}), ot = /* @__PURE__ */ E({
   __name: "MemberPricingTab",
   props: {
     sdk: {}
   },
-  setup(B) {
-    const _ = B, { t: e } = E(), v = ie(), { run: S } = le(), f = W(_.sdk.memberPricing.list), c = M(
-      () => f.value.status === "ready" ? f.value.value : null
-    ), d = M(() => {
-      var u;
-      return [...((u = c.value) == null ? void 0 : u.rows) ?? []];
+  setup(L) {
+    const p = L, { t: e } = q(), b = re(), { run: F } = le(), g = H(p.sdk.memberPricing.list), c = U(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), m = U(() => {
+      var r;
+      return [...((r = c.value) == null ? void 0 : r.rows) ?? []];
     });
-    function A() {
-      var u;
-      ((u = c.value) == null ? void 0 : u.create.state) === "allowed" && v.open({
+    function I() {
+      var r;
+      ((r = c.value) == null ? void 0 : r.create.state) === "allowed" && b.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: Xe,
+        contentComponent: at,
         primaryActions: {
           text: e("menu.category.manager.dialog.add.action"),
           close: !1
@@ -171,19 +172,19 @@ const We = {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(async (m) => {
-        (await S(
+      }).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.
-          () => _.sdk.memberPricing.create(String(m ?? "")),
+          () => 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: (w) => e("menu.member_pricing.add_member_tier_success", {
-              name: w.key
+            successMessage: (d) => e("menu.member_pricing.add_member_tier_success", {
+              name: d.key
             }),
             // Two rejections settle here without a round trip and legacy shows
             // no pending pill for either: the empty name is silent altogether
@@ -201,21 +202,21 @@ const We = {
             // SDK's own answer, and it keeps answering correctly if either
             // guard ever moves.
             showLoading: () => {
-              var w;
-              return ((w = c.value) == null ? void 0 : w.create.state) !== "allowed";
+              var d;
+              return ((d = c.value) == null ? void 0 : d.create.state) !== "allowed";
             }
           }
-        )).kind === "success" && v.close();
+        )).kind === "success" && b.close();
       });
     }
-    function V(u) {
-      u.remove.state === "allowed" && v.open({
+    function B(r) {
+      r.remove.state === "allowed" && b.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: u.key
+          name: r.key
         }),
         primaryActions: {
           text: e("menu.common.actions.remove"),
@@ -226,17 +227,17 @@ const We = {
           close: !0
         }
       }).onPrimary(async () => {
-        (await S(
-          () => _.sdk.memberPricing.remove(u.key),
+        (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" && v.close();
+        )).kind === "success" && b.close();
       });
     }
-    const T = M(() => [
+    const h = U(() => [
       {
         accessorKey: "key",
         enableSorting: !1,
@@ -251,52 +252,52 @@ const We = {
         // 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: (u) => D("div", { class: "flex justify-end px-4" }, [
-          D(te.FmButton, {
+        cell: (r) => N("div", { class: "flex justify-end px-4" }, [
+          N(te.FmButton, {
             icon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
             "aria-label": e("menu.member_pricing.table.actions.delete"),
-            disabled: u.row.original.remove.state !== "allowed",
-            onClick: R(
-              () => V(u.row.original),
+            disabled: r.row.original.remove.state !== "allowed",
+            onClick: T(
+              () => B(r.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return (u, m) => {
-      const p = x("FmButton"), w = x("FmTable");
-      return c.value ? (r(), F(ke, {
+    return (r, $) => {
+      const k = C("FmButton"), d = C("FmTable");
+      return c.value ? (i(), S(we, {
         key: 0,
         heading: t(e)("menu.member_pricing.title"),
         subheading: t(e)("menu.member_pricing.description")
       }, {
-        "append-heading": b(() => [
-          c.value.rows.length > 0 ? (r(), F(p, {
+        "append-heading": v(() => [
+          c.value.rows.length > 0 ? (i(), S(k, {
             key: 0,
             label: t(e)("menu.member_pricing.add_member_tier"),
             disabled: c.value.create.state !== "allowed",
             "prepend-icon": "add",
-            onClick: A
-          }, null, 8, ["label", "disabled"])) : L("", !0)
+            onClick: I
+          }, null, 8, ["label", "disabled"])) : A("", !0)
         ]),
-        default: b(() => [
-          c.value.rows.length === 0 ? (r(), F(t(ye), {
+        default: v(() => [
+          c.value.rows.length === 0 ? (i(), S(t(ke), {
             key: 0,
             action: {
               text: t(e)("menu.member_pricing.add_member_tier"),
-              callback: A
+              callback: I
             },
             subtitle: t(e)("menu.member_pricing.empty.subtitle"),
             title: t(e)("menu.member_pricing.empty.title")
-          }, null, 8, ["action", "subtitle", "title"])) : (r(), F(he, { key: 1 }, {
-            default: b(() => [
-              i(w, {
-                "column-defs": T.value,
+          }, null, 8, ["action", "subtitle", "title"])) : (i(), S(xe, { key: 1 }, {
+            default: v(() => [
+              u(d, {
+                "column-defs": h.value,
                 "page-size": c.value.rows.length,
-                "row-data": d.value,
+                "row-data": m.value,
                 "shrink-at": !1,
                 "hide-footer": "",
                 "pin-header-row": ""
@@ -306,29 +307,29 @@ const We = {
           }))
         ]),
         _: 1
-      }, 8, ["heading", "subheading"])) : L("", !0);
+      }, 8, ["heading", "subheading"])) : A("", !0);
     };
   }
-}), Ze = {
+}), nt = {
   key: 0,
   class: "flex flex-col gap-16"
-}, et = { class: "flex items-center justify-between gap-16" }, tt = { class: "fm-typo-en-title-md-600" }, lt = { class: "text-fm-color-typo-secondary" }, ot = /* @__PURE__ */ N({
+}, st = { class: "flex items-center justify-between gap-16" }, ut = { class: "fm-typo-en-title-md-600" }, it = { class: "text-fm-color-typo-secondary" }, rt = /* @__PURE__ */ E({
   __name: "PriceGroupTab",
   props: {
     sdk: {}
   },
-  setup(B) {
-    const _ = B, { t: e } = E(), v = ie(), { run: S } = le(), f = W(_.sdk.priceTier.list), c = M(
-      () => f.value.status === "ready" ? f.value.value : null
-    ), d = M(() => {
-      var u;
-      return [...((u = c.value) == null ? void 0 : u.rows) ?? []];
+  setup(L) {
+    const p = L, { t: e } = q(), b = re(), { run: F } = le(), g = H(p.sdk.priceTier.list), c = U(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), m = U(() => {
+      var r;
+      return [...((r = c.value) == null ? void 0 : r.rows) ?? []];
     });
-    function A() {
-      var u;
-      ((u = c.value) == null ? void 0 : u.create.state) === "allowed" && v.open({
+    function I() {
+      var r;
+      ((r = c.value) == null ? void 0 : r.create.state) === "allowed" && b.open({
         title: e("menu.price_tier.add_price_group"),
-        contentComponent: Ke,
+        contentComponent: Xe,
         primaryActions: {
           text: e("menu.category.manager.dialog.add.action"),
           close: !1
@@ -337,12 +338,12 @@ const We = {
           text: e("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(async (m) => {
-        (await S(
+      }).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.
-          () => _.sdk.priceTier.create(String(m ?? "")),
+          () => 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
@@ -360,17 +361,17 @@ const We = {
             // SDK's own answer, and it keeps answering correctly if the
             // submittability rule ever moves.
             showLoading: () => {
-              var w;
-              return ((w = c.value) == null ? void 0 : w.create.state) !== "allowed";
+              var d;
+              return ((d = c.value) == null ? void 0 : d.create.state) !== "allowed";
             }
           }
-        )).kind === "success" && v.close();
+        )).kind === "success" && b.close();
       });
     }
-    function V(u) {
-      u.remove.state === "allowed" && v.open({
+    function B(r) {
+      r.remove.state === "allowed" && b.open({
         title: e("menu.price_tier.delete_dialog.title"),
-        message: e("menu.price_tier.delete_dialog.message", { name: u.key }),
+        message: e("menu.price_tier.delete_dialog.message", { name: r.key }),
         primaryActions: {
           text: e("menu.common.actions.remove"),
           close: !1
@@ -380,13 +381,13 @@ const We = {
           close: !0
         }
       }).onPrimary(async () => {
-        (await S(
-          () => _.sdk.priceTier.remove(u.key),
+        (await F(
+          () => p.sdk.priceTier.remove(r.key),
           { successMessage: e("menu.price_tier.delete_dialog.success") }
-        )).kind === "success" && v.close();
+        )).kind === "success" && b.close();
       });
     }
-    const T = M(() => [
+    const h = U(() => [
       {
         accessorKey: "key",
         enableSorting: !1,
@@ -399,95 +400,107 @@ const We = {
         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: (u) => D("div", { class: "flex justify-end px-4" }, [
-          D(te.FmButton, {
+        cell: (r) => N("div", { class: "flex justify-end px-4" }, [
+          N(te.FmButton, {
             icon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
             "aria-label": e("menu.price_tier.settings_table.actions.delete"),
-            disabled: u.row.original.remove.state !== "allowed",
-            onClick: R(
-              () => V(u.row.original),
+            disabled: r.row.original.remove.state !== "allowed",
+            onClick: T(
+              () => B(r.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return (u, m) => {
-      const p = x("FmButton"), w = x("FmTable");
-      return c.value ? (r(), k("div", Ze, [
-        a("div", et, [
-          a("div", null, [
-            a("h1", tt, h(t(e)("menu.price_tier.price_group")), 1),
-            a("p", lt, h(t(e)("menu.price_tier.description")), 1)
+    return (r, $) => {
+      const k = C("FmButton"), d = C("FmTable");
+      return c.value ? (i(), y("div", nt, [
+        n("div", st, [
+          n("div", null, [
+            n("h1", ut, w(t(e)("menu.price_tier.price_group")), 1),
+            n("p", it, w(t(e)("menu.price_tier.description")), 1)
           ]),
-          i(p, {
+          u(k, {
             label: t(e)("menu.price_tier.add_price_group"),
             disabled: c.value.create.state !== "allowed",
             "prepend-icon": "add",
-            onClick: A
+            onClick: I
           }, null, 8, ["label", "disabled"])
         ]),
-        i(w, {
-          "column-defs": T.value,
+        u(d, {
+          "column-defs": h.value,
           "page-size": Math.max(c.value.rows.length, 1),
-          "row-data": d.value,
+          "row-data": m.value,
           "shrink-at": !1,
           "hide-footer": "",
           "pin-header-row": ""
         }, null, 8, ["column-defs", "page-size", "row-data"])
-      ])) : L("", !0);
+      ])) : A("", !0);
     };
   }
-}), at = { key: 0 }, nt = {
+}), ct = { key: 0 }, dt = {
   key: 0,
   class: "space-y-8"
-}, st = { class: "flex items-center justify-between" }, it = { class: "fm-typo-en-title-md-600" }, ut = { class: "text-fm-color-typo-secondary" }, rt = { class: "flex justify-end items-center" }, ct = { class: "w-[320px]" }, dt = {
+}, mt = { class: "flex items-center justify-between" }, pt = { class: "fm-typo-en-title-md-600" }, _t = { class: "text-fm-color-typo-secondary" }, vt = { class: "flex justify-end items-center" }, gt = { class: "w-[320px]" }, bt = {
   key: 1,
   class: "flex-1 flex flex-col min-h-0"
-}, mt = { class: "flex items-center justify-between p-8" }, pt = { 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"], gt = { class: "flex-1 space-y-4" }, bt = { class: "fm-typo-en-body-lg-600" }, ft = {
+}, ft = { class: "flex items-center justify-between p-8" }, yt = { class: "flex-1 mr-8" }, ht = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, kt = ["onClick"], xt = { class: "flex-1 space-y-4" }, wt = { class: "fm-typo-en-body-lg-600" }, Ct = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, yt = { class: "fm-typo-en-title-md-600 mr-auto" }, ht = { class: "py-8 px-8 overflow-y-auto space-y-24" }, kt = { class: "space-y-16" }, xt = { class: "rule-item" }, wt = { class: "flex items-center space-x-16" }, Ct = { class: "flex flex-col min-w-0 w-full" }, Ft = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, St = { class: "flex items-center justify-between pb-8" }, $t = { class: "text-fm-color-neutral-gray-300" }, Rt = { class: "flex gap-8" }, Vt = { class: "flex flex-col space-y-8" }, Tt = { class: "fm-typo-en-body-lg-600" }, Ut = { class: "w-24" }, Mt = { class: "flex w-full fm-typo-en-body-lg-400 space-x-8 overflow-hidden" }, At = { class: "whitespace-nowrap" }, Lt = { class: "fm-typo-en-body-lg-600 whitespace-nowrap" }, Bt = ["onClick"], It = {
+}, Ft = { class: "fm-typo-en-title-md-600 mr-auto" }, St = { class: "py-8 px-8 overflow-y-auto space-y-24" }, $t = { class: "space-y-16" }, Vt = { class: "rule-item" }, Rt = { class: "flex items-center space-x-16" }, Tt = { class: "flex flex-col min-w-0 w-full" }, Ut = { class: "flex-1 relative border border-fm-color-neutral-gray-200 rounded-md p-16" }, Mt = { class: "flex items-center justify-between pb-8" }, At = { class: "text-fm-color-neutral-gray-300" }, It = { class: "flex gap-8" }, Lt = { class: "flex flex-col space-y-8" }, Bt = { class: "fm-typo-en-body-lg-600" }, Pt = { class: "w-24" }, jt = { class: "flex w-full fm-typo-en-body-lg-400 space-x-8 overflow-hidden" }, Gt = { class: "whitespace-nowrap" }, Dt = { class: "fm-typo-en-body-lg-600 whitespace-nowrap" }, zt = ["onClick"], Ot = {
   key: 0,
   class: "flex items-center select-none ml-16"
-}, jt = { class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300" }, Pt = { class: "flex gap-8 items-center justify-start" }, Gt = { class: "flex items-center gap-24" }, zt = { class: "fm-typo-en-headline-lg-600" }, Dt = { class: "p-16 flex flex-col gap-16" }, Nt = { class: "fm-typo-en-body-lg-600" }, Et = { class: "flex flex-col gap-16" }, Ot = { class: "flex w-full justify-between gap-16" }, qt = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, Kt = { class: "flex gap-16 items-center" }, Z = "__null__", Wt = /* @__PURE__ */ N({
+}, Nt = { class: "fm-typo-en-body-lg-400 text-fm-color-neutral-gray-300" }, Et = { class: "flex gap-8 items-center justify-start" }, qt = { class: "flex items-center gap-24" }, Kt = { class: "fm-typo-en-headline-lg-600" }, Wt = { class: "p-16 flex flex-col gap-16" }, Ht = { class: "fm-typo-en-body-lg-600" }, Jt = { class: "flex flex-col gap-16" }, Qt = { class: "flex w-full justify-between gap-16" }, Xt = {
+  key: 0,
+  class: "flex w-full [&>*]:w-full"
+}, Yt = { class: "break-all fm-typo-en-body-lg-400 line-clamp-1" }, Zt = { class: "flex gap-16 items-center" }, el = /* @__PURE__ */ E({
   __name: "RuleGroupsTab",
   props: {
     sdk: {}
   },
-  setup(B) {
-    const _ = B, { t: e } = E(), v = fe(), S = ie(), { run: f } = le(), { breakpoints: c } = qe(), d = M(() => c.value.xs), A = W(
-      _.sdk.menuSetting.ruleGroupList
-    ), V = M(
-      () => A.value.status === "ready" ? A.value.value : null
-    ), T = M(() => {
-      var o;
-      return [...((o = V.value) == null ? void 0 : o.rows) ?? []];
-    }), u = I(!1), m = ge(null), p = ge(null);
-    let w = null;
-    function O(o) {
+  setup(L) {
+    const p = L, { t: e } = q(), b = {
+      mounted: (l, a) => {
+        var o;
+        (o = l.querySelector("input")) == null || o.setAttribute("aria-label", a.value);
+      },
+      updated: (l, a) => {
+        var o;
+        (o = l.querySelector("input")) == null || o.setAttribute("aria-label", a.value);
+      }
+    }, F = he(), g = re(), { run: c } = le(), { breakpoints: m } = Qe(), I = U(() => m.value.xs), B = H(
+      p.sdk.menuSetting.ruleGroupList
+    ), h = U(
+      () => B.value.status === "ready" ? B.value.value : null
+    ), r = U(() => {
+      var l;
+      return [...((l = h.value) == null ? void 0 : l.rows) ?? []];
+    }), $ = P(!1), k = be(null), d = be(null);
+    let z = null;
+    function K(l) {
       j();
-      const l = _.sdk.menuSetting.ruleGroupEditor(o);
-      m.value = l, w = l.subscribe(
-        (n) => {
-          p.value = n.status === "ready" ? n.value : null;
+      const a = p.sdk.menuSetting.ruleGroupEditor(l);
+      k.value = a, z = a.subscribe(
+        (o) => {
+          d.value = o.status === "ready" ? o.value : null;
         }
-      ), u.value = !0;
+      ), $.value = !0;
     }
     function j() {
-      var o;
-      g.value = !1, w == null || w(), w = null, (o = m.value) == null || o.dispose(), m.value = null, p.value = null, u.value = !1;
+      var l;
+      M.value = !1, z == null || z(), z = null, (l = k.value) == null || l.dispose(), k.value = null, d.value = null, $.value = !1;
     }
-    be(() => j());
-    function oe() {
-      var o;
-      if (!((o = p.value) != null && o.dirty)) {
+    ye(() => j());
+    function V() {
+      var l;
+      if (!((l = d.value) != null && l.dirty)) {
         j();
         return;
       }
-      S.open({
+      g.open({
         title: e("menu.common.dialog.dismiss.title"),
         message: e("menu.common.dialog.dismiss.message"),
         primaryActions: {
@@ -500,17 +513,17 @@ const We = {
         }
       }).onPrimary(() => j());
     }
-    const g = I(!1), G = I(null), ue = I(!1), P = I([]), ae = I([]), H = I(""), J = I("");
-    let re = 0;
-    function Q() {
-      return re += 1, {
-        key: `condition-${re}`,
+    const M = P(!1), ae = P(null), ce = P(!1), D = P([]), oe = P([]), J = P(""), Q = P("");
+    let de = 0;
+    function X() {
+      return de += 1, {
+        key: `condition-${de}`,
         attribute: null,
         operator: null,
         values: []
       };
     }
-    const ce = [
+    const me = [
       { value: "in", label: "menu.rule_groups.condition_view.operator.in" },
       {
         value: "notIn",
@@ -520,133 +533,136 @@ const We = {
         value: "startsWith",
         label: "menu.rule_groups.condition_view.operator.starts_with"
       }
-    ], xe = M(
-      () => ce.map((o) => ({ label: e(o.label), value: o.value }))
+    ], Ce = U(
+      () => me.map((l) => ({ label: e(l.label), value: l.value }))
     );
-    function we(o) {
-      var n;
-      const l = (n = ce.find((y) => y.value === o)) == null ? void 0 : n.label;
-      return l ? e(l) : "";
+    function Fe(l) {
+      var o;
+      const a = (o = me.find((f) => f.value === l)) == null ? void 0 : o.label;
+      return a ? e(a) : "";
     }
-    function de(o) {
-      var l;
-      return (((l = p.value) == null ? void 0 : l.attributeOptions) ?? []).find(
-        (n) => n.key === o
+    function pe(l) {
+      var a;
+      return (((a = d.value) == null ? void 0 : a.attributeOptions) ?? []).find(
+        (o) => o.key === l
       ) ?? null;
     }
-    function Ce(o) {
-      var y;
-      const l = P.value.filter((U) => U.key !== o.key).map((U) => U.attribute), n = H.value.trim().toLowerCase();
-      return (((y = p.value) == null ? void 0 : y.attributeOptions) ?? []).filter((U) => !l.includes(U.key)).map((U) => ({
-        label: e(U.label),
-        value: U.key
-      })).filter((U) => !n || U.label.toLowerCase().includes(n));
+    function Se(l) {
+      var f;
+      const a = D.value.filter((R) => R.key !== l.key).map((R) => R.attribute), o = J.value.trim().toLowerCase();
+      return (((f = d.value) == null ? void 0 : f.attributeOptions) ?? []).filter((R) => !a.includes(R.key)).map((R) => ({
+        label: e(R.label, R.labelParams ?? {}),
+        value: R.key
+      })).filter((R) => !o || R.label.toLowerCase().includes(o));
     }
-    function Fe(o) {
-      var n;
-      const l = J.value.trim().toLowerCase();
-      return (((n = de(o.attribute)) == null ? void 0 : n.values) ?? []).map((y) => ({
+    function $e(l) {
+      var o;
+      const a = Q.value.trim().toLowerCase();
+      return (((o = pe(l.attribute)) == null ? void 0 : o.values) ?? []).map((f) => ({
         // Display text, not a code: a value is business data shown verbatim.
-        label: y.label,
-        // FmSelect needs a primitive; `null` is a real stored value, so it is
-        // carried as a sentinel here and mapped back on save.
-        value: y.value === null ? Z : y.value
+        label: f.label,
+        // FmSelect needs a primitive; a value travels as its key.
+        value: fe(f.value),
+        selected: l.values.includes(f.value)
       })).filter(
-        (y) => !l || y.label.toLowerCase().includes(l) || // A chosen value stays listed while filtering, so FmSelect keeps it.
-        o.values.includes(y.value)
-      );
+        (f) => !a || f.label.toLowerCase().includes(a) || // A chosen value stays listed while filtering, so FmSelect keeps it.
+        f.selected
+      ).map(({ label: f, value: R }) => ({ label: f, value: R }));
     }
-    function Se(o) {
-      const l = de(o.attribute);
-      return o.values.map(
-        (n) => {
-          var y;
-          return ((y = l == null ? void 0 : l.values.find(
-            (U) => (U.value === null ? Z : U.value) === n
-          )) == null ? void 0 : y.label) ?? String(n);
+    function Ve(l) {
+      const a = pe(l.attribute);
+      return l.values.map(
+        (o) => {
+          var f;
+          return ((f = a == null ? void 0 : a.values.find((R) => R.value === o)) == null ? void 0 : f.label) ?? String(o);
         }
       ).join(", ");
     }
-    function q(o, l) {
-      return ae.value.find(
-        (n) => n.field === `conditions.${o}.${l}`
+    function G(l, a) {
+      return oe.value.find(
+        (o) => o.field === `conditions.${l}.${a}`
       ) ?? null;
     }
-    function X(o) {
-      G.value = (o == null ? void 0 : o.id) ?? null, ue.value = !!o && o.conditions.length > 0, P.value = o != null && o.conditions.length ? o.conditions.map((l) => ({
-        ...Q(),
-        attribute: l.attribute,
-        operator: l.operator,
-        values: l.values.map(
-          (n) => n === null ? Z : n
-        )
-      })) : [Q()], ae.value = [], H.value = "", J.value = "", g.value = !0;
+    function Y(l) {
+      ae.value = (l == null ? void 0 : l.id) ?? null, ce.value = !!l && l.conditions.length > 0, D.value = l != null && l.conditions.length ? l.conditions.map((a) => ({
+        ...X(),
+        attribute: a.attribute,
+        operator: a.operator,
+        values: [...a.values]
+      })) : [X()], oe.value = [], J.value = "", Q.value = "", M.value = !0;
+    }
+    function Re() {
+      D.value = [...D.value, X()];
+    }
+    function Te(l) {
+      const a = D.value.filter((o) => o.key !== l);
+      D.value = a.length > 0 ? a : [X()];
     }
-    function $e() {
-      P.value = [...P.value, Q()];
+    function Ue(l, a) {
+      l.attribute = a, l.values = [];
     }
-    function Re(o) {
-      const l = P.value.filter((n) => n.key !== o);
-      P.value = l.length > 0 ? l : [Q()];
+    function Me(l) {
+      return ie(l.operator) === "text";
     }
-    function Ve(o, l) {
-      o.attribute = l, o.values = [];
+    function Ae(l, a) {
+      const o = ie(l.operator);
+      l.operator = a, ie(l.operator) !== o && (l.values = []);
     }
-    function Te() {
-      if (!m.value) return;
-      const o = P.value.map((n) => ({
-        attribute: n.attribute,
-        operator: n.operator,
-        values: n.values.map((y) => y === Z ? null : y)
-      })), l = G.value ? m.value.updateRule(G.value, o) : m.value.addRule(o);
-      if (l.kind === "rejected") {
-        ae.value = l.issues;
+    function Ie() {
+      if (!k.value) return;
+      const l = D.value.map((o) => ({
+        attribute: o.attribute,
+        operator: o.operator,
+        values: [...o.values]
+      })), a = ae.value ? k.value.updateRule(ae.value, l) : k.value.addRule(l);
+      if (a.kind === "rejected") {
+        oe.value = a.issues;
         return;
       }
-      g.value = !1;
+      M.value = !1;
     }
-    function Ue(o) {
-      return `${e("menu.rule_groups.condition_view.rule")} ${o + 1}`;
+    function Le(l) {
+      return `${e("menu.rule_groups.condition_view.rule")} ${l + 1}`;
     }
-    const Y = M(
+    const Z = U(
       () => {
-        var o;
-        return (((o = p.value) == null ? void 0 : o.rules) ?? []).map((l) => ({ id: l.id, rule: l }));
+        var l;
+        return (((l = d.value) == null ? void 0 : l.rules) ?? []).map((a) => ({ id: a.id, rule: a }));
       }
     );
-    function Me(o) {
-      var l;
-      (l = m.value) == null || l.reorderRules(o.map((n) => n.id));
+    function Be(l) {
+      var a;
+      (a = k.value) == null || a.reorderRules(l.map((o) => o.id));
     }
-    function Ae(o) {
-      var l;
-      (l = m.value) == null || l.duplicateRule(o);
+    function Pe(l) {
+      var a;
+      (a = k.value) == null || a.duplicateRule(l);
     }
-    function Le(o) {
-      var l;
-      (l = m.value) == null || l.removeRule(o);
+    function je(l) {
+      var a;
+      (a = k.value) == null || a.removeRule(l);
     }
-    async function Be() {
-      const o = m.value;
-      if (!o) return;
-      (await f(() => o.submit(), {
+    async function Ge() {
+      const l = k.value;
+      if (!l) return;
+      (await c(() => l.submit(), {
         successMessage: e("menu.rule_groups.saved_successfully"),
         showLoading: () => {
-          var n;
-          return ((n = p.value) == null ? void 0 : n.status) === "submitting";
+          var o;
+          return ((o = d.value) == null ? void 0 : o.status) === "submitting";
         }
       })).kind === "success" && j();
     }
-    async function Ie(o) {
-      await f(() => _.sdk.menuSetting.copyRuleGroup(o.id), {
+    async function De(l) {
+      await c(() => p.sdk.menuSetting.copyRuleGroup(l.id), {
         successMessage: e("menu.rule_groups.saved_successfully")
       });
     }
-    function me(o) {
-      S.open({
+    function _e(l) {
+      g.open({
         title: e("menu.rule_groups.delete_dialog.title"),
         message: e("menu.rule_groups.delete_dialog.message", {
-          name: o.name
+          name: l.name
         }),
         // Destructive, as legacy renders it (`LinkProductRuleGroups.vue:123`).
         primaryActions: {
@@ -659,12 +675,12 @@ const We = {
           close: !0
         }
       }).onPrimary(async () => {
-        await f(() => _.sdk.menuSetting.removeRuleGroup(o.id), {
+        await c(() => p.sdk.menuSetting.removeRuleGroup(l.id), {
           successMessage: e("menu.rule_groups.saved_successfully")
-        }), S.close();
+        }), g.close();
       });
     }
-    const je = M(() => [
+    const ze = U(() => [
       {
         accessorKey: "name",
         enableSorting: !0,
@@ -683,138 +699,138 @@ const We = {
         // 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: (o) => D("div", { class: "px-4 flex justify-end" }, [
-          D(te.FmButton, {
+        cell: (l) => N("div", { class: "px-4 flex justify-end" }, [
+          N(te.FmButton, {
             icon: "file_copy",
             variant: "tertiary",
             textColor: "neutral-gray-400",
             "aria-label": e("menu.menu_setting.rule_groups.copy_action"),
-            disabled: o.row.original.copy.state !== "allowed",
-            onClick: R(
-              () => Ie(o.row.original),
+            disabled: l.row.original.copy.state !== "allowed",
+            onClick: T(
+              () => De(l.row.original),
               ["stop", "prevent"]
             )
           }),
-          D(te.FmButton, {
+          N(te.FmButton, {
             icon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
             "aria-label": e("menu.menu_setting.rule_groups.delete_action"),
-            disabled: o.row.original.remove.state !== "allowed",
-            onClick: R(
-              () => me(o.row.original),
+            disabled: l.row.original.remove.state !== "allowed",
+            onClick: T(
+              () => _e(l.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return (o, l) => {
-      const n = x("FmButton"), y = x("FmSearch"), U = x("FmTable"), pe = x("FmTextField"), Pe = x("FmMenu"), Ge = x("FmHelperText"), _e = x("FmSideSheet"), ne = x("FmSelect");
-      return V.value ? (r(), k("div", at, [
-        d.value ? (r(), k("div", dt, [
-          a("div", mt, [
-            a("div", pt, [
-              i(y, {
-                "model-value": V.value.query,
+    return (l, a) => {
+      const o = C("FmButton"), f = C("FmSearch"), R = C("FmTable"), ne = C("FmTextField"), Oe = C("FmMenu"), Ne = C("FmHelperText"), ve = C("FmSideSheet"), se = C("FmSelect");
+      return h.value ? (i(), y("div", ct, [
+        I.value ? (i(), y("div", bt, [
+          n("div", ft, [
+            n("div", yt, [
+              u(f, {
+                "model-value": h.value.query,
                 autofocus: "",
                 class: "w-full",
                 placeholder: t(e)("menu.rule_groups.search_placeholder"),
-                "onUpdate:modelValue": l[3] || (l[3] = (s) => o.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
+                "onUpdate:modelValue": a[3] || (a[3] = (s) => l.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
               }, null, 8, ["model-value", "placeholder"])
             ]),
-            i(n, {
+            u(o, {
               icon: "add",
               variant: "secondary",
               "aria-label": t(e)("menu.rule_groups.create_group"),
-              disabled: V.value.create.state !== "allowed",
-              onClick: l[4] || (l[4] = (s) => O())
+              disabled: h.value.create.state !== "allowed",
+              onClick: a[4] || (a[4] = (s) => K())
             }, null, 8, ["aria-label", "disabled"])
           ]),
-          a("div", _t, [
-            (r(!0), k(z, null, K(V.value.rows, (s) => (r(), k("div", {
+          n("div", ht, [
+            (i(!0), y(O, null, W(h.value.rows, (s) => (i(), y("div", {
               key: s.id,
               class: "flex flex-row py-12 px-16 cursor-pointer",
-              onClick: ($) => O(s.id)
+              onClick: (x) => K(s.id)
             }, [
-              a("div", gt, [
-                a("p", bt, h(s.name), 1),
-                s.description ? (r(), k("p", ft, h(s.description), 1)) : L("", !0)
+              n("div", xt, [
+                n("p", wt, w(s.name), 1),
+                s.description ? (i(), y("p", Ct, w(s.description), 1)) : A("", !0)
               ]),
-              i(n, {
+              u(o, {
                 "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: R(($) => me(s), ["stop"])
+                onClick: T((x) => _e(s), ["stop"])
               }, null, 8, ["aria-label", "disabled", "onClick"])
-            ], 8, vt))), 128))
+            ], 8, kt))), 128))
           ])
-        ])) : (r(), k("div", nt, [
-          a("div", st, [
-            a("div", null, [
-              a("h1", it, h(t(e)("menu.rule_groups.title")), 1),
-              a("p", ut, h(t(e)("menu.rule_groups.description")), 1)
+        ])) : (i(), y("div", dt, [
+          n("div", mt, [
+            n("div", null, [
+              n("h1", pt, w(t(e)("menu.rule_groups.title")), 1),
+              n("p", _t, w(t(e)("menu.rule_groups.description")), 1)
             ]),
-            i(n, {
+            u(o, {
               label: t(e)("menu.rule_groups.create_group"),
               "prepend-icon": "add",
-              disabled: V.value.create.state !== "allowed",
-              onClick: l[0] || (l[0] = (s) => O())
+              disabled: h.value.create.state !== "allowed",
+              onClick: a[0] || (a[0] = (s) => K())
             }, null, 8, ["label", "disabled"])
           ]),
-          a("div", rt, [
-            a("div", ct, [
-              i(y, {
-                "model-value": V.value.query,
+          n("div", vt, [
+            n("div", gt, [
+              u(f, {
+                "model-value": h.value.query,
                 autofocus: "",
                 class: "mb-8",
                 placeholder: t(e)("menu.rule_groups.search_placeholder"),
-                "onUpdate:modelValue": l[1] || (l[1] = (s) => o.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
+                "onUpdate:modelValue": a[1] || (a[1] = (s) => l.sdk.menuSetting.searchRuleGroups(String(s ?? "")))
               }, null, 8, ["model-value", "placeholder"])
             ])
           ]),
-          i(he, null, {
-            default: b(() => [
-              i(U, {
-                "column-defs": je.value,
-                "row-data": T.value,
-                "page-size": Math.max(T.value.length, 1),
+          u(xe, null, {
+            default: v(() => [
+              u(R, {
+                "column-defs": ze.value,
+                "row-data": r.value,
+                "page-size": Math.max(r.value.length, 1),
                 "hide-footer": "",
-                onRowClick: l[2] || (l[2] = (s) => O(s.original.id))
+                onRowClick: a[2] || (a[2] = (s) => K(s.original.id))
               }, null, 8, ["column-defs", "row-data", "page-size"])
             ]),
             _: 1
           })
         ])),
-        u.value && p.value ? (r(), F(_e, {
+        $.value && d.value ? (i(), S(ve, {
           key: 2,
-          "model-value": u.value,
+          "model-value": $.value,
           "max-width": 760,
-          "onOn:clickedAway": oe
+          "onOn:clickedAway": V
         }, {
-          "side-sheet-header": b(() => [
-            i(n, {
+          "side-sheet-header": v(() => [
+            u(o, {
               variant: "tertiary",
               class: "cursor-pointer mr-4",
               "prepend-icon": "arrow_back",
               "aria-label": t(e)("menu.common.actions.back"),
               onClick: j
             }, null, 8, ["aria-label"]),
-            a("p", yt, h(p.value.mode === "create" ? t(e)("menu.rule_groups.create_group") : t(e)("menu.rule_groups.edit_group")), 1)
+            n("p", Ft, w(d.value.mode === "create" ? t(e)("menu.rule_groups.create_group") : t(e)("menu.rule_groups.edit_group")), 1)
           ]),
-          "side-sheet-footer": b(() => [
-            a("div", Pt, [
-              i(n, {
+          "side-sheet-footer": v(() => [
+            n("div", Et, [
+              u(o, {
                 label: t(e)("menu.common.actions.save"),
                 size: "lg",
                 variant: "primary",
-                disabled: p.value.submit.state !== "allowed",
-                loading: p.value.status === "submitting",
-                onClick: Be
+                disabled: d.value.submit.state !== "allowed",
+                loading: d.value.status === "submitting",
+                onClick: Ge
               }, null, 8, ["label", "disabled", "loading"]),
-              i(n, {
+              u(o, {
                 label: t(e)("menu.common.actions.cancel"),
                 size: "lg",
                 variant: "tertiary",
@@ -822,117 +838,120 @@ const We = {
               }, null, 8, ["label"])
             ])
           ]),
-          default: b(() => [
-            a("div", ht, [
-              i(ee, {
+          default: v(() => [
+            n("div", St, [
+              u(ee, {
                 title: t(e)("menu.rule_groups.form.basic_info")
               }, {
-                default: b(() => [
-                  a("div", kt, [
-                    i(pe, {
-                      "model-value": p.value.name,
+                default: v(() => [
+                  n("div", $t, [
+                    u(ne, {
+                      "model-value": d.value.name,
                       label: t(e)("menu.rule_groups.form.name"),
                       "label-mark": "required",
                       placeholder: t(e)("menu.rule_groups.form.name_placeholder"),
-                      "helper-state": p.value.nameIssue ? "error" : "none",
-                      "helper-text": p.value.nameIssue ? t(v)(p.value.nameIssue) : "",
-                      "onUpdate:modelValue": l[5] || (l[5] = (s) => {
-                        var $;
-                        return ($ = m.value) == null ? void 0 : $.setName(String(s ?? ""));
+                      "helper-state": d.value.nameIssue ? "error" : "none",
+                      "helper-text": d.value.nameIssue ? t(F)(d.value.nameIssue) : "",
+                      "onUpdate:modelValue": a[5] || (a[5] = (s) => {
+                        var x;
+                        return (x = k.value) == null ? void 0 : x.setName(String(s ?? ""));
                       })
                     }, null, 8, ["model-value", "label", "placeholder", "helper-state", "helper-text"]),
-                    i(pe, {
-                      "model-value": p.value.description,
+                    u(ne, {
+                      "model-value": d.value.description,
                       label: t(e)("menu.rule_groups.form.description"),
                       "label-mark": "optional",
                       placeholder: t(e)("menu.rule_groups.form.description_placeholder"),
-                      "onUpdate:modelValue": l[6] || (l[6] = (s) => {
-                        var $;
-                        return ($ = m.value) == null ? void 0 : $.setDescription(String(s ?? ""));
+                      "onUpdate:modelValue": a[6] || (a[6] = (s) => {
+                        var x;
+                        return (x = k.value) == null ? void 0 : x.setDescription(String(s ?? ""));
                       })
                     }, null, 8, ["model-value", "label", "placeholder"])
                   ])
                 ]),
                 _: 1
               }, 8, ["title"]),
-              i(ee, {
+              u(ee, {
                 title: t(e)("menu.rule_groups.form.rules"),
                 "sub-title": t(e)("menu.rule_groups.form.rules_description")
               }, {
-                default: b(() => [
-                  Y.value.length > 0 ? (r(), k(z, { key: 0 }, [
-                    i(t(Ne), {
-                      "model-value": Y.value,
+                default: v(() => [
+                  Z.value.length > 0 ? (i(), y(O, { key: 0 }, [
+                    u(t(We), {
+                      "model-value": Z.value,
                       "item-key": "id",
                       handle: ".rule-drag-handle",
-                      "onUpdate:modelValue": Me
+                      "onUpdate:modelValue": Be
                     }, {
-                      item: b(({ element: s, index: $ }) => [
-                        a("div", xt, [
-                          a("div", wt, [
-                            i(n, {
+                      item: v(({ element: s, index: x }) => [
+                        n("div", Vt, [
+                          n("div", Rt, [
+                            u(o, {
                               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"]),
-                            a("div", Ct, [
-                              a("div", Ft, [
-                                a("div", St, [
-                                  a("p", $t, h(Ue($)), 1),
-                                  a("div", Rt, [
-                                    i(n, {
+                            n("div", Tt, [
+                              n("div", Ut, [
+                                n("div", Mt, [
+                                  n("p", At, w(Le(x)), 1),
+                                  n("div", It, [
+                                    u(o, {
                                       variant: "tertiary",
                                       class: "cursor-pointer",
                                       "prepend-icon": "edit",
                                       "text-color": "primary",
                                       "aria-label": t(e)("menu.link_product.rules.edit_rule"),
-                                      onClick: R((C) => X(s.rule), ["stop"])
+                                      onClick: T((_) => Y(s.rule), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"]),
-                                    i(n, {
+                                    u(o, {
                                       variant: "tertiary",
                                       class: "cursor-pointer",
                                       "prepend-icon": "file_copy",
                                       "text-color": "primary",
                                       "aria-label": t(e)("menu.menu_setting.rule_groups.copy_rule"),
-                                      onClick: R((C) => Ae(s.id), ["stop"])
+                                      onClick: T((_) => Pe(s.id), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"]),
-                                    i(n, {
+                                    u(o, {
                                       variant: "tertiary",
                                       class: "cursor-pointer",
                                       "prepend-icon": "delete",
                                       "text-color": "typo-error",
                                       "aria-label": t(e)("menu.menu_setting.rule_groups.remove_rule"),
-                                      onClick: R((C) => Le(s.id), ["stop"])
+                                      onClick: T((_) => je(s.id), ["stop"])
                                     }, null, 8, ["aria-label", "onClick"])
                                   ])
                                 ]),
-                                a("div", Vt, [
-                                  a("p", Tt, h(t(e)("menu.rule_groups.condition_view.when")), 1),
-                                  (r(!0), k(z, null, K(s.rule.conditions, (C, ve) => (r(), k("div", {
-                                    key: ve,
+                                n("div", Lt, [
+                                  n("p", Bt, w(t(e)("menu.rule_groups.condition_view.when")), 1),
+                                  (i(!0), y(O, null, W(s.rule.conditions, (_, ge) => (i(), y("div", {
+                                    key: ge,
                                     class: "flex w-full items-center space-x-8"
                                   }, [
-                                    a("p", Ut, h(ve + 1) + ".", 1),
-                                    a("div", Mt, [
-                                      a("p", At, h(t(e)(C.attributeLabel)), 1),
-                                      a("p", Lt, h(we(C.operator)), 1),
-                                      i(Pe, {
+                                    n("p", Pt, w(ge + 1) + ".", 1),
+                                    n("div", jt, [
+                                      n("p", Gt, w(t(e)(
+                                        _.attributeLabel,
+                                        _.attributeLabelParams ?? {}
+                                      )), 1),
+                                      n("p", Dt, w(Fe(_.operator)), 1),
+                                      u(Oe, {
                                         trigger: "hover",
                                         "close-on-mouse-leave": ""
                                       }, {
-                                        "menu-button": b(() => [
-                                          a("p", {
+                                        "menu-button": v(() => [
+                                          n("p", {
                                             class: "text-fm-color-primary underline underline-offset-2 cursor-pointer truncate",
-                                            onClick: R((se) => X(s.rule), ["stop"])
-                                          }, h(C.valueLabels.join(", ")), 9, Bt)
+                                            onClick: T((ue) => Y(s.rule), ["stop"])
+                                          }, w(_.valueLabels.join(", ")), 9, zt)
                                         ]),
-                                        default: b(() => [
-                                          (r(!0), k(z, null, K(C.valueLabels, (se) => (r(), k("div", {
-                                            key: se,
+                                        default: v(() => [
+                                          (i(!0), y(O, null, W(_.valueLabels, (ue) => (i(), y("div", {
+                                            key: ue,
                                             class: "flex flex-col px-8 space-y-8"
                                           }, [
-                                            a("p", null, h(se), 1)
+                                            n("p", null, w(ue), 1)
                                           ]))), 128))
                                         ]),
                                         _: 2
@@ -943,99 +962,99 @@ const We = {
                               ])
                             ])
                           ]),
-                          Y.value.length > 1 && $ < Y.value.length - 1 ? (r(), k("div", It, [
-                            a("span", jt, h(t(e)("menu.rule_groups.condition_view.or")), 1)
-                          ])) : L("", !0)
+                          Z.value.length > 1 && x < Z.value.length - 1 ? (i(), y("div", Ot, [
+                            n("span", Nt, w(t(e)("menu.rule_groups.condition_view.or")), 1)
+                          ])) : A("", !0)
                         ])
                       ]),
                       _: 1
                     }, 8, ["model-value"]),
-                    a("div", null, [
-                      i(n, {
+                    n("div", null, [
+                      u(o, {
                         variant: "primary",
                         label: t(e)("menu.link_product.rules.add_rule"),
                         "prepend-icon": "add",
-                        onClick: l[7] || (l[7] = R((s) => X(), ["stop"]))
+                        onClick: a[7] || (a[7] = T((s) => Y(), ["stop"]))
                       }, null, 8, ["label"])
                     ])
-                  ], 64)) : (r(), F(t(ye), {
+                  ], 64)) : (i(), S(t(ke), {
                     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: () => X()
+                      callback: () => Y()
                     }
                   }, null, 8, ["subtitle", "action"])),
-                  p.value.rulesIssue ? (r(), F(Ge, {
+                  d.value.rulesIssue ? (i(), S(Ne, {
                     key: 2,
                     state: "error",
-                    text: t(v)(p.value.rulesIssue)
-                  }, null, 8, ["text"])) : L("", !0)
+                    text: t(F)(d.value.rulesIssue)
+                  }, null, 8, ["text"])) : A("", !0)
                 ]),
                 _: 1
               }, 8, ["title", "sub-title"])
             ])
           ]),
           _: 1
-        }, 8, ["model-value"])) : L("", !0),
-        g.value ? (r(), F(_e, {
+        }, 8, ["model-value"])) : A("", !0),
+        M.value ? (i(), S(ve, {
           key: 3,
-          "model-value": g.value,
+          "model-value": M.value,
           "max-width": 760,
           "close-button": !1,
-          "onOn:clickedAway": l[15] || (l[15] = (s) => g.value = !1)
+          "onOn:clickedAway": a[15] || (a[15] = (s) => M.value = !1)
         }, {
-          "side-sheet-header": b(() => [
-            a("div", Gt, [
-              i(n, {
+          "side-sheet-header": v(() => [
+            n("div", qt, [
+              u(o, {
                 variant: "tertiary",
                 "prepend-icon": "arrow_back",
                 "aria-label": t(e)("menu.common.actions.back"),
-                onClick: l[8] || (l[8] = R((s) => g.value = !1, ["stop"]))
+                onClick: a[8] || (a[8] = T((s) => M.value = !1, ["stop"]))
               }, null, 8, ["aria-label"]),
-              a("div", zt, h(ue.value ? t(e)("menu.rule_groups.condition_view.edit_condition") : t(e)("menu.rule_groups.condition_view.add_condition")), 1)
+              n("div", Kt, w(ce.value ? t(e)("menu.rule_groups.condition_view.edit_condition") : t(e)("menu.rule_groups.condition_view.add_condition")), 1)
             ])
           ]),
-          "side-sheet-footer": b(() => [
-            a("div", Kt, [
-              i(n, {
+          "side-sheet-footer": v(() => [
+            n("div", Zt, [
+              u(o, {
                 variant: "primary",
                 label: t(e)("menu.common.actions.save"),
-                onClick: Te
+                onClick: Ie
               }, null, 8, ["label"]),
-              i(n, {
+              u(o, {
                 variant: "secondary",
                 label: t(e)("menu.common.actions.cancel"),
-                onClick: l[14] || (l[14] = R((s) => g.value = !1, ["stop"]))
+                onClick: a[14] || (a[14] = T((s) => M.value = !1, ["stop"]))
               }, null, 8, ["label"])
             ])
           ]),
-          default: b(() => [
-            a("div", Dt, [
-              a("p", Nt, h(t(e)("menu.rule_groups.condition_view.condition")), 1),
-              a("div", Et, [
-                (r(!0), k(z, null, K(P.value, (s, $) => (r(), k("div", {
+          default: v(() => [
+            n("div", Wt, [
+              n("p", Ht, w(t(e)("menu.rule_groups.condition_view.condition")), 1),
+              n("div", Jt, [
+                (i(!0), y(O, null, W(D.value, (s, x) => (i(), y("div", {
                   key: s.key,
                   class: "flex justify-between gap-8"
                 }, [
-                  a("div", Ot, [
-                    i(ne, {
+                  n("div", Qt, [
+                    u(se, {
                       class: "flex w-full",
                       "model-value": s.attribute,
-                      items: Ce(s),
+                      items: Se(s),
                       placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
                       "aria-label": t(e)("menu.menu_setting.rule_groups.condition.attribute"),
-                      "onUpdate:modelValue": (C) => Ve(s, C)
+                      "onUpdate:modelValue": (_) => Ue(s, _)
                     }, {
-                      "prepend-menu": b(() => [
-                        a("div", {
-                          onClick: l[10] || (l[10] = R(() => {
+                      "prepend-menu": v(() => [
+                        n("div", {
+                          onClick: a[10] || (a[10] = T(() => {
                           }, ["stop"]))
                         }, [
-                          i(y, {
-                            modelValue: H.value,
-                            "onUpdate:modelValue": l[9] || (l[9] = (C) => H.value = C),
+                          u(f, {
+                            modelValue: J.value,
+                            "onUpdate:modelValue": a[9] || (a[9] = (_) => J.value = _),
                             class: "px-8",
                             placeholder: t(e)("menu.menu_setting.rule_groups.filter_options")
                           }, null, 8, ["modelValue", "placeholder"])
@@ -1043,122 +1062,136 @@ const We = {
                       ]),
                       _: 2
                     }, 1032, ["model-value", "items", "placeholder", "aria-label", "onUpdate:modelValue"]),
-                    i(ne, {
+                    u(se, {
                       class: "flex w-full",
                       "model-value": s.operator,
-                      items: xe.value,
+                      items: Ce.value,
                       placeholder: t(e)("menu.rule_groups.condition_view.select_item"),
                       "aria-label": t(e)("menu.menu_setting.rule_groups.condition.operator"),
-                      "helper-state": q($, "operator") ? "error" : "none",
-                      "helper-text": q($, "operator") ? t(v)(q($, "operator")) : "",
-                      "onUpdate:modelValue": (C) => s.operator = C
+                      "helper-state": G(x, "operator") ? "error" : "none",
+                      "helper-text": G(x, "operator") ? t(F)(G(x, "operator")) : "",
+                      "onUpdate:modelValue": (_) => Ae(s, _)
                     }, null, 8, ["model-value", "items", "placeholder", "aria-label", "helper-state", "helper-text", "onUpdate:modelValue"]),
-                    i(ne, {
+                    Me(s) ? qe((i(), y("div", Xt, [
+                      u(ne, {
+                        "model-value": String(s.values[0] ?? ""),
+                        placeholder: t(e)("menu.menu_setting.rule_groups.condition.value"),
+                        "helper-state": G(x, "values") ? "error" : "none",
+                        "helper-text": G(x, "values") ? t(F)(G(x, "values")) : "",
+                        "onUpdate:modelValue": (_) => s.values = _ === "" || _ == null ? [] : [String(_)]
+                      }, null, 8, ["model-value", "placeholder", "helper-state", "helper-text", "onUpdate:modelValue"])
+                    ])), [
+                      [
+                        b,
+                        t(e)("menu.menu_setting.rule_groups.condition.value")
+                      ]
+                    ]) : (i(), S(se, {
+                      key: 1,
                       class: "flex w-full",
-                      "model-value": s.values,
-                      items: Fe(s),
+                      "model-value": s.values.map(t(fe)),
+                      items: $e(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"),
-                      "helper-state": q($, "values") ? "error" : "none",
-                      "helper-text": q($, "values") ? t(v)(q($, "values")) : "",
-                      "onUpdate:modelValue": (C) => s.values = [...C]
+                      "helper-state": G(x, "values") ? "error" : "none",
+                      "helper-text": G(x, "values") ? t(F)(G(x, "values")) : "",
+                      "onUpdate:modelValue": (_) => s.values = _.map(t(Ye))
                     }, {
-                      default: b(() => [
-                        a("div", qt, h(Se(s)), 1)
+                      default: v(() => [
+                        n("div", Yt, w(Ve(s)), 1)
                       ]),
-                      "prepend-menu": b(() => [
-                        a("div", {
+                      "prepend-menu": v(() => [
+                        n("div", {
                           class: "flex",
-                          onClick: l[12] || (l[12] = R(() => {
+                          onClick: a[12] || (a[12] = T(() => {
                           }, ["stop"]))
                         }, [
-                          i(y, {
-                            modelValue: J.value,
-                            "onUpdate:modelValue": l[11] || (l[11] = (C) => J.value = C),
+                          u(f, {
+                            modelValue: Q.value,
+                            "onUpdate:modelValue": a[11] || (a[11] = (_) => Q.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", "helper-state", "helper-text", "onUpdate:modelValue"])
+                    }, 1032, ["model-value", "items", "placeholder", "aria-label", "helper-state", "helper-text", "onUpdate:modelValue"]))
                   ]),
-                  i(n, {
+                  u(o, {
                     variant: "tertiary",
                     "prepend-icon": "close",
                     "aria-label": t(e)("menu.menu_setting.rule_groups.remove_condition"),
-                    onClick: R((C) => Re(s.key), ["stop"])
+                    onClick: T((_) => Te(s.key), ["stop"])
                   }, null, 8, ["aria-label", "onClick"])
                 ]))), 128)),
-                i(n, {
+                u(o, {
                   variant: "plain",
                   "prepend-icon": "add",
                   label: t(e)("menu.rule_groups.condition_view.add_condition"),
-                  onClick: l[13] || (l[13] = R((s) => $e(), ["stop"]))
+                  onClick: a[13] || (a[13] = T((s) => Re(), ["stop"]))
                 }, null, 8, ["label"])
               ])
             ])
           ]),
           _: 1
-        }, 8, ["model-value"])) : L("", !0)
-      ])) : L("", !0);
+        }, 8, ["model-value"])) : A("", !0)
+      ])) : A("", !0);
     };
   }
-}), Ht = { class: "flex h-full min-h-[240px] flex-col items-center justify-center gap-8 p-24 text-center" }, Jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xt = /* @__PURE__ */ N({
+}), tl = { class: "flex h-full min-h-[240px] flex-col items-center justify-center gap-8 p-24 text-center" }, ll = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, al = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ol = /* @__PURE__ */ E({
   __name: "PlaceholderView",
   props: {
     module: {}
   },
-  setup(B) {
-    const { t: _ } = E();
-    return (e, v) => (r(), k("div", Ht, [
-      a("p", Jt, h(e.module), 1),
-      a("p", Qt, h(t(_)("menu.common.placeholder.not_migrated")), 1)
+  setup(L) {
+    const { t: p } = q();
+    return (e, b) => (i(), y("div", tl, [
+      n("p", ll, w(e.module), 1),
+      n("p", al, w(t(p)("menu.common.placeholder.not_migrated")), 1)
     ]));
   }
-}), Yt = { class: "py-16" }, cl = /* @__PURE__ */ N({
+}), nl = { class: "py-16" }, fl = /* @__PURE__ */ E({
   __name: "MenuSetting",
-  setup(B) {
-    const _ = Ee(), { t: e } = E(), v = W(_.menuSetting.tabs), S = {
+  setup(L) {
+    const p = He(), { t: e } = q(), b = 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"
-    }, f = M(
-      () => (v.value.status === "ready" ? v.value.value.tabs : []).filter((d) => d.capability.state !== "hidden").map((d) => ({
-        label: e(S[d.key]),
-        value: d.key
+    }, g = U(
+      () => (b.value.status === "ready" ? b.value.value.tabs : []).filter((m) => m.capability.state !== "hidden").map((m) => ({
+        label: e(F[m.key]),
+        value: m.key
       }))
-    ), c = I("configuration");
-    return (d, A) => {
-      const V = x("FmTabs");
-      return r(), F(ke, {
+    ), c = P("configuration");
+    return (m, I) => {
+      const B = C("FmTabs");
+      return i(), S(we, {
         heading: t(e)("menu.menu_setting.title")
       }, {
-        default: b(() => [
-          i(V, {
+        default: v(() => [
+          u(B, {
             "model-value": c.value,
-            items: f.value,
-            "onUpdate:modelValue": A[0] || (A[0] = (T) => c.value = T)
+            items: g.value,
+            "onUpdate:modelValue": I[0] || (I[0] = (h) => c.value = h)
           }, null, 8, ["model-value", "items"]),
-          a("div", Yt, [
-            c.value === "configuration" ? (r(), F(Qe, {
+          n("div", nl, [
+            c.value === "configuration" ? (i(), S(lt, {
               key: 0,
-              sdk: t(_)
-            }, null, 8, ["sdk"])) : c.value === "priceGroup" ? (r(), F(ot, {
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : c.value === "priceGroup" ? (i(), S(rt, {
               key: 1,
-              sdk: t(_)
-            }, null, 8, ["sdk"])) : c.value === "memberPricing" ? (r(), F(Ye, {
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : c.value === "memberPricing" ? (i(), S(ot, {
               key: 2,
-              sdk: t(_)
-            }, null, 8, ["sdk"])) : c.value === "ruleGroups" ? (r(), F(Wt, {
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : c.value === "ruleGroups" ? (i(), S(el, {
               key: 3,
-              sdk: t(_)
-            }, null, 8, ["sdk"])) : (r(), F(Xt, {
+              sdk: t(p)
+            }, null, 8, ["sdk"])) : (i(), S(ol, {
               key: 4,
-              module: t(e)(S[c.value])
+              module: t(e)(F[c.value])
             }, null, 8, ["module"]))
           ])
         ]),
@@ -1168,5 +1201,5 @@ const We = {
   }
 });
 export {
-  cl as default
+  fl as default
 };