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

package/dist/{Variant-CZsrYRMU.js → Variant-C5ePu0za.js}

@@ -1,69 +1,70 @@
-import { defineComponent as fe, computed as h, ref as Pe, shallowRef as B, h as x, withModifiers as ue, onUnmounted as Te, resolveComponent as b, openBlock as i, createBlock as f, unref as t, withCtx as p, createElementBlock as C, toDisplayString as S, Fragment as ce, createElementVNode as d, normalizeClass as me, createVNode as r, renderList as Ve, createCommentVNode as L, mergeProps as de, createSlots as $e, nextTick as Ee } from "vue";
-import { _ as Oe, d as ze } from "./vuedraggable-CBtQLb_S.js";
-import { useI18n as Me } from "@feedmepos/mf-common";
-import { useDialog as je, useBreakpoints as Be, components as pe, FmButtonVariant as H } from "@feedmepos/ui-library";
-import { _ as Ue } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Hdsnu29V.js";
-import { _ as Ae } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Ne } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-CDYcHXo1.js";
-import { _ as qe } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as De } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { defineComponent as pe, computed as k, ref as $e, shallowRef as B, h as x, withModifiers as re, onUnmounted as Le, resolveComponent as C, openBlock as i, createBlock as b, unref as t, withCtx as v, createElementBlock as h, toDisplayString as S, Fragment as ue, createElementVNode as d, normalizeClass as ce, createVNode as r, renderList as Pe, createCommentVNode as $, mergeProps as me, createSlots as Te, nextTick as Ve } from "vue";
+import { _ as Ee, d as Oe } from "./vuedraggable-CBtQLb_S.js";
+import { useI18n as Ie } from "@feedmepos/mf-common";
+import { useDialog as ze, useBreakpoints as Me, components as de, FmButtonVariant as H } from "@feedmepos/ui-library";
+import { _ as je } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as Be } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-CPh1GBw9.js";
+import { _ as Ue } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ae } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-C4iK-sAd.js";
+import { _ as Ne } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as qe } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
 import { _ as ve } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-CAkLEmSA.js";
