@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.4

package/dist/ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-D8NQTCLx.js

@@ -0,0 +1,2011 @@
+import { defineComponent as me, computed as O, toDisplayString as P, ref as se, watch as Ee, openBlock as g, createBlock as N, createSlots as Ke, withCtx as v, renderSlot as Le, createElementBlock as S, createVNode as s, createCommentVNode as E, nextTick as oo, resolveComponent as x, unref as n, createElementVNode as _, Fragment as J, renderList as ue, shallowRef as ne, onBeforeUnmount as Re, h as c, mergeProps as Te, defineAsyncComponent as je, onUnmounted as no, normalizeClass as lo, withModifiers as Ue } from "vue";
+import { useI18n as ce, CustomAttributesForm as Me } from "@feedmepos/mf-common";
+import { useDialog as He, components as T } from "@feedmepos/ui-library";
+import { _ as to } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { _ as ae, b as ao } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+import { a as Ye, _ as ke } from "./vuedraggable-CBtQLb_S.js";
+import { _ as Ne } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as io } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { RemyButton as Ge } from "@feedmepos/mf-remy-panel";
+import { _ as ro } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
+import { u as Ze } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as De, u as Be } from "./provide-CDmXzkhz.js";
+import { u as qe } from "./useActionFeedback-Dm2HDa_2.js";
+import { a as so, A as uo, _ as mo } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
+const Je = /* @__PURE__ */ me({
+  __name: "LocalizedCurrencySymbol",
+  props: {
+    currency: {}
+  },
+  setup(G) {
+    const B = G, { n: k } = ce(), F = O(() => {
+      if (!B.currency) return "";
+      const u = k(0, {
+        useGrouping: !1,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+      return k(0, {
+        style: "currency",
+        currency: B.currency,
+        currencyDisplay: "narrowSymbol",
+        useGrouping: !1,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }).replace(u, "").trim() || B.currency;
+    });
+    return (u, o) => P(F.value);
+  }
+}), co = { key: 0 }, Fe = /* @__PURE__ */ me({
+  __name: "ProductMoneyField",
+  props: {
+    modelValue: {},
+    currency: {},
+    commitOnInput: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(G, { expose: B, emit: k }) {
+    const F = G, u = k, { n: o, locale: D } = ce(), z = se();
+    B({
+      inputEl: O(() => {
+        var m;
+        return ((m = z.value) == null ? void 0 : m.inputEl) ?? null;
+      }),
+      focus: () => {
+        var m, i;
+        return (i = (m = z.value) == null ? void 0 : m.inputEl) == null ? void 0 : i.focus();
+      }
+    });
+    function h(m) {
+      return m === null ? "" : o(m, {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+        useGrouping: !1
+      });
+    }
+    function V(m) {
+      var b;
+      if (m.trim() === "") return null;
+      const i = ((b = new Intl.NumberFormat(D.value).formatToParts(1.5).find((y) => y.type === "decimal")) == null ? void 0 : b.value) ?? ".", p = Number(m.replace(i, "."));
+      return Number.isFinite(p) ? p : void 0;
+    }
+    function d(m, i) {
+      return m === null || i === null ? m === i : Math.round(m * 100) === Math.round(i * 100);
+    }
+    const C = O(() => h(F.modelValue)), t = se(C.value), L = se(!1);
+    Ee(C, (m) => {
+      const i = V(t.value);
+      L.value && i !== void 0 && d(i, F.modelValue) || (t.value = m);
+    });
+    async function Y() {
+      var i, p;
+      const m = V(((p = (i = z.value) == null ? void 0 : i.inputEl) == null ? void 0 : p.value) ?? "");
+      m !== void 0 && u("update:modelValue", m), await oo(), t.value = C.value;
+    }
+    function Z(m) {
+      if (t.value = String(m ?? ""), !F.commitOnInput) return;
+      const i = V(t.value);
+      i !== void 0 && u("update:modelValue", i);
+    }
+    function q(m) {
+      var i, p;
+      L.value = m, m ? (p = (i = z.value) == null ? void 0 : i.inputEl) == null || p.select() : Y();
+    }
+    function A(m) {
+      m.key === "Enter" && !m.isComposing && Y();
+    }
+    return Ee(
+      () => {
+        var m;
+        return ((m = z.value) == null ? void 0 : m.inputEl) ?? null;
+      },
+      (m, i, p) => {
+        m && (m.addEventListener("keydown", A), p(() => m.removeEventListener("keydown", A)));
+      },
+      { immediate: !0, flush: "post" }
+    ), (m, i) => (g(), N(ae, {
+      ref_key: "field",
+      ref: z,
+      "model-value": t.value,
+      inputmode: "decimal",
+      "onUpdate:modelValue": Z,
+      onFocusChanged: q
+    }, Ke({
+      prepend: v(() => [
+        m.currency ? (g(), S("span", co, [
+          s(Je, { currency: m.currency }, null, 8, ["currency"])
+        ])) : E("", !0)
+      ]),
+      append: v(() => [
+        Le(m.$slots, "append")
+      ]),
+      _: 2
+    }, [
+      m.$slots["helper-text"] ? {
+        name: "helper-text",
+        fn: v(() => [
+          Le(m.$slots, "helper-text")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["model-value"]));
+  }
+}), Qe = /* @__PURE__ */ me({
+  __name: "ProductPriceTierButton",
+  props: {
+    configured: { type: Boolean },
+    label: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["open"],
+  setup(G, { emit: B }) {
+    const k = B, { t: F } = ce();
+    return (u, o) => {
+      const D = x("FmButton"), z = x("FmTooltip");
+      return g(), N(z, {
+        content: n(F)("menu.price_tier.price_tier_config"),
+        "z-index": 999,
+        placement: "top"
+      }, {
+        default: v(() => [
+          s(D, {
+            icon: "price_change",
+            variant: "tertiary",
+            "text-color": "neutral-gray-400",
+            "overwrite-icon-outline": u.configured ? "filled" : "outline",
+            "aria-label": u.label,
+            disabled: u.disabled,
+            onClick: o[0] || (o[0] = (h) => k("open"))
+          }, null, 8, ["overwrite-icon-outline", "aria-label", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), po = { class: "flex flex-col gap-8 p-8" }, go = { class: "fm-typo-en-body-md-600" }, bo = { class: "flex flex-col gap-4" }, vo = { key: 0 }, Ae = /* @__PURE__ */ me({
+  __name: "ProductMemberPriceTooltip",
+  props: {
+    prices: {},
+    currency: {}
+  },
+  setup(G) {
+    const B = G, { t: k, n: F } = ce(), u = O(
+      () => Object.entries(B.prices).flatMap(
+        ([o, D]) => D === null ? [] : [{ name: o, amount: D }]
+      )
+    );
+    return (o, D) => {
+      const z = x("FmIcon"), h = x("FmTooltip");
+      return g(), N(h, {
+        variant: "plain",
+        placement: "right",
+        "z-index": 100
+      }, {
+        default: v(() => [
+          s(z, {
+            name: "info",
+            outline: ""
+          })
+        ]),
+        content: v(() => [
+          _("div", po, [
+            _("p", go, P(n(k)("menu.member_pricing.title")), 1),
+            _("ul", bo, [
+              u.value.length === 0 ? (g(), S("li", vo, P(n(k)("menu.member_pricing.tooltip.no_member_price")), 1)) : E("", !0),
+              (g(!0), S(J, null, ue(u.value, (V) => (g(), S("li", {
+                key: V.name,
+                class: "fm-typo-en-body-md-400"
+              }, P(n(k)("menu.common.labels.a11y_labelled_name", {
+                label: V.name,
+                name: n(F)(
+                  V.amount,
+                  o.currency ? { style: "currency", currency: o.currency, minimumFractionDigits: 2 } : { minimumFractionDigits: 2 }
+                )
+              })), 1))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), _o = { class: "fm-typo-en-title-md-600" }, fo = {
+  key: 0,
+  class: "flex flex-col gap-32"
+}, yo = { class: "flex flex-col fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-100 gap-4" }, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ho = {
+  key: 0,
+  class: "fm-typo-en-body-lg-600"
+}, xo = { class: "flex flex-col gap-24" }, ko = { class: "fm-typo-en-title-sm-600" }, Fo = { class: "flex flex-col gap-16" }, Co = { class: "flex flex-col gap-4" }, So = { class: "fm-typo-en-body-lg-600" }, $o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Po = {
+  key: 1,
+  class: "py-16 space-y-32"
+}, Oo = { class: "space-y-8" }, Vo = { class: "flex items-center justify-between" }, To = { class: "space-y-8" }, No = { class: "fm-typo-en-body-lg-600" }, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zo = { class: "flex gap-8" }, We = /* @__PURE__ */ me({
+  __name: "ProductPricingSheet",
+  props: {
+    session: {},
+    onCreatePriceGroup: { type: Function, default: void 0 },
+    zIndex: { default: void 0 },
+    mainPricingLabel: { type: Boolean, default: !0 }
+  },
+  emits: ["close", "suggest"],
+  setup(G, { emit: B }) {
+    const k = G, F = B, { t: u } = ce(), o = He(), D = De(), z = Be(k.session), h = O(
+      () => z.value.status === "ready" ? z.value.value : null
+    ), V = Ze(() => k.session);
+    function d(i, p) {
+      var y;
+      const b = V.issue(((y = h.value) == null ? void 0 : y.fieldIssues) ?? {}, `rows.${i}.amount`) ?? p.issue;
+      return b ? [D(b)] : [];
+    }
+    function C(i) {
+      var b;
+      const p = V.issue(
+        ((b = h.value) == null ? void 0 : b.fieldIssues) ?? {},
+        `rows.0.members.${i.key}`
+      ) ?? i.issue;
+      return p ? [D(p)] : [];
+    }
+    const t = ne(null);
+    function L() {
+      var i;
+      (i = t.value) == null || i.dispose(), t.value = null;
+    }
+    function Y(i) {
+      L(), t.value = k.session.memberEditor(i);
+    }
+    Re(L);
+    const Z = O(() => [
+      {
+        accessorKey: "key",
+        header: () => u(
+          "menu.product.form.member_price.configure.member_selling_price.table.tier"
+        ),
+        enableSorting: !1
+      },
+      {
+        id: "amount",
+        header: () => u(
+          "menu.product.form.member_price.configure.member_selling_price.table.selling_price"
+        ),
+        enableSorting: !1,
+        cell: ({ row: i }) => c(
+          Fe,
+          {
+            modelValue: i.original.amount,
+            commitOnInput: !0,
+            "aria-label": i.original.key,
+            errorMessages: C(i.original),
+            ...V.field(
+              `rows.0.members.${i.original.key}`,
+              (p) => {
+                var b, y;
+                return k.session.setAmount(
+                  ((y = (b = h.value) == null ? void 0 : b.rows[0]) == null ? void 0 : y.tier) ?? null,
+                  i.original.key,
+                  p
+                );
+              }
+            )
+          },
+          {
+            append: () => {
+              var p;
+              return (p = h.value) != null && p.showSuggestion ? c(Ge, {
+                pureStyling: !0,
+                class: "shrink-0 scale-75",
+                "aria-label": u("menu.product.remy.pricing"),
+                onClick: () => F("suggest")
+              }) : null;
+            }
+          }
+        )
+      }
+    ]), q = O(() => [
+      {
+        accessorKey: "tier",
+        header: () => u("menu.price_tier.form.table.columns.name"),
+        enableSorting: !1
+      },
+      {
+        id: "amount",
+        header: () => u("menu.price_tier.form.table.columns.price"),
+        enableSorting: !1,
+        cell: ({ row: i }) => c(Fe, {
+          modelValue: i.original.amount,
+          commitOnInput: !0,
+          // Every tier row rendered this field under one name, so a step naming
+          // a particular tier's price had nothing to distinguish the rows by.
+          // Qualify it with the tier, as the frozen baselines name it
+          // ("Default selling price: DISC TIER CLEAR").
+          "aria-label": i.original.tier ? u("menu.common.labels.a11y_labelled_name", {
+            label: u(
+              "menu.product.form.member_price.configure.default_selling_price"
+            ),
+            name: i.original.tier
+          }) : u(
+            "menu.product.form.member_price.configure.default_selling_price"
+          ),
+          errorMessages: d(i.index, i.original),
+          ...V.field(
+            `rows.${i.index}.amount`,
+            (p) => k.session.setAmount(i.original.tier, null, p)
+          )
+        })
+      },
+      {
+        id: "members",
+        header: () => u("menu.price_tier.form.table.columns.member_price"),
+        enableSorting: !1,
+        cell: ({ row: i }) => {
+          var y;
+          const p = i.original.members.filter(
+            (K) => K.amount !== null
+          ).length, b = p ? u("menu.product.form.member_price.configure.title_with_tier", {
+            num: p
+          }) : u("menu.product.form.member_price.configure.title");
+          return c("div", { class: "flex items-center justify-between" }, [
+            c(
+              T.FmButton,
+              {
+                variant: "plain",
+                label: b,
+                // This is the nested pricing-sheet action. Keep it distinct from
+                // the product form's row-level "Member price" action while
+                // qualifying the tier, so both independently reachable surfaces
+                // stay semantic.
+                "aria-label": p ? b : i.original.tier ? u("menu.common.labels.a11y_labelled_name", {
+                  label: u(
+                    "menu.product.form.member_price.configure.title"
+                  ),
+                  name: i.original.tier
+                }) : void 0,
+                onClick: () => i.original.tier && Y(i.original.tier)
+              },
+              {
+                default: () => c(
+                  "span",
+                  { class: "underline line-clamp-2 break-all" },
+                  b
+                )
+              }
+            ),
+            c(Ae, {
+              prices: Object.fromEntries(
+                i.original.members.map((K) => [K.key, K.amount])
+              ),
+              currency: (y = h.value) == null ? void 0 : y.currency
+            })
+          ]);
+        }
+      }
+    ]);
+    function A() {
+      var p;
+      if (k.session.apply()) {
+        F("close");
+        return;
+      }
+      const i = Object.entries(((p = h.value) == null ? void 0 : p.fieldIssues) ?? {}).flatMap(
+        ([b, y]) => (y ?? []).map((K) => ({ ...K, field: b }))
+      );
+      V.submit(async () => ({ kind: "rejected", issues: i }));
+    }
+    function m() {
+      k.onCreatePriceGroup && o.open({
+        zIndex: 200,
+        title: u("menu.price_tier.add_price_group"),
+        contentComponent: ro,
+        primaryActions: {
+          text: u("menu.category.manager.dialog.add.action"),
+          close: !1
+        },
+        secondaryActions: {
+          text: u("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async (i) => {
+        const p = String(i ?? "");
+        await k.onCreatePriceGroup(p) && (k.session.addTier(p), o.close());
+      });
+    }
+    return (i, p) => {
+      var ie;
+      const b = x("FmTable"), y = x("FmButton"), K = x("FmSideSheet"), de = x("ProductPricingSheet", !0);
+      return g(), S(J, null, [
+        s(K, {
+          "model-value": !0,
+          "z-index": k.zIndex ?? 300,
+          "max-width": ((ie = h.value) == null ? void 0 : ie.mode) === "members" ? 720 : 560,
+          "is-container": n(T).FmForm,
+          "is-container-props": {
+            onValidationSuccess: A,
+            blameFormChildOnValidationFailed: !0
+          },
+          "onUpdate:modelValue": p[2] || (p[2] = (I) => !I && F("close"))
+        }, {
+          "side-sheet-header": v(() => {
+            var I;
+            return [
+              _("p", _o, P(n(u)(
+                ((I = h.value) == null ? void 0 : I.mode) === "tiers" ? "menu.price_tier.price_tier_config" : "menu.product.form.member_price.configure.title"
+              )), 1)
+            ];
+          }),
+          "side-sheet-footer": v(() => {
+            var I, R, M;
+            return [
+              _("div", zo, [
+                s(y, {
+                  label: ((I = h.value) == null ? void 0 : I.mode) === "tiers" ? n(u)("menu.common.actions.update") : n(u)("menu.common.actions.apply"),
+                  "aria-label": ((R = h.value) == null ? void 0 : R.mode) === "tiers" ? n(u)("menu.price_tier.action.update") : void 0,
+                  variant: "primary",
+                  size: "lg",
+                  type: "button",
+                  onClick: A
+                }, null, 8, ["label", "aria-label"]),
+                s(y, {
+                  label: n(u)("menu.common.actions.cancel"),
+                  "aria-label": ((M = h.value) == null ? void 0 : M.mode) === "tiers" ? n(u)("menu.price_tier.action.cancel") : n(u)("menu.product.form.member_price.configure.cancel"),
+                  variant: "tertiary",
+                  size: "lg",
+                  onClick: p[1] || (p[1] = (Q) => F("close"))
+                }, null, 8, ["label", "aria-label"])
+              ])
+            ];
+          }),
+          default: v(() => {
+            var I, R;
+            return [
+              ((I = h.value) == null ? void 0 : I.mode) === "members" ? (g(), S("div", fo, [
+                _("div", yo, [
+                  _("p", wo, P(n(u)("menu.product.form.member_price.configure.current_configuration")), 1),
+                  h.value.configurationName || i.mainPricingLabel ? (g(), S("p", ho, P(h.value.configurationName ?? n(u)("menu.product.form.member_price.configure.main_pricing")), 1)) : E("", !0)
+                ]),
+                _("div", xo, [
+                  _("p", ko, P(n(u)("menu.product.form.member_price.configure.pricing_grid")), 1),
+                  (g(!0), S(J, null, ue(h.value.rows, (M, Q) => (g(), N(Fe, Te(
+                    {
+                      key: M.tier ?? "base",
+                      class: "w-[258px] xs:w-full",
+                      label: n(u)("menu.product.form.member_price.configure.default_selling_price"),
+                      "model-value": M.amount,
+                      "commit-on-input": "",
+                      currency: h.value.currency,
+                      "error-messages": d(Q, M)
+                    },
+                    { ref_for: !0 },
+                    n(V).field(
+                      `rows.${Q}.amount`,
+                      (W) => i.session.setAmount(M.tier, null, W)
+                    )
+                  ), {
+                    append: v(() => [
+                      h.value.showSuggestion ? (g(), N(n(Ge), {
+                        key: 0,
+                        "pure-styling": "",
+                        class: "shrink-0 scale-75",
+                        "aria-label": n(u)("menu.product.remy.pricing"),
+                        onClick: p[0] || (p[0] = (W) => F("suggest"))
+                      }, null, 8, ["aria-label"])) : E("", !0)
+                    ]),
+                    _: 2
+                  }, 1040, ["label", "model-value", "currency", "error-messages"]))), 128))
+                ]),
+                _("div", Fo, [
+                  _("div", Co, [
+                    _("p", So, P(n(u)(
+                      "menu.product.form.member_price.configure.member_selling_price.label"
+                    )), 1),
+                    _("p", $o, P(n(u)(
+                      "menu.product.form.member_price.configure.member_selling_price.sublabel"
+                    )), 1)
+                  ]),
+                  s(b, {
+                    "column-defs": Z.value,
+                    "row-data": [...((R = h.value.rows[0]) == null ? void 0 : R.members) ?? []],
+                    "hide-footer": ""
+                  }, null, 8, ["column-defs", "row-data"])
+                ])
+              ])) : h.value ? (g(), S("div", Po, [
+                _("div", Oo, [
+                  _("div", Vo, [
+                    _("div", To, [
+                      _("p", No, P(n(u)("menu.price_tier.price_group")), 1),
+                      _("p", Eo, P(n(u)("menu.price_tier.description")), 1)
+                    ]),
+                    k.onCreatePriceGroup ? (g(), N(y, {
+                      key: 0,
+                      class: "min-w-fit",
+                      label: n(u)("menu.price_tier.add_price_group"),
+                      icon: "add",
+                      variant: "secondary",
+                      onClick: m
+                    }, null, 8, ["label"])) : E("", !0)
+                  ]),
+                  s(b, {
+                    "column-defs": q.value,
+                    "row-data": [...h.value.rows],
+                    "hide-footer": ""
+                  }, null, 8, ["column-defs", "row-data"])
+                ])
+              ])) : E("", !0)
+            ];
+          }),
+          _: 1
+        }, 8, ["z-index", "max-width", "is-container", "is-container-props"]),
+        t.value ? (g(), N(de, {
+          key: 0,
+          session: t.value,
+          "z-index": (k.zIndex ?? 300) + 100,
+          "main-pricing-label": i.mainPricingLabel,
+          onClose: L
+        }, null, 8, ["session", "z-index", "main-pricing-label"])) : E("", !0)
+      ], 64);
+    };
+  }
+}), Io = {}, Lo = { class: "flex gap-16" };
+function Bo(G, B) {
+  return g(), S("div", Lo, [
+    Le(G.$slots, "default")
+  ]);
+}
+const Xe = /* @__PURE__ */ io(Io, [["render", Bo]]), Do = {
+  key: 0,
+  class: "group-list-nested-sheet-marker sr-only",
+  "aria-hidden": "true"
+}, Ao = { class: "mr-auto fm-typo-en-title-md-600" }, Uo = { class: "space-y-24 pt-16" }, Mo = { class: "rounded-md border border-fm-color-neutral-gray-200 px-16 py-12" }, Go = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ko = { class: "fm-typo-en-title-sm-600" }, Ro = { class: "space-y-16" }, jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ho = {
+  key: 0,
+  class: "nested-group-editor-sheet-marker sr-only"
+}, Yo = { class: "fm-typo-en-title-md-600" }, Zo = { class: "pt-8 space-y-32" }, qo = { class: "space-y-16" }, Jo = {
+  key: 0,
+  class: "nested-group-hidden-notice flex gap-8 rounded-md bg-fm-color-system-warning-100 p-12"
+}, Qo = { class: "space-y-4" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, en = { class: "xs:overflow-x-scroll" }, on = { class: "xs:min-w-[640px]" }, nn = { class: "flex gap-8" }, ln = /* @__PURE__ */ me({
+  __name: "NestedGroupOverrideSheets",
+  props: {
+    sdk: {},
+    session: {},
+    currencyCode: {}
+  },
+  emits: ["close"],
+  setup(G, { emit: B }) {
+    const k = je(
+      () => import("./ProductInventoryDialog-fV38GO1a.js")
+    ), F = G, u = B, { t: o, n: D } = ce(), z = De(), { run: h } = qe();
+    function V(l) {
+      if (!l) return "";
+      const r = D(0, {
+        useGrouping: !1,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      });
+      return D(0, {
+        style: "currency",
+        currency: l,
+        currencyDisplay: "narrowSymbol",
+        useGrouping: !1,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }).replace(r, "").trim() || l;
+    }
+    const d = ne({
+      status: "loading"
+    }), C = ne(null), t = ne({
+      status: "loading"
+    }), L = O(() => F.session !== null), Y = O(() => C.value !== null);
+    let Z = () => {
+    }, q = () => {
+    };
+    const A = ne(null), m = ne(null), i = ne(""), p = O(
+      () => d.value.status === "ready" ? d.value.value : null
+    ), b = O(
+      () => t.value.status === "ready" ? t.value.value : null
+    ), y = O(() => {
+      var l;
+      return [
+        ...((l = b.value) == null ? void 0 : l.options) ?? []
+      ];
+    }), K = O(() => {
+      var l;
+      return [
+        ...((l = p.value) == null ? void 0 : l.groups) ?? []
+      ];
+    }), de = O(() => [
+      {
+        accessorKey: "name",
+        header: () => o("menu.group.list.columns.name"),
+        enableSorting: !1
+      },
+      {
+        id: "products",
+        header: () => o("menu.group.list.columns.products"),
+        enableSorting: !1,
+        size: 200,
+        cell: (l) => c(
+          "div",
+          { class: "line-clamp-2 break-all" },
+          l.row.original.products.join(", ")
+        )
+      },
+      {
+        id: "actions",
+        header: "",
+        size: 52,
+        enableSorting: !1,
+        cell: (l) => c("div", { class: "flex justify-end" }, [
+          c(T.FmButton, {
+            "aria-label": o("menu.group.a11y.row", {
+              label: o("menu.common.actions.edit"),
+              index: l.row.index + 1
+            }),
+            prependIcon: "edit",
+            textColor: "neutral-gray-400",
+            variant: "tertiary",
+            onClick: () => _e(l.row.original.id)
+          })
+        ])
+      }
+    ]);
+    function ie(l, r) {
+      return l === null ? "" : D(l, {
+        style: "currency",
+        currency: r,
+        currencyDisplay: "narrowSymbol"
+      }).replaceAll(/\s/g, "");
+    }
+    const I = O(
+      () => [
+        {
+          id: "default",
+          size: 35,
+          header: () => o("menu.group.option.is_default"),
+          enableSorting: !1,
+          cell: (l) => c(T.FmCheckbox, {
+            "aria-label": o("menu.group.a11y.row", {
+              label: o("menu.group.option.is_default"),
+              index: l.row.index + 1
+            }),
+            disabled: l.row.original.orderFrom === "NONE",
+            modelValue: l.row.original.isDefault,
+            value: l.row.original.id,
+            "onUpdate:modelValue": (r) => {
+              var $;
+              return ($ = C.value) == null ? void 0 : $.setOptionDefault(
+                l.row.original.id,
+                r,
+                l.row.original.target
+              );
+            }
+          })
+        },
+        {
+          accessorKey: "code",
+          size: 100,
+          header: () => o("menu.group.option.code"),
+          enableSorting: !1
+        },
+        {
+          id: "title",
+          header: () => c("div", { class: "flex items-center w-full gap-8" }, [
+            c("span", o("menu.group.option.product_title")),
+            // `groupConfig().name` is off for an override, which disables the
+            // option translation trigger rather than removing it.
+            c(T.FmButton, {
+              disabled: !0,
+              icon: "g_translate",
+              textColor: "neutral-gray-400",
+              variant: "tertiary"
+            })
+          ]),
+          enableSorting: !1,
+          cell: (l) => c(
+            "div",
+            c(ae, {
+              "aria-label": o("menu.group.a11y.row", {
+                label: o("menu.group.option.product_title"),
+                index: l.row.index + 1
+              }),
+              class: "min-w-[300px]",
+              disabled: !0,
+              modelValue: l.row.original.name
+            })
+          )
+        },
+        {
+          id: "price",
+          size: 400,
+          header: () => o("menu.group.option.price", {
+            symbol: V(F.currencyCode)
+          }),
+          enableSorting: !1,
+          cell: (l) => {
+            const r = l.row.original;
+            return c("div", { class: "flex items-center gap-8" }, [
+              c(Fe, {
+                class: "min-w-[88px]",
+                commitOnInput: !0,
+                disabled: r.orderFrom === "NONE",
+                inputmode: "decimal",
+                "aria-label": o("menu.group.a11y.row", {
+                  label: o("menu.group.option.price", {
+                    symbol: V(r.currency)
+                  }),
+                  index: l.row.index + 1
+                }),
+                modelValue: r.priceAmount,
+                placeholder: ie(
+                  r.inheritedPriceAmount,
+                  r.currency
+                ),
+                "onUpdate:modelValue": ($) => {
+                  var ee;
+                  return (ee = C.value) == null ? void 0 : ee.setOptionPrice(
+                    r.id,
+                    $,
+                    r.target
+                  );
+                }
+              }),
+              ...r.editPricing.state === "hidden" ? [] : [
+                c("div", { class: "flex items-center gap-4" }, [
+                  c(
+                    T.FmButton,
+                    {
+                      variant: "plain",
+                      label: o(
+                        "menu.product.form.member_price.configure.title"
+                      ),
+                      "aria-label": o("menu.group.a11y.row", {
+                        label: o(
+                          "menu.product.form.member_price.configure.title"
+                        ),
+                        index: l.row.index + 1
+                      }),
+                      disabled: r.editPricing.state !== "allowed",
+                      onClick: () => be(r, "members")
+                    },
+                    {
+                      default: () => c(
+                        "span",
+                        { class: "underline line-clamp-2 break-all" },
+                        r.memberPriceCount ? o(
+                          "menu.product.form.member_price.configure.title_with_tier",
+                          { num: r.memberPriceCount }
+                        ) : o(
+                          "menu.product.form.member_price.configure.title"
+                        )
+                      )
+                    }
+                  ),
+                  c(Ae, { prices: r.memberPrices })
+                ])
+              ]
+            ]);
+          }
+        },
+        {
+          id: "orderFrom",
+          size: 100,
+          header: () => o("menu.common.labels.order_from"),
+          enableSorting: !1,
+          cell: (l) => c(T.FmSelect, {
+            "aria-label": o("menu.group.a11y.row", {
+              label: o("menu.common.labels.order_from"),
+              index: l.row.index + 1
+            }),
+            items: R.value,
+            // FmSelect teleports its menu below this z-index-200 sheet unless
+            // it is pinned one above it (as ProductGroupSheet does).
+            menuZIndex: 201,
+            modelValue: l.row.original.orderFrom,
+            shiftMenu: !0,
+            "onUpdate:modelValue": (r) => {
+              var $;
+              r && (($ = C.value) == null || $.setOptionOrderFrom(
+                l.row.original.id,
+                r,
+                l.row.original.target
+              ));
+            }
+          })
+        },
+        {
+          id: "actions",
+          size: 80,
+          header: "",
+          enableSorting: !1,
+          meta: { cellClass: "" },
+          cell: (l) => {
+            const r = l.row.original;
+            return c("div", { class: "flex items-center justify-end" }, [
+              ...r.editPricing.state === "hidden" ? [] : [
+                c(Qe, {
+                  configured: r.hasPriceTiers,
+                  disabled: r.editPricing.state !== "allowed",
+                  label: o("menu.group.a11y.row", {
+                    label: o("menu.price_tier.price_tier_config"),
+                    index: l.row.index + 1
+                  }),
+                  onOpen: () => be(r, "tiers")
+                })
+              ],
+              c(T.FmButton, {
+                "aria-label": o("menu.group.a11y.row", {
+                  label: o("menu.inventory.title"),
+                  index: l.row.index + 1
+                }),
+                disabled: r.orderFrom === "NONE",
+                icon: "inventory_2",
+                overwriteIconOutline: r.inventory.bindings.length ? "filled" : "outline",
+                textColor: "neutral-gray-400",
+                variant: "tertiary",
+                onClick: () => ze(r)
+              }),
+              // A deeper nesting level is outside the approved nested-override
+              // scope, so the trigger stays in legacy's disabled state.
+              c(T.FmButton, {
+                "aria-label": o("menu.group.a11y.row", {
+                  label: o("menu.group.nested.title"),
+                  index: l.row.index + 1
+                }),
+                disabled: !0,
+                icon: "arrow_split",
+                textColor: "neutral-gray-400",
+                variant: "tertiary"
+              })
+            ]);
+          }
+        }
+      ]
+    ), R = O(() => [
+      { label: o("menu.order.from.options.all"), value: "ALL" },
+      { label: o("menu.order.from.options.pos_only"), value: "POS_ONLY" },
+      { label: o("menu.order.from.options.none"), value: "NONE" }
+    ]);
+    function M() {
+      var l;
+      (l = A.value) == null || l.dispose(), A.value = null;
+    }
+    async function Q(l) {
+      return (await h(() => F.sdk.priceTier.create(l), {
+        successMessage: o("menu.price_tier.add_price_group_success")
+      })).kind === "success";
+    }
+    function W() {
+      var l;
+      (l = m.value) == null || l.dispose(), m.value = null, i.value = "";
+    }
+    function be(l, r) {
+      var $;
+      M(), A.value = (($ = C.value) == null ? void 0 : $.pricingEditor(
+        l.id,
+        r,
+        l.target
+      )) ?? null;
+    }
+    function ze(l) {
+      var r;
+      W(), i.value = l.name, m.value = ((r = C.value) == null ? void 0 : r.inventoryEditor(l.id, l.target)) ?? null;
+    }
+    function X() {
+      var l, r;
+      M(), W(), q(), q = () => {
+      }, (l = C.value) == null || l.discard(), (r = C.value) == null || r.dispose(), C.value = null;
+    }
+    function ve() {
+      X(), u("close");
+    }
+    function _e(l) {
+      var $;
+      X();
+      const r = ($ = F.session) == null ? void 0 : $.editor(l);
+      r && (C.value = r, t.value = r.get(), q = r.subscribe(
+        (ee) => t.value = ee
+      ));
+    }
+    function Ie() {
+      var r;
+      const l = (r = C.value) == null ? void 0 : r.submit();
+      (l == null ? void 0 : l.kind) === "success" && fe();
+    }
+    function fe() {
+      var l;
+      q(), q = () => {
+      }, (l = C.value) == null || l.dispose(), C.value = null;
+    }
+    return Ee(
+      () => F.session,
+      (l) => {
+        X(), Z(), Z = () => {
+        }, l && (d.value = l.get(), Z = l.subscribe(
+          (r) => d.value = r
+        ));
+      },
+      { immediate: !0 }
+    ), no(() => {
+      X(), Z();
+    }), (l, r) => {
+      const $ = x("FmButton"), ee = x("FmTable"), Ce = x("FmSideSheet"), Se = x("FmStepperField"), e = x("FmSwitch"), a = x("FmIcon"), U = x("FmFormGroup"), le = x("FmHelperText");
+      return g(), S(J, null, [
+        A.value ? (g(), N(We, {
+          key: 0,
+          session: A.value,
+          "on-create-price-group": Q,
+          onClose: M
+        }, null, 8, ["session"])) : E("", !0),
+        m.value ? (g(), N(n(k), {
+          key: 1,
+          "product-name": i.value,
+          session: m.value,
+          onClose: W
+        }, null, 8, ["product-name", "session"])) : E("", !0),
+        s(Ce, {
+          "model-value": L.value,
+          "close-button": !1,
+          "max-width": 800,
+          "z-index": 100,
+          "dismiss-away": !Y.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (H) => !H && ve())
+        }, {
+          "side-sheet-header": v(() => [
+            s($, {
+              "aria-label": n(o)("menu.common.actions.back"),
+              icon: "arrow_back",
+              variant: "tertiary",
+              onClick: ve
+            }, null, 8, ["aria-label"]),
+            L.value ? (g(), S("span", Do)) : E("", !0),
+            _("p", Ao, P(n(o)("menu.group.nested.title")), 1)
+          ]),
+          "side-sheet-footer": v(() => [
+            s($, {
+              label: n(o)("menu.common.actions.ok"),
+              size: "lg",
+              onClick: ve
+            }, null, 8, ["label"])
+          ]),
+          default: v(() => {
+            var H;
+            return [
+              _("div", Uo, [
+                _("div", Mo, [
+                  _("p", Go, P(n(o)("menu.group.nested.currently_configuring")), 1),
+                  _("p", Ko, P((H = p.value) == null ? void 0 : H.optionName), 1)
+                ]),
+                _("div", Ro, [
+                  _("p", jo, P(n(o)("menu.group.nested.subtitle")), 1),
+                  s(ee, {
+                    "column-defs": de.value,
+                    "page-size": K.value.length,
+                    "row-data": K.value,
+                    "shrink-at": !1,
+                    "hide-footer": "",
+                    "pin-header-row": ""
+                  }, null, 8, ["column-defs", "page-size", "row-data"])
+                ])
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["model-value", "dismiss-away"]),
+        s(Ce, {
+          "model-value": Y.value,
+          "max-width": 800,
+          "z-index": 200,
+          "onUpdate:modelValue": r[4] || (r[4] = (H) => !H && X())
+        }, {
+          "side-sheet-header": v(() => [
+            Y.value ? (g(), S("span", Ho, P(n(o)("menu.common.labels.nested_group_override")), 1)) : E("", !0),
+            _("p", Yo, P(n(o)("menu.group.update")), 1)
+          ]),
+          "side-sheet-footer": v(() => [
+            _("div", nn, [
+              s($, {
+                label: n(o)("menu.common.actions.update"),
+                size: "lg",
+                onClick: Ue(Ie, ["stop"])
+              }, null, 8, ["label"]),
+              s($, {
+                label: n(o)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: Ue(X, ["stop"])
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: v(() => {
+            var H, ye, $e, Pe, Oe;
+            return [
+              _("div", Zo, [
+                s(Ye, null, {
+                  default: v(() => {
+                    var te;
+                    return [
+                      s(ae, {
+                        disabled: "",
+                        label: n(o)("menu.common.labels.group_name"),
+                        placeholder: ((te = b.value) == null ? void 0 : te.groupName) ?? ""
+                      }, {
+                        append: v(() => [
+                          s($, {
+                            disabled: "",
+                            icon: "g_translate",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["label", "placeholder"]),
+                      s(Xe, null, {
+                        default: v(() => {
+                          var oe, pe, re, we, he, xe;
+                          return [
+                            s(Se, {
+                              class: "flex-1",
+                              disabled: ((oe = b.value) == null ? void 0 : oe.bounds.state) !== "allowed",
+                              "helper-text": ((pe = b.value) == null ? void 0 : pe.bounds.state) === "disabled" ? n(z)(b.value.bounds.reason) : void 0,
+                              label: n(o)("menu.common.labels.min_select"),
+                              min: 0,
+                              "model-value": ((re = b.value) == null ? void 0 : re.min) ?? 0,
+                              "onUpdate:modelValue": r[1] || (r[1] = (ge) => {
+                                var f;
+                                return (f = C.value) == null ? void 0 : f.setMin(ge);
+                              })
+                            }, null, 8, ["disabled", "helper-text", "label", "model-value"]),
+                            s(Se, {
+                              class: "flex-1",
+                              disabled: ((we = b.value) == null ? void 0 : we.bounds.state) !== "allowed",
+                              label: n(o)("menu.common.labels.max_select"),
+                              min: ((he = b.value) == null ? void 0 : he.min) ?? 0,
+                              "model-value": ((xe = b.value) == null ? void 0 : xe.max) ?? 0,
+                              "onUpdate:modelValue": r[2] || (r[2] = (ge) => {
+                                var f;
+                                return (f = C.value) == null ? void 0 : f.setMax(ge);
+                              })
+                            }, null, 8, ["disabled", "label", "min", "model-value"])
+                          ];
+                        }),
+                        _: 1
+                      }),
+                      s(Ne, {
+                        label: n(o)("menu.common.labels.configuration")
+                      }, {
+                        default: v(() => {
+                          var oe;
+                          return [
+                            _("div", qo, [
+                              s(e, {
+                                disabled: "",
+                                label: n(o)("menu.common.labels.stackable"),
+                                "model-value": ((oe = b.value) == null ? void 0 : oe.stackable) ?? !1,
+                                sublabel: n(o)("menu.common.labels.stackable_sublabel"),
+                                "label-placement": "right"
+                              }, null, 8, ["label", "model-value", "sublabel"]),
+                              b.value && b.value.hide.state !== "hidden" ? (g(), N(e, {
+                                key: 0,
+                                disabled: b.value.hide.state !== "allowed",
+                                label: n(o)("menu.common.labels.hide_group"),
+                                "model-value": b.value.hidden,
+                                sublabel: n(o)("menu.common.labels.hide_group_sublabel_product"),
+                                "label-placement": "right",
+                                "onUpdate:modelValue": r[3] || (r[3] = (pe) => {
+                                  var re;
+                                  return (re = C.value) == null ? void 0 : re.setHidden(!!pe);
+                                })
+                              }, null, 8, ["disabled", "label", "model-value", "sublabel"])) : E("", !0)
+                            ])
+                          ];
+                        }),
+                        _: 1
+                      }, 8, ["label"])
+                    ];
+                  }),
+                  _: 1
+                }),
+                (H = b.value) != null && H.hidden ? (g(), S("div", Jo, [
+                  s(a, {
+                    class: "shrink-0",
+                    color: "system-warning-400",
+                    name: "visibility_off",
+                    outline: "",
+                    size: "sm"
+                  }),
+                  _("div", Qo, [
+                    _("p", Wo, P(n(o)("menu.common.labels.hide_group_notice")), 1),
+                    _("p", Xo, P(n(o)("menu.common.labels.hide_group_notice_reset")), 1)
+                  ])
+                ])) : E("", !0),
+                s(U, {
+                  class: lo([
+                    "!gap-16",
+                    (ye = b.value) != null && ye.hidden ? "opacity-50 pointer-events-none" : ""
+                  ]),
+                  inert: (($e = b.value) == null ? void 0 : $e.hidden) || void 0,
+                  tag: "div",
+                  "helper-text": n(o)("menu.common.validation.default_items_tip", {
+                    count: y.value.filter((te) => te.isDefault).length,
+                    max: ((Pe = b.value) == null ? void 0 : Pe.max) ?? 0
+                  }),
+                  "model-value": y.value
+                }, {
+                  default: v(() => [
+                    s(ke, {
+                      title: n(o)("menu.group.option.title")
+                    }, {
+                      default: v(() => [
+                        _("div", en, [
+                          _("div", on, [
+                            s(ee, {
+                              "column-defs": I.value,
+                              "page-size": Math.max(y.value.length, 1),
+                              "row-data": y.value,
+                              "shrink-at": !1,
+                              "hide-footer": ""
+                            }, null, 8, ["column-defs", "page-size", "row-data"])
+                          ])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["title"])
+                  ]),
+                  _: 1
+                }, 8, ["class", "inert", "helper-text", "model-value"]),
+                (g(!0), S(J, null, ue(((Oe = b.value) == null ? void 0 : Oe.issues) ?? [], (te, oe) => (g(), N(le, {
+                  key: `${te.code}-${oe}`,
+                  state: "error",
+                  text: n(z)(te)
+                }, null, 8, ["text"]))), 128))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["model-value"])
+      ], 64);
+    };
+  }
+}), tn = { class: "fm-typo-en-title-md-600" }, an = {
+  key: 0,
+  class: "pt-8 space-y-32"
+}, rn = { class: "xs:overflow-x-scroll" }, sn = { class: "xs:min-w-[640px]" }, un = { class: "flex gap-8 items-center justify-start" }, mn = { class: "fm-typo-en-title-md-600" }, cn = { class: "pt-8 space-y-24" }, dn = { class: "flex gap-8 flex-wrap" }, pn = { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, gn = { class: "flex gap-8" }, On = /* @__PURE__ */ me({
+  __name: "ProductGroupCreateSheet",
+  props: {
+    sdk: {},
+    presentation: {}
+  },
+  emits: ["close", "created"],
+  setup(G, { emit: B }) {
+    const k = je(
+      () => import("./ProductInventoryDialog-fV38GO1a.js")
+    ), F = G, u = B, { t: o } = ce(), D = x("i18n-t"), z = De(), { run: h } = qe(), V = He(), d = F.sdk.group.creationEditor(
+      F.presentation === "tree" ? { surface: "editor" } : void 0
+    ), C = Be(d), t = O(
+      () => C.value.status === "ready" ? C.value.value : null
+    ), L = Ze(() => d), Y = O(
+      () => {
+        var e;
+        return Object.fromEntries(
+          Object.entries(((e = t.value) == null ? void 0 : e.attributeValueOptions) ?? {}).map(
+            ([a, U]) => [a, [...U]]
+          )
+        );
+      }
+    ), Z = Be(F.sdk.linkProduct.catalogue), q = O(
+      () => Z.value.status === "ready" ? Z.value.value : null
+    ), A = se(!1), m = se({}), i = O(
+      () => {
+        var e;
+        return (((e = t.value) == null ? void 0 : e.options) ?? []).map((a) => ({
+          ...a,
+          subRows: a.variants
+        }));
+      }
+    ), p = O(
+      () => Math.max(
+        i.value.reduce(
+          (e, a) => e + 1 + a.subRows.length,
+          0
+        ),
+        1
+      )
+    ), b = (e) => e.combinationKey ? `${e.id}:${e.combinationKey}` : e.id, y = (e, a, U, le) => e.combinationKey ? o("menu.common.labels.a11y_labelled_name", {
+      label: o(U),
+      name: e.name || e.inheritedName
+    }) : le ? o(le, { index: a + 1 }) : o("menu.group.a11y.row", { label: o(U), index: a + 1 });
+    function K(e) {
+      d.setProducts([...e]), A.value = !1;
+    }
+    function de() {
+      d.cancelTranslation();
+    }
+    function ie() {
+      var e;
+      if (!((e = t.value) != null && e.translationDirty)) {
+        d.cancelTranslation();
+        return;
+      }
+      V.open({
+        title: o("menu.common.dialog.discard.title"),
+        message: o("menu.common.dialog.discard.message"),
+        primaryActions: {
+          text: o("menu.common.actions.discard"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: o("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => d.cancelTranslation());
+    }
+    const I = ne(null), R = ne(null), M = se(""), Q = ne(null);
+    function W() {
+      var e;
+      (e = I.value) == null || e.dispose(), I.value = null;
+    }
+    function be(e, a) {
+      W(), I.value = d.pricingEditor(
+        e.id,
+        a,
+        e.combinationKey
+      );
+    }
+    async function ze(e) {
+      return (await h(() => F.sdk.priceTier.create(e), {
+        successMessage: o("menu.price_tier.add_price_group_success")
+      })).kind === "success";
+    }
+    function X() {
+      var e;
+      (e = R.value) == null || e.dispose(), R.value = null, M.value = "";
+    }
+    function ve(e) {
+      X(), M.value = e.name || e.inheritedName, R.value = d.inventoryEditor(e.id, e.combinationKey);
+    }
+    function _e() {
+      var e;
+      (e = Q.value) == null || e.dispose(), Q.value = null;
+    }
+    function Ie(e) {
+      _e(), Q.value = d.nestedOverrides(e.id, e.combinationKey);
+    }
+    Re(() => {
+      W(), X(), _e(), d.dispose();
+    });
+    const fe = (e) => t.value ? L.issue(t.value.fieldIssues, e) ?? t.value.issues.find((a) => a.field === e) : void 0, l = (e) => {
+      const a = fe(e);
+      return a ? z(a) : "";
+    }, r = ["NORMAL", "PRODUCT", "DYNAMIC"], $ = se(0);
+    function ee() {
+      d.confirmTypeChange(!1), $.value += 1;
+    }
+    Ee(
+      () => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.typeChange;
+      },
+      (e) => {
+        e && V.open({
+          title: o("menu.common.dialog.change_type.title"),
+          message: o("menu.common.dialog.change_type.message"),
+          primaryActions: { text: o("menu.common.actions.yes"), close: !0 },
+          secondaryActions: { text: o("menu.common.actions.no"), close: !0 }
+        }).onPrimary(() => d.confirmTypeChange(!0)).onSecondary(() => ee()).onClose(() => ee());
+      }
+    );
+    async function Ce() {
+      var U;
+      const e = ((U = t.value) == null ? void 0 : U.name) ?? "";
+      (await h(() => L.submit(() => d.submit()), {
+        showLoading: () => {
+          var le;
+          return ((le = t.value) == null ? void 0 : le.status) === "submitting";
+        }
+      })).kind === "success" && (u("created", e), u("close"));
+    }
+    const Se = O(() => [
+      {
+        accessorKey: "isDefault",
+        size: 35,
+        header: () => o("menu.group.option.is_default"),
+        enableSorting: !1,
+        cell: (e) => (
+          // A product with variants has no default of its own; its
+          // combinations do (OptionTable.vue:143-145).
+          e.row.original.variants.length ? null : c(T.FmCheckbox, {
+            modelValue: e.row.original.isDefault,
+            value: b(e.row.original),
+            "aria-label": y(
+              e.row.original,
+              e.row.index,
+              "menu.group.option.is_default"
+            ),
+            "onUpdate:modelValue": (a) => {
+              d.setOption(
+                e.row.original.id,
+                { isDefault: a },
+                e.row.original.combinationKey
+              ), L.touch("options");
+            }
+          })
+        )
+      },
+      {
+        accessorKey: "code",
+        size: 100,
+        header: () => o("menu.group.option.code"),
+        enableSorting: !1,
+        cell: (e) => c("div", { class: "break-all max-w-[100px]" }, e.row.original.code)
+      },
+      {
+        accessorKey: "name",
+        header: () => {
+          var e;
+          return c("div", { class: "flex items-center w-full gap-8" }, [
+            c("span", o("menu.group.option.product_title")),
+            ((e = t.value) == null ? void 0 : e.showTranslation) === !1 ? null : c(T.FmButton, {
+              icon: "g_translate",
+              variant: "tertiary",
+              textColor: "neutral-gray-400",
+              // Distinct from the group-name translate button below, AND from
+              // every field's own name: `getByLabel` is substring-matching, so
+              // "Translate group name" made the "Group name" textbox resolve two
+              // elements and the frozen create input could not run at all. Both
+              // are named so that no control's accessible name contains another's
+              // (including the collision that the first renaming created).
+              // Distinct from the group-name translate button below: both are
+              // `g_translate` FmButtons inside one side sheet, and one shared
+              // name made two controls of one role indistinguishable — the same
+              // ADR-0003 §1 condition as on the option cells. Neither name is
+              // visible, so this changes no rendering.
+              "aria-label": o("menu.group.translation.translate_options"),
+              onClick: () => d.beginTranslation("options")
+            })
+          ]);
+        },
+        enableSorting: !1,
+        cell: (e) => c(
+          ae,
+          {
+            class: "min-w-[300px]",
+            modelValue: e.row.original.name,
+            placeholder: e.row.original.inheritedName,
+            errorMessages: fe(`option.${e.row.original.id}.name`) ? [l(`option.${e.row.original.id}.name`)] : [],
+            // Named PER ROW: "Option 1 title", "Option 2 title", …
+            //
+            // The accessible name is an addition the MIGRATED app owns — legacy
+            // renders these cells unlabelled, with no accessible name at all, so
+            // nothing here is matched to legacy's DOM. One shared name was the
+            // first attempt and it could not work: after the second "Add option"
+            // two textboxes answer to it, so a locator that must resolve one
+            // element fails. The index has to lead rather than trail, because
+            // `getByLabel` is substring-matching — "Option title 1"
+            // and "Option title 2" would both still match a recorded
+            // "Option title", while "Option 1 title" is not a substring of
+            // "Option 2 title". Owner-approved 2026-09-08 together with the
+            // baseline refresh that re-records the four steps against these names.
+            //
+            // The visible column header stays "Title", which is what the golden
+            // shows; this is the accessible name only.
+            "aria-label": y(
+              e.row.original,
+              e.row.index,
+              "menu.group.option.product_title",
+              "menu.group.option.option_title_numbered"
+            ),
+            ...L.field(
+              `option.${e.row.original.id}.name`,
+              (a) => d.setOption(
+                e.row.original.id,
+                { name: a },
+                e.row.original.combinationKey
+              )
+            )
+          },
+          e.row.original.variants.length ? {
+            // Legacy puts the toggle inside the title field
+            // (OptionTable.vue:228-243).
+            append: () => c(
+              "button",
+              {
+                type: "button",
+                class: "flex",
+                "aria-label": o(
+                  e.row.getIsExpanded() ? "menu.apply_product.table.collapse_combinations" : "menu.apply_product.table.expand_combinations",
+                  {
+                    name: e.row.original.name || e.row.original.inheritedName
+                  }
+                ),
+                onClick: e.row.getToggleExpandedHandler()
+              },
+              c(T.FmIcon, {
+                name: "keyboard_arrow_up",
+                // Down while collapsed, up once expanded.
+                class: [
+                  "cursor-pointer transition-transform",
+                  e.row.getIsExpanded() ? "" : "rotate-180"
+                ]
+              })
+            )
+          } : void 0
+        )
+      },
+      {
+        accessorKey: "priceAmount",
+        size: 400,
+        header: () => c(
+          D,
+          { keypath: "menu.group.option.price", tag: "span" },
+          {
+            symbol: () => {
+              var e;
+              return c(Je, { currency: (e = t.value) == null ? void 0 : e.currency });
+            }
+          }
+        ),
+        enableSorting: !1,
+        cell: (e) => (
+          // Legacy wraps the price control in `flex items-center gap-8`
+          // (`portal .../GroupManager/OptionTable.vue:290`), so the input takes
+          // its natural width inside the 400px column instead of stretching to
+          // fill it. Without the wrapper the field runs ~127px wider than the
+          // frozen `group/v3-create/form-normal` golden shows.
+          c("div", { class: "flex items-center gap-8" }, [
+            c(Fe, {
+              modelValue: e.row.original.priceAmount,
+              // Indexed for the same reason as the title above; the visible
+              // header keeps its currency symbol.
+              "aria-label": y(
+                e.row.original,
+                e.row.index,
+                "menu.group.option.price",
+                "menu.group.option.option_price_numbered"
+              ),
+              "onUpdate:modelValue": (a) => d.setOption(
+                e.row.original.id,
+                { priceAmount: a },
+                e.row.original.combinationKey
+              )
+            }),
+            // Legacy's member-price form beside the price, V4 only
+            // (`OptionTable.vue:333-382`); a row that cannot sell keeps it,
+            // disabled.
+            ...e.row.original.editPricing.state !== "hidden" ? [
+              c("div", { class: "flex items-center gap-4" }, [
+                c(
+                  T.FmButton,
+                  {
+                    variant: "plain",
+                    label: o(
+                      "menu.product.form.member_price.configure.title"
+                    ),
+                    "aria-label": y(
+                      e.row.original,
+                      e.row.index,
+                      "menu.product.form.member_price.configure.title"
+                    ),
+                    disabled: e.row.original.editPricing.state !== "allowed",
+                    onClick: () => be(e.row.original, "members")
+                  },
+                  {
+                    default: () => c(
+                      "span",
+                      { class: "underline line-clamp-2 break-all" },
+                      e.row.original.memberPriceCount ? o(
+                        "menu.product.form.member_price.configure.title_with_tier",
+                        { num: e.row.original.memberPriceCount }
+                      ) : o(
+                        "menu.product.form.member_price.configure.title"
+                      )
+                    )
+                  }
+                ),
+                c(Ae, {
+                  prices: e.row.original.memberPrices
+                })
+              ])
+            ] : []
+          ])
+        )
+      },
+      {
+        accessorKey: "orderFrom",
+        size: 100,
+        header: () => o("menu.common.labels.order_from"),
+        enableSorting: !1,
+        cell: (e) => c(T.FmSelect, {
+          modelValue: e.row.original.orderFrom,
+          disabled: !e.row.original.editOrderFrom,
+          "aria-label": y(
+            e.row.original,
+            e.row.index,
+            "menu.common.labels.order_from"
+          ),
+          items: ["ALL", "POS_ONLY", "NONE"].map((a) => ({
+            value: a,
+            label: o(so[a])
+          })),
+          "onUpdate:modelValue": (a) => d.setOption(
+            e.row.original.id,
+            { orderFrom: a },
+            e.row.original.combinationKey
+          )
+        })
+      },
+      {
+        id: "action",
+        meta: { cellClass: "" },
+        size: 80,
+        enableSorting: !1,
+        cell: (e) => c("div", { class: "flex items-center justify-end" }, [
+          // Legacy's price-tier button, V4 only (`OptionTable.vue:505-524`).
+          ...e.row.original.editPricing.state !== "hidden" ? [
+            c(Qe, {
+              configured: e.row.original.hasPriceTiers,
+              disabled: e.row.original.editPricing.state !== "allowed",
+              label: y(
+                e.row.original,
+                e.row.index,
+                "menu.price_tier.price_tier_config"
+              ),
+              onOpen: () => be(e.row.original, "tiers")
+            })
+          ] : [],
+          // Inventory binding: every V4 row and, on V3, a NORMAL group's rows
+          // (`AddForm.vue` `inventory`). The icon fills once a binding is
+          // staged (`OptionTable.vue:556`).
+          ...e.row.original.editInventory.state !== "hidden" ? [
+            c(T.FmButton, {
+              prependIcon: "inventory_2",
+              overwriteIconOutline: e.row.original.inventoryBound ? "filled" : "outline",
+              variant: "tertiary",
+              textColor: "neutral-gray-400",
+              disabled: e.row.original.editInventory.state !== "allowed",
+              "aria-label": y(
+                e.row.original,
+                e.row.index,
+                "menu.group.option.inventory"
+              ),
+              onClick: () => ve(e.row.original)
+            })
+          ] : [],
+          // Legacy keeps the nested-group button on every row, badged with the
+          // count and enabled where the row's product links a group
+          // (`OptionTable.vue:466-496`).
+          ...e.row.original.nestedGroupCount ? [
+            c(
+              T.FmBadge,
+              {
+                class: "bg-fm-color-primary text-fm-color-neutral-white !right-0 !top-0",
+                value: e.row.original.nestedGroupCount
+              },
+              {
+                default: () => c(T.FmButton, {
+                  prependIcon: "arrow_split",
+                  variant: "tertiary",
+                  textColor: "neutral-gray-400",
+                  disabled: e.row.original.editNested.state !== "allowed",
+                  "aria-label": y(
+                    e.row.original,
+                    e.row.index,
+                    "menu.group.nested.title"
+                  ),
+                  onClick: () => Ie(e.row.original)
+                })
+              }
+            )
+          ] : [
+            c(T.FmButton, {
+              prependIcon: "arrow_split",
+              variant: "tertiary",
+              textColor: "neutral-gray-400",
+              disabled: !0,
+              "aria-label": y(
+                e.row.original,
+                e.row.index,
+                "menu.group.nested.title"
+              )
+            })
+          ],
+          c(T.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            "aria-label": y(
+              e.row.original,
+              e.row.index,
+              "menu.common.actions.remove"
+            ),
+            // A combination is removed with its product (OptionTable.vue:547-556).
+            disabled: !!e.row.original.combinationKey,
+            onClick: () => d.removeOption(e.row.original.id)
+          })
+        ])
+      }
+    ]);
+    return (e, a) => {
+      var we, he, xe, ge;
+      const U = x("FmButton"), le = x("FmTooltip"), H = x("FmStepperField"), ye = x("FmFormGroup"), $e = x("FmRadio"), Pe = x("FmRadioGroup"), Oe = x("FmSwitch"), te = x("FmTable"), oe = x("FmSideSheet"), pe = x("FmChip"), re = x("FmSelect");
+      return g(), S(J, null, [
+        s(oe, {
+          "model-value": !0,
+          "max-width": e.presentation === "tree" ? 720 : 800,
+          "is-container": n(T).FmForm,
+          "is-container-props": { onValidationSuccess: Ce },
+          "onUpdate:modelValue": a[9] || (a[9] = (f) => !f && u("close"))
+        }, {
+          "side-sheet-header": v(() => [
+            _("p", tn, P(n(o)("menu.group.add")), 1)
+          ]),
+          "side-sheet-footer": v(() => {
+            var f;
+            return [
+              _("div", un, [
+                s(U, {
+                  label: n(o)("menu.common.actions.add"),
+                  disabled: ((f = t.value) == null ? void 0 : f.submit.state) !== "allowed",
+                  size: "lg",
+                  type: "submit",
+                  variant: "primary"
+                }, null, 8, ["label", "disabled"]),
+                s(U, {
+                  label: n(o)("menu.common.actions.cancel"),
+                  size: "lg",
+                  variant: "tertiary",
+                  onClick: a[8] || (a[8] = (w) => u("close"))
+                }, null, 8, ["label"])
+              ])
+            ];
+          }),
+          default: v(() => [
+            t.value ? (g(), S("div", an, [
+              s(Ye, null, {
+                default: v(() => {
+                  var f;
+                  return [
+                    s(ae, Te({
+                      autofocus: "",
+                      label: n(o)("menu.common.labels.group_name"),
+                      "model-value": t.value.name,
+                      "error-messages": fe("name") ? [l("name")] : []
+                    }, n(L).field("name", n(d).setName)), Ke({ _: 2 }, [
+                      t.value.showTranslation !== !1 ? {
+                        name: "append",
+                        fn: v(() => [
+                          s(le, {
+                            variant: "plain",
+                            placement: "top",
+                            "z-index": 999
+                          }, {
+                            default: v(() => [
+                              s(U, {
+                                variant: "tertiary",
+                                icon: "g_translate",
+                                disabled: !t.value.canTranslateName,
+                                "aria-label": n(o)("menu.group.translation.translate_name"),
+                                onClick: a[0] || (a[0] = (w) => n(d).beginTranslation("group"))
+                              }, null, 8, ["disabled", "aria-label"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1040, ["label", "model-value", "error-messages"]),
+                    s(ye, {
+                      "model-value": `${t.value.min} ${t.value.max}`,
+                      invalid: !!l("bounds"),
+                      "helper-text": l("bounds")
+                    }, {
+                      default: v(() => [
+                        s(Xe, null, {
+                          default: v(() => [
+                            s(H, Te({
+                              class: "flex-1",
+                              min: 0,
+                              label: n(o)("menu.common.labels.min_select"),
+                              "model-value": t.value.min
+                            }, n(L).field("bounds", n(d).setMin)), null, 16, ["label", "model-value"]),
+                            s(H, Te({
+                              class: "flex-1",
+                              min: t.value.min,
+                              label: n(o)("menu.common.labels.max_select"),
+                              "model-value": t.value.max
+                            }, n(L).field("bounds", n(d).setMax)), null, 16, ["min", "label", "model-value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["model-value", "invalid", "helper-text"]),
+                    t.value.showType ? (g(), N(Ne, {
+                      key: 0,
+                      label: n(o)("menu.common.labels.group_type")
+                    }, {
+                      default: v(() => [
+                        (g(), N(Pe, {
+                          key: $.value,
+                          "model-value": t.value.type,
+                          "onUpdate:modelValue": a[1] || (a[1] = (w) => n(d).setType(w))
+                        }, {
+                          default: v(() => [
+                            (g(), S(J, null, ue(r, (w) => s($e, {
+                              key: w,
+                              value: w,
+                              label: n(o)(n(uo)[w])
+                            }, null, 8, ["value", "label"])), 64))
+                          ]),
+                          _: 1
+                        }, 8, ["model-value"]))
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : E("", !0),
+                    s(Ne, {
+                      label: n(o)("menu.common.labels.configuration")
+                    }, {
+                      default: v(() => [
+                        s(Oe, {
+                          "model-value": t.value.stackable,
+                          label: n(o)("menu.common.labels.stackable"),
+                          "label-placement": "right",
+                          sublabel: n(o)("menu.common.labels.stackable_sublabel"),
+                          "onUpdate:modelValue": a[2] || (a[2] = (w) => n(d).setStackable(w))
+                        }, null, 8, ["model-value", "label", "sublabel"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    (f = t.value.tagging) != null && f.visible ? (g(), S(J, { key: 1 }, [
+                      e.presentation === "tree" ? (g(), N(n(Me), {
+                        key: 0,
+                        entity: "group",
+                        "model-value": t.value.customAttributes ?? {},
+                        "value-options": Y.value,
+                        "onUpdate:modelValue": a[3] || (a[3] = (w) => n(d).setCustomAttributes(w ?? null))
+                      }, null, 8, ["model-value", "value-options"])) : (g(), N(ke, {
+                        key: 1,
+                        title: n(o)("menu.group.form.tagging.title"),
+                        "sub-title": n(o)("menu.group.form.tagging.subtitle")
+                      }, {
+                        default: v(() => [
+                          s(n(Me), {
+                            entity: "group",
+                            "model-value": t.value.customAttributes ?? {},
+                            "value-options": Y.value,
+                            "onUpdate:modelValue": a[4] || (a[4] = (w) => n(d).setCustomAttributes(w ?? null))
+                          }, null, 8, ["model-value", "value-options"])
+                        ]),
+                        _: 1
+                      }, 8, ["title", "sub-title"]))
+                    ], 64)) : E("", !0)
+                  ];
+                }),
+                _: 1
+              }),
+              s(ye, {
+                tag: "div",
+                "model-value": t.value.options,
+                invalid: !!l("options"),
+                "helper-text": l("options") || n(o)("menu.common.validation.default_items_tip", {
+                  count: t.value.defaultCount,
+                  max: t.value.max
+                })
+              }, {
+                default: v(() => [
+                  s(ke, {
+                    title: n(o)("menu.group.option.title"),
+                    "sub-title": t.value.linkProducts && e.presentation !== "tree" ? n(o)("menu.group.option.subtitle") : ""
+                  }, {
+                    "append-title": v(() => [
+                      s(U, {
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "border-color": "primary",
+                        "prepend-icon": t.value.linkProducts ? "link" : "add",
+                        label: n(o)(
+                          t.value.linkProducts ? "menu.group.option.link_products" : "menu.group.option.add_option"
+                        ),
+                        onClick: a[5] || (a[5] = (f) => t.value.linkProducts ? A.value = !0 : n(d).addOption())
+                      }, null, 8, ["prepend-icon", "label"])
+                    ]),
+                    default: v(() => [
+                      _("div", rn, [
+                        _("div", sn, [
+                          s(te, {
+                            draggable: "",
+                            onDndChanged: a[6] || (a[6] = (f) => n(d).reorderOptions(
+                              f.map((w) => w.id)
+                            )),
+                            "column-defs": Se.value,
+                            "column-visibility": {
+                              code: t.value.showCode,
+                              priceAmount: t.value.showPrice,
+                              orderFrom: t.value.showOrderFrom
+                            },
+                            "row-data": i.value,
+                            "get-row-id": b,
+                            "expanded-state": m.value,
+                            "onUpdate:expandedState": a[7] || (a[7] = (f) => m.value = f),
+                            "page-size": p.value,
+                            "shrink-at": !1,
+                            "hide-footer": ""
+                          }, null, 8, ["column-defs", "column-visibility", "row-data", "expanded-state", "page-size"])
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["title", "sub-title"])
+                ]),
+                _: 1
+              }, 8, ["model-value", "invalid", "helper-text"])
+            ])) : E("", !0)
+          ]),
+          _: 1
+        }, 8, ["max-width", "is-container", "is-container-props"]),
+        ((we = t.value) == null ? void 0 : we.translationMode) === "group" ? (g(), N(to, {
+          key: 0,
+          "model-value": !0,
+          name: t.value.name,
+          "name-locale": t.value.nameLocale,
+          "supported-locales": t.value.supportedLocales,
+          dirty: t.value.translationDirty,
+          title: n(o)("menu.group.translation.title"),
+          "name-section-label": n(o)("menu.common.translation.name_section", {
+            entity: n(o)("menu.group.title")
+          }),
+          "onUpdate:modelValue": a[10] || (a[10] = (f) => !f && de()),
+          "onUpdate:name": a[11] || (a[11] = (f) => n(d).setName(f)),
+          "onUpdate:nameLocale": a[12] || (a[12] = (f) => n(d).setNameLocale(f)),
+          onSave: a[13] || (a[13] = (f) => n(d).applyTranslation()),
+          onDiscard: a[14] || (a[14] = (f) => n(d).cancelTranslation())
+        }, null, 8, ["name", "name-locale", "supported-locales", "dirty", "title", "name-section-label"])) : E("", !0),
+        ((he = t.value) == null ? void 0 : he.translationMode) === "options" ? (g(), N(oe, {
+          key: 1,
+          "model-value": !0,
+          "max-width": 720,
+          "onUpdate:modelValue": a[17] || (a[17] = (f) => !f && de()),
+          "onOn:clickedAway": ie
+        }, {
+          "side-sheet-header": v(() => [
+            _("p", mn, P(n(o)("menu.group.translation.title")), 1)
+          ]),
+          "side-sheet-footer": v(() => [
+            _("div", gn, [
+              s(U, {
+                label: n(o)("menu.common.actions.save"),
+                size: "lg",
+                onClick: a[16] || (a[16] = (f) => n(d).applyTranslation())
+              }, null, 8, ["label"]),
+              s(U, {
+                label: n(o)("menu.common.actions.cancel"),
+                variant: "tertiary",
+                size: "lg",
+                onClick: ie
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: v(() => [
+            _("div", cn, [
+              s(Ne, {
+                label: n(o)("menu.group.translation.language")
+              }, {
+                default: v(() => {
+                  var f;
+                  return [
+                    _("div", dn, [
+                      (g(!0), S(J, null, ue(t.value.optionTranslationLocales, (w) => {
+                        var j;
+                        return g(), N(pe, {
+                          key: w,
+                          removable: "",
+                          label: ((j = t.value.supportedLocales.find((Ve) => Ve.code === w)) == null ? void 0 : j.name) ?? w,
+                          onChipClosed: (Ve) => n(d).setOptionTranslationLocales(
+                            t.value.optionTranslationLocales.filter((eo) => eo !== w)
+                          )
+                        }, null, 8, ["label", "onChipClosed"]);
+                      }), 128)),
+                      s(re, {
+                        items: (((f = t.value) == null ? void 0 : f.supportedLocales) ?? []).filter(
+                          (w) => {
+                            var j;
+                            return !(((j = t.value) == null ? void 0 : j.optionTranslationLocales) ?? []).includes(w.code);
+                          }
+                        ).map((w) => ({ value: w.code, label: w.name })),
+                        placeholder: n(o)("menu.group.translation.add_language"),
+                        "model-value": null,
+                        "onUpdate:modelValue": a[15] || (a[15] = (w) => n(d).setOptionTranslationLocales([
+                          ...t.value.optionTranslationLocales,
+                          w
+                        ]))
+                      }, null, 8, ["items", "placeholder"])
+                    ])
+                  ];
+                }),
+                _: 1
+              }, 8, ["label"]),
+              s(ke, {
+                title: n(o)("menu.group.translation.group_name")
+              }, {
+                default: v(() => [
+                  s(ae, {
+                    "model-value": t.value.name,
+                    readonly: ""
+                  }, null, 8, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              s(ke, {
+                title: n(o)("menu.group.translation.product_name")
+              }, {
+                default: v(() => [
+                  (g(!0), S(J, null, ue(t.value.options, (f, w) => (g(), S("div", {
+                    key: f.id,
+                    class: "space-y-8"
+                  }, [
+                    _("p", pn, P(n(o)("menu.group.translation.option", { number: w + 1 })), 1),
+                    s(ae, {
+                      label: n(o)("menu.group.translation.option_default", { number: w + 1 }),
+                      "model-value": f.name,
+                      "onUpdate:modelValue": (j) => n(d).setOption(f.id, { name: j })
+                    }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
+                    (g(!0), S(J, null, ue(t.value.optionTranslationLocales, (j) => (g(), S("div", {
+                      key: j,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      s(ao, { code: j }, null, 8, ["code"]),
+                      s(ae, {
+                        class: "flex-1",
+                        "aria-label": n(o)("menu.group.translation.option_translation", {
+                          number: w + 1,
+                          language: j
+                        }),
+                        "model-value": f.nameLocale[j] ?? "",
+                        placeholder: n(o)("menu.group.translation.placeholder"),
+                        "onUpdate:modelValue": (Ve) => n(d).setOptionNameLocale(f.id, {
+                          ...f.nameLocale,
+                          [j]: Ve
+                        })
+                      }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
+                    ]))), 128))
+                  ]))), 128))
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        })) : E("", !0),
+        s(mo, {
+          modelValue: A.value,
+          "onUpdate:modelValue": a[18] || (a[18] = (f) => A.value = f),
+          catalogue: q.value,
+          "selected-product-ids": ((xe = t.value) == null ? void 0 : xe.selectedProductIds) ?? [],
+          title: n(o)("menu.group.option.link_products"),
+          onSubmit: K
+        }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"]),
+        I.value ? (g(), N(We, {
+          key: 2,
+          session: I.value,
+          "on-create-price-group": ze,
+          onClose: W
+        }, null, 8, ["session"])) : E("", !0),
+        R.value ? (g(), N(n(k), {
+          key: 3,
+          "product-name": M.value,
+          session: R.value,
+          onClose: X
+        }, null, 8, ["product-name", "session"])) : E("", !0),
+        s(ln, {
+          sdk: e.sdk,
+          session: Q.value,
+          "currency-code": (ge = t.value) == null ? void 0 : ge.currency,
+          onClose: _e
+        }, null, 8, ["sdk", "session", "currency-code"])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as F,
+  Fe as _,
+  Ae as a,
+  We as b,
+  Qe as c,
+  On as d,
+  ln as e
+};