-import { u as Re } from "./useActionFeedback-Dm2HDa_2.js";
-import { u as Qe } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ge, u as He, a as Ke } from "./provide-CDmXzkhz.js";
-const Je = {
+import { u as De } from "./useActionFeedback-CElXij1W.js";
+import { u as Re } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Qe, u as Ge, a as He } from "./provide-BGLSDsuJ.js";
+const Ke = {
   key: 0,
   class: "text-fm-color-typo-secondary",
   role: "alert"
-}, We = {
+}, Je = {
   key: 1,
   class: "text-fm-color-typo-secondary",
   "data-menu-state": "unavailable"
-}, Xe = { class: "flex justify-end items-center" }, Ye = { class: "min-w-0 flex flex-1 items-center gap-8 px-16 py-12" }, Ze = { class: "min-w-0 flex-1 flex flex-col gap-4" }, ea = { class: "fm-typo-en-body-lg-600 break-words" }, aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, na = { key: 1 }, oa = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100] w-[154px]"
-}, la = { class: "fm-typo-en-title-md-600" }, sa = { class: "py-16 space-y-32" }, ia = ["data-not-allow-sort"], ra = {
+}, We = { class: "flex justify-end items-center" }, Xe = {
+  key: 0,
+  class: "mt-8 flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Ye = ["onClick"], Ze = { class: "min-w-0 flex-1 space-y-4" }, ea = { class: "fm-typo-en-body-lg-600 break-words" }, aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, na = { key: 1 }, oa = { class: "fm-typo-en-title-md-600" }, la = { class: "py-16 space-y-32" }, sa = ["data-not-allow-sort"], ia = {
   key: 1,
   class: "w-24"
-}, ua = { class: "flex-1" }, ca = { class: "flex items-center gap-8" }, ma = { class: "flex gap-8 items-center justify-start" }, da = /* @__PURE__ */ fe({
+}, ra = { class: "flex-1" }, ua = { class: "flex items-center gap-8" }, ca = { class: "flex gap-8 items-center justify-start" }, ma = /* @__PURE__ */ pe({
   __name: "VariantList",
   props: {
     sdk: {}
   },
   setup(K) {
-    const g = K, { t: a } = Me(), I = Ge(), J = je(), { breakpoints: _e } = Be(), { run: U } = Re(), y = He(g.sdk.variant.list), c = h(
-      () => y.value.status === "ready" ? y.value.value : null
-    ), W = h(() => {
+    const y = K, { t: a } = Ie(), L = Qe(), J = ze(), { breakpoints: fe } = Me(), { run: U } = De(), g = Ge(y.sdk.variant.list), c = k(
+      () => g.value.status === "ready" ? g.value.value : null
+    ), W = k(() => {
       var e;
       return ((e = c.value) == null ? void 0 : e.query) ?? "";
-    }), P = h(() => _e.value.xs), T = Pe(!1), u = B(
-      g.sdk.variant.editor()
+    }), P = k(() => fe.value.xs), T = $e(!1), u = B(
+      y.sdk.variant.editor()
     ), V = B(
       u.value.get()
     );
     let A = u.value.subscribe(
       (e) => V.value = e
     );
-    const l = h(
+    const l = k(
       () => V.value.status === "ready" ? V.value.value : null
-    ), $ = Qe(() => u.value), X = h(
-      () => l.value ? $.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
-    ), Y = h(
-      () => l.value ? $.issue(l.value.fieldIssues, "options") ?? l.value.optionsIssue : null
+    ), E = Re(() => u.value), X = k(
+      () => l.value ? E.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
+    ), Y = k(
+      () => l.value ? E.issue(l.value.fieldIssues, "options") ?? l.value.optionsIssue : null
     );
-    function be(e) {
-      const { ref: n, ...o } = $.field(
+    function _e(e) {
+      const { ref: n, ...o } = E.field(
         "options",
         (m) => u.value.setOptionName(e, m)
       );
       return o;
     }
-    const w = B(null), Z = B("variant"), ge = h(() => {
+    const w = B(null), Z = B("variant"), be = k(() => {
       var e;
       return ((e = l.value) == null ? void 0 : e.linkedGroups) ?? [];
     }), N = /* @__PURE__ */ new Map();
     function ee(e) {
-      O(), A(), u.value.dispose(), u.value = g.sdk.variant.editor(e), V.value = u.value.get(), A = u.value.subscribe(
+      I(), A(), u.value.dispose(), u.value = y.sdk.variant.editor(e), V.value = u.value.get(), A = u.value.subscribe(
         (n) => V.value = n
       );
     }
@@ -73,12 +74,12 @@ const Je = {
     function ae(e) {
       ee(e.id), T.value = !0;
     }
-    function E() {
+    function O() {
       T.value = !1;
     }
     function te() {
       var e;
-      if (!((e = l.value) != null && e.dirty)) return E();
+      if (!((e = l.value) != null && e.dirty)) return O();
       J.open({
         title: a("menu.common.dialog.dismiss.title"),
         message: a("menu.common.dialog.dismiss.message"),
@@ -92,7 +93,7 @@ const Je = {
           close: !0,
           variant: H.Tertiary
         }
-      }).onPrimary(E);
+      }).onPrimary(O);
     }
     function ye(e) {
       e ? T.value = !0 : te();
@@ -101,21 +102,21 @@ const Je = {
       var n;
       (n = w.value) == null || n.dispose(), Z.value = e, w.value = u.value.translationEditor();
     }
-    function O() {
+    function I() {
       var e;
       (e = w.value) == null || e.dispose(), w.value = null;
     }
-    async function ke() {
+    async function ge() {
       const e = w.value;
       if (!e) return;
       (await U(async () => e.apply(), {
         showLoading: !1
-      })).kind === "success" && O();
+      })).kind === "success" && I();
     }
-    function he(e) {
+    function ke(e) {
       u.value.reorderOptions(e.map((n) => n.id));
     }
-    function we(e) {
+    function he(e) {
       return e.draggedContext.futureIndex !== e.relatedContext.list.length - 1;
     }
     function D(e, n) {
@@ -123,11 +124,11 @@ const Je = {
       const o = l.value;
       return ((m = Y.value) == null ? void 0 : m.code) === "menu.variant.form.options.name_required" && !!o && e !== o.options.length - 1 && !n.name.trim();
     }
-    function xe(e, n) {
+    function we(e, n) {
       const o = Y.value;
-      return D(e, n) && o ? I(o) : "";
+      return D(e, n) && o ? L(o) : "";
     }
-    function Ce(e, n) {
+    function xe(e, n) {
       if (!n || typeof n.focus != "function") {
         N.delete(e);
         return;
@@ -138,32 +139,32 @@ const Je = {
         a("menu.variant.form.options.input", { number: e + 1 })
       );
     }
-    function Fe(e) {
+    function Ce(e) {
       return e.reduce((n, o) => {
         for (const [m, F] of Object.entries(o.nameLocale ?? {}))
           n[m] ?? (n[m] = F);
         return n;
       }, {});
     }
-    async function Se() {
+    async function Fe() {
       var F, z, M;
       const e = ((F = l.value) == null ? void 0 : F.name) ?? "", n = await U(
-        () => $.submit(() => u.value.submit()),
+        () => E.submit(() => u.value.submit()),
         {
           successMessage: a("menu.variant.form.saved", { name: e }),
           // `submit()` publishes `submitting` synchronously only when it will
           // perform a write. Local validation rejection must not flash loading.
           showLoading: () => {
-            var k;
-            return ((k = l.value) == null ? void 0 : k.status) === "submitting";
+            var f;
+            return ((f = l.value) == null ? void 0 : f.status) === "submitting";
           }
         }
       );
-      n.kind === "success" && E();
-      const o = n.kind === "rejected" && n.issues.some((k) => k.field === "options"), m = (z = l.value) == null ? void 0 : z.options.findIndex(
-        (k, R) => D(R, k)
+      n.kind === "success" && O();
+      const o = n.kind === "rejected" && n.issues.some((f) => f.field === "options"), m = (z = l.value) == null ? void 0 : z.options.findIndex(
+        (f, R) => D(R, f)
       );
-      o && m !== void 0 && m >= 0 && (await Ee(), (M = N.get(m)) == null || M.focus());
+      o && m !== void 0 && m >= 0 && (await Ve(), (M = N.get(m)) == null || M.focus());
     }
     function oe(e) {
       e.remove.state === "allowed" && J.open({
@@ -181,12 +182,12 @@ const Je = {
           close: !0
         }
       }).onPrimary(async () => {
-        await U(() => g.sdk.variant.remove(e.id), {
+        await U(() => y.sdk.variant.remove(e.id), {
           successMessage: a("menu.variant.form.removed", { name: e.name })
         });
       });
     }
-    const Le = h(() => [
+    const Se = k(() => [
       // Widths are the legacy ones (`Variant.vue:57,76,107`). They are not
       // cosmetic: they decide where the option-values column wraps, and a wrap
       // shifts every row below it out of visual parity.
@@ -210,7 +211,7 @@ const Je = {
         size: 560,
         enableSorting: !1,
         cell: (e) => {
-          const n = Fe(e.row.original.options);
+          const n = Ce(e.row.original.options);
           return x("div", { class: "flex items-center gap-8" }, [
             x(
               "span",
@@ -235,7 +236,7 @@ const Je = {
         size: 52,
         meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
         header: "",
-        cell: (e) => x(pe.FmButton, {
+        cell: (e) => x(de.FmButton, {
           icon: "delete",
           variant: "tertiary",
           textColor: "neutral-gray-400",
@@ -243,91 +244,81 @@ const Je = {
           "aria-label": a("menu.variant.actions.remove", {
             name: e.row.original.name
           }),
-          onClick: ue(
+          onClick: re(
             () => oe(e.row.original),
             ["stop", "prevent"]
           )
         })
       }
     ]);
-    return Te(() => {
-      g.sdk.variant.search(""), O(), A(), u.value.dispose();
+    return Le(() => {
+      y.sdk.variant.search(""), I(), A(), u.value.dispose();
     }), (e, n) => {
-      const o = b("FmButton"), m = b("FmCircularProgress"), F = b("FmSearch"), z = b("FmListItem"), M = b("FmList"), k = b("FmTable"), R = b("FmTooltip"), le = b("FmTextField"), Ie = b("FmSideSheet");
-      return i(), f(De, {
+      const o = C("FmButton"), m = C("FmCircularProgress"), F = C("FmSearch"), z = C("FmTable"), M = C("FmTooltip"), f = C("FmTextField"), R = C("FmSideSheet");
+      return i(), b(qe, {
         heading: t(a)("menu.variant.title")
       }, {
-        "append-heading": p(() => [
-          t(y).status === "ready" && c.value && c.value.totalCount > 0 && !P.value ? (i(), f(o, {
+        "append-heading": v(() => [
+          t(g).status === "ready" && c.value && c.value.totalCount > 0 && !P.value ? (i(), b(o, {
             key: 0,
             class: "ml-auto",
             disabled: c.value.create.state !== "allowed",
             label: t(a)("menu.variant.add"),
             "prepend-icon": "add",
             onClick: q
-          }, null, 8, ["disabled", "label"])) : L("", !0)
+          }, null, 8, ["disabled", "label"])) : $("", !0)
         ]),
-        default: p(() => [
-          t(y).status === "error" ? (i(), C("p", Je, S(t(I)(t(y).error.message)), 1)) : t(y).status === "unavailable" ? (i(), C("p", We, S(t(I)(t(y).reason)), 1)) : t(y).status === "loading" ? (i(), f(m, { key: 2 })) : c.value && c.value.rows.length === 0 && !W.value ? (i(), f(t(Ae), {
+        default: v(() => [
+          t(g).status === "error" ? (i(), h("p", Ke, S(t(L)(t(g).error.message)), 1)) : t(g).status === "unavailable" ? (i(), h("p", Je, S(t(L)(t(g).reason)), 1)) : t(g).status === "loading" ? (i(), b(m, { key: 2 })) : c.value && c.value.rows.length === 0 && !W.value ? (i(), b(t(Ue), {
             key: 3,
+            class: "xs:pt-16",
             action: { text: t(a)("menu.variant.add"), callback: q },
             title: t(a)("menu.variant.empty.title"),
             subtitle: t(a)("menu.variant.empty.subtitle")
-          }, null, 8, ["action", "title", "subtitle"])) : c.value ? (i(), C(ce, { key: 4 }, [
-            d("div", Xe, [
+          }, null, 8, ["action", "title", "subtitle"])) : c.value ? (i(), h(ue, { key: 4 }, [
+            d("div", We, [
               d("div", {
-                class: me(P.value ? "w-[calc(100%-32px)] mx-16 mt-8" : "w-[320px]")
+                class: ce(P.value ? "w-[calc(100%-32px)] mx-16 mt-8" : "w-[320px]")
               }, [
                 r(F, {
                   autofocus: "",
-                  class: me(P.value ? "mb-0" : "mb-8"),
+                  class: ce(P.value ? "mb-0" : "mb-8"),
                   "model-value": W.value,
                   placeholder: t(a)("menu.common.labels.search_variants"),
-                  "onUpdate:modelValue": g.sdk.variant.search
+                  "onUpdate:modelValue": y.sdk.variant.search
                 }, null, 8, ["class", "model-value", "placeholder", "onUpdate:modelValue"])
               ], 2)
             ]),
-            P.value ? (i(), f(M, {
-              key: 0,
-              class: "mt-8 pb-64"
-            }, {
-              default: p(() => [
-                (i(!0), C(ce, null, Ve(c.value.rows, (s) => (i(), f(z, {
-                  key: s.id,
-                  class: "border-b border-fm-color-neutral-gray-100 !p-0",
-                  onClick: (_) => ae(s)
-                }, {
-                  default: p(() => [
-                    d("div", Ye, [
-                      d("div", Ze, [
-                        d("p", ea, S(s.name), 1),
-                        d("div", null, [
-                          d("p", aa, S(t(a)("menu.common.labels.items_linked", {
-                            count: s.linkedProductCount
-                          })), 1),
-                          d("p", ta, S(t(a)("menu.variant.mobile.value", {
-                            values: s.options.map((_) => _.name).join(", ")
-                          })), 1)
-                        ])
-                      ]),
-                      r(o, {
-                        class: "shrink-0",
-                        disabled: s.remove.state !== "allowed",
-                        "aria-label": t(a)("menu.variant.actions.remove", { name: s.name }),
-                        "prepend-icon": "delete",
-                        "text-color": "neutral-gray-400",
-                        variant: "tertiary",
-                        onClick: ue((_) => oe(s), ["stop"])
-                      }, null, 8, ["disabled", "aria-label", "onClick"])
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            })) : (i(), C("div", na, [
-              r(k, {
-                "column-defs": Le.value,
+            P.value ? (i(), h("div", Xe, [
+              (i(!0), h(ue, null, Pe(c.value.rows, (s) => (i(), h("div", {
+                key: s.id,
+                class: "py-12 px-16 flex space-x-8 items-center cursor-pointer",
+                onClick: (_) => ae(s)
+              }, [
+                d("div", Ze, [
+                  d("p", ea, S(s.name), 1),
+                  d("div", null, [
+                    d("p", aa, S(t(a)("menu.common.labels.items_linked", {
+                      count: s.linkedProductCount
+                    })), 1),
+                    d("p", ta, S(t(a)("menu.variant.mobile.value", {
+                      values: s.options.map((_) => _.name).join(", ")
+                    })), 1)
+                  ])
+                ]),
+                r(o, {
+                  class: "shrink-0",
+                  disabled: s.remove.state !== "allowed",
+                  "aria-label": t(a)("menu.variant.actions.remove", { name: s.name }),
+                  "prepend-icon": "delete",
+                  "text-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: re((_) => oe(s), ["stop"])
+                }, null, 8, ["disabled", "aria-label", "onClick"])
+              ], 8, Ye))), 128))
+            ])) : (i(), h("div", na, [
+              r(z, {
+                "column-defs": Se.value,
                 "hide-footer": "",
                 "page-size": c.value.rows.length,
                 "pin-header-row": "",
@@ -336,35 +327,37 @@ const Je = {
                 onRowClick: n[0] || (n[0] = (s) => ae(s.original))
               }, null, 8, ["column-defs", "page-size", "row-data"])
             ])),
-            c.value.totalCount > 0 && P.value ? (i(), C("div", oa, [
-              r(o, {
-                class: "w-full",
-                disabled: c.value.create.state !== "allowed",
-                label: t(a)("menu.variant.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: q
-              }, null, 8, ["disabled", "label"])
-            ])) : L("", !0)
-          ], 64)) : L("", !0),
-          r(Ie, {
+            c.value.totalCount > 0 && P.value ? (i(), b(je, { key: 2 }, {
+              default: v(() => [
+                r(o, {
+                  disabled: c.value.create.state !== "allowed",
+                  label: t(a)("menu.variant.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: q
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : $("", !0)
+          ], 64)) : $("", !0),
+          r(R, {
             "model-value": T.value,
-            "is-container": t(pe).FmForm,
-            "is-container-props": { onValidationSuccess: Se },
+            "is-container": t(de).FmForm,
+            "is-container-props": { onValidationSuccess: Fe },
             "max-width": 560,
             "onOn:clickedAway": te,
             "onUpdate:modelValue": ye
           }, {
-            "side-sheet-header": p(() => {
+            "side-sheet-header": v(() => {
               var s;
               return [
-                d("p", la, S(((s = l.value) == null ? void 0 : s.mode) === "update" ? t(a)("menu.variant.form.title.edit") : t(a)("menu.variant.form.title.add")), 1)
+                d("p", oa, S(((s = l.value) == null ? void 0 : s.mode) === "update" ? t(a)("menu.variant.form.title.edit") : t(a)("menu.variant.form.title.add")), 1)
               ];
             }),
-            "side-sheet-footer": p(() => {
+            "side-sheet-footer": v(() => {
               var s, _;
               return [
-                d("div", ma, [
+                d("div", ca, [
                   r(o, {
                     disabled: ((s = l.value) == null ? void 0 : s.submit.state) !== "allowed",
                     label: ((_ = l.value) == null ? void 0 : _.mode) === "update" ? t(a)("menu.common.actions.update") : t(a)("menu.common.actions.add"),
@@ -376,35 +369,35 @@ const Je = {
                     label: t(a)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
-                    onClick: E
+                    onClick: O
                   }, null, 8, ["label"])
                 ])
               ];
             }),
-            default: p(() => {
+            default: v(() => {
               var s;
               return [
-                d("div", sa, [
-                  r(Oe, {
+                d("div", la, [
+                  r(Ee, {
                     title: t(a)("menu.variant.form.detail")
                   }, {
-                    default: p(() => {
+                    default: v(() => {
                       var _;
                       return [
-                        r(le, de({
-                          "error-messages": X.value ? [t(I)(X.value)] : [],
+                        r(f, me({
+                          "error-messages": X.value ? [t(L)(X.value)] : [],
                           "helper-text": t(a)("menu.variant.form.name.helper"),
                           label: t(a)("menu.variant.form.name.label"),
                           "model-value": ((_ = l.value) == null ? void 0 : _.name) ?? "",
                           placeholder: t(a)("menu.variant.form.name.placeholder")
-                        }, t($).field("name", u.value.setName)), {
-                          append: p(() => [
-                            r(R, {
+                        }, t(E).field("name", u.value.setName)), {
+                          append: v(() => [
+                            r(M, {
                               placement: "top",
                               variant: "plain",
                               "z-index": 999
                             }, {
-                              default: p(() => [
+                              default: v(() => [
                                 r(o, {
                                   "aria-label": t(a)("menu.variant.form.translation.button"),
                                   class: "!p-0",
@@ -418,53 +411,53 @@ const Je = {
                           ]),
                           _: 1
                         }, 16, ["error-messages", "helper-text", "label", "model-value", "placeholder"]),
-                        r(qe, {
+                        r(Ne, {
                           label: t(a)("menu.variant.form.options.title")
                         }, {
-                          default: p(() => {
+                          default: v(() => {
                             var Q;
                             return [
-                              r(t(ze), {
+                              r(t(Oe), {
                                 "model-value": [...((Q = l.value) == null ? void 0 : Q.options) ?? []],
-                                move: we,
+                                move: he,
                                 class: "space-y-16",
                                 "data-testid": "variant-options",
                                 group: "variants",
                                 handle: ".handle",
                                 "item-key": "id",
-                                "onUpdate:modelValue": he
+                                "onUpdate:modelValue": ke
                               }, {
-                                item: p(({ element: j, index: v }) => {
-                                  var se, ie, re;
+                                item: v(({ element: j, index: p }) => {
+                                  var le, se, ie;
                                   return [
                                     d("div", {
                                       class: "flex items-center gap-8",
-                                      "data-not-allow-sort": v === (((se = l.value) == null ? void 0 : se.options.length) ?? 0) - 1
+                                      "data-not-allow-sort": p === (((le = l.value) == null ? void 0 : le.options.length) ?? 0) - 1
                                     }, [
-                                      v !== (((ie = l.value) == null ? void 0 : ie.options.length) ?? 0) - 1 ? (i(), f(o, {
+                                      p !== (((se = l.value) == null ? void 0 : se.options.length) ?? 0) - 1 ? (i(), b(o, {
                                         key: 0,
                                         "aria-label": t(a)("menu.variant.form.options.move", {
-                                          number: v + 1
+                                          number: p + 1
                                         }),
                                         class: "handle cursor-move !p-0",
                                         icon: "drag_handle",
                                         variant: "tertiary"
-                                      }, null, 8, ["aria-label"])) : v > 0 ? (i(), C("div", ra)) : L("", !0),
-                                      d("div", ua, [
-                                        r(le, de({
-                                          ref: (G) => Ce(v, G),
+                                      }, null, 8, ["aria-label"])) : p > 0 ? (i(), h("div", ia)) : $("", !0),
+                                      d("div", ra, [
+                                        r(f, me({
+                                          ref: (G) => xe(p, G),
                                           class: "flex-1",
-                                          "error-messages": D(v, j) ? [xe(v, j)] : [],
+                                          "error-messages": D(p, j) ? [we(p, j)] : [],
                                           "model-value": j.name,
                                           placeholder: t(a)("menu.variant.form.options.placeholder")
-                                        }, be(v)), $e({ _: 2 }, [
-                                          v !== (((re = l.value) == null ? void 0 : re.options.length) ?? 0) - 1 ? {
+                                        }, _e(p)), Te({ _: 2 }, [
+                                          p !== (((ie = l.value) == null ? void 0 : ie.options.length) ?? 0) - 1 ? {
                                             name: "append",
-                                            fn: p(() => [
-                                              d("div", ca, [
+                                            fn: v(() => [
+                                              d("div", ua, [
                                                 r(o, {
                                                   "aria-label": t(a)("menu.variant.form.options.translation", {
-                                                    number: v + 1
+                                                    number: p + 1
                                                   }),
                                                   class: "!p-0",
                                                   icon: "g_translate",
@@ -478,7 +471,7 @@ const Je = {
                                                   class: "!p-0",
                                                   icon: "close",
                                                   variant: "tertiary",
-                                                  onClick: (G) => u.value.removeOption(v)
+                                                  onClick: (G) => u.value.removeOption(p)
                                                 }, null, 8, ["aria-label", "onClick"])
                                               ])
                                             ]),
@@ -486,7 +479,7 @@ const Je = {
                                           } : void 0
                                         ]), 1040, ["error-messages", "model-value", "placeholder"])
                                       ])
-                                    ], 8, ia)
+                                    ], 8, sa)
                                   ];
                                 }),
                                 _: 1
@@ -499,38 +492,38 @@ const Je = {
                     }),
                     _: 1
                   }, 8, ["title"]),
-                  ((s = l.value) == null ? void 0 : s.mode) === "update" && l.value.linkedProductCount > 0 ? (i(), f(Ue, {
+                  ((s = l.value) == null ? void 0 : s.mode) === "update" && l.value.linkedProductCount > 0 ? (i(), b(Be, {
                     key: 0,
                     "applied-count": l.value.linkedProductCount,
-                    groups: ge.value,
+                    groups: be.value,
                     query: l.value.linkedProductQuery,
                     "show-count": !1,
                     title: t(a)("menu.variant.form.applied_product"),
                     "read-only": "",
                     "onUpdate:query": u.value.setLinkedProductQuery
-                  }, null, 8, ["applied-count", "groups", "query", "title", "onUpdate:query"])) : L("", !0)
+                  }, null, 8, ["applied-count", "groups", "query", "title", "onUpdate:query"])) : $("", !0)
                 ])
               ];
             }),
             _: 1
           }, 8, ["model-value", "is-container", "is-container-props"]),
-          w.value ? (i(), f(Ne, {
+          w.value ? (i(), b(Ae, {
             key: 5,
             "expanded-section": Z.value,
             session: w.value,
-            onClose: O,
-            onSave: ke
-          }, null, 8, ["expanded-section", "session"])) : L("", !0)
+            onClose: I,
+            onSave: ge
+          }, null, 8, ["expanded-section", "session"])) : $("", !0)
         ]),
         _: 1
       }, 8, ["heading"]);
     };
   }
-}), Sa = /* @__PURE__ */ fe({
+}), Sa = /* @__PURE__ */ pe({
   __name: "Variant",
   setup(K) {
-    const g = Ke();
-    return (a, I) => (i(), f(da, { sdk: t(g) }, null, 8, ["sdk"]));
+    const y = He();
+    return (a, L) => (i(), b(ma, { sdk: t(y) }, null, 8, ["sdk"]));
   }
 });
 export {

package/dist/{_id_-D4swrvNa.js → _id_-HRDqt6oD.js}

@@ -1,8 +1,8 @@
 import { defineComponent as i, watch as l, onUnmounted as m, openBlock as d, createBlock as p, unref as f } from "vue";
 import { useRoute as _, useRouter as g, RouterView as k } from "vue-router";
-import { a as R, u as w } from "./provide-CDmXzkhz.js";
-import { u as h } from "./useActionFeedback-Dm2HDa_2.js";
-import { R as y } from "./app-BWwwHsWi.js";
+import { a as R, u as w } from "./provide-BGLSDsuJ.js";
+import { u as h } from "./useActionFeedback-CElXij1W.js";
+import { R as y } from "./app-CxJjx2ma.js";
 const M = /* @__PURE__ */ i({
   __name: "[id]",
   setup(x) {