@feedmepos/mf-menu 0.32.44 → 0.32.45

package/dist/TranslationSideSheet.vue_vue_type_script_setup_true_lang-DtkzQeq4.js

@@ -0,0 +1,140 @@
+import { defineComponent as z, ref as p, watch as L, computed as k, resolveComponent as v, createBlock as w, openBlock as f, unref as n, withCtx as _, createElementVNode as i, createVNode as r, toDisplayString as h, createElementBlock as x, createCommentVNode as F, Fragment as I, renderList as A } from "vue";
+import { J as S } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
+import { useI18n as q } from "@feedmepos/mf-common";
+import { u as J } from "./discardConfirm-BHni0LNu.js";
+import { _ as G, a as H, b as K, c as M } from "./TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js";
+const P = { class: "fm-typo-en-title-md-600" }, Q = { class: "pt-8 space-y-24" }, R = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, W = { class: "flex items-center gap-16" }, X = { class: "fm-typo-en-body-lg-600" }, Y = { class: "flex flex-col gap-32 pl-32" }, Z = {
+  key: 0,
+  class: "space-y-8"
+}, ee = { class: "flex gap-8 items-center justify-start" }, se = /* @__PURE__ */ z({
+  __name: "TranslationSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    name: {},
+    nameLocale: {}
+  },
+  emits: ["update:modelValue", "update:name", "update:nameLocale"],
+  setup(E, { emit: N }) {
+    const l = E, u = N, { t: s } = q(), o = p([]), g = p([]), c = p(l.name), V = p(l.name);
+    L(
+      () => l.name,
+      (e) => {
+        c.value = e;
+      }
+    );
+    function U() {
+      return !l.nameLocale || Object.keys(l.nameLocale).length === 0 ? [] : Object.entries(l.nameLocale).map(([e, a]) => ({
+        localeCode: e,
+        value: a
+      }));
+    }
+    L(
+      () => [l.modelValue, l.nameLocale],
+      ([e]) => {
+        e && (o.value = U(), g.value = S.clone(o.value), c.value = l.name, V.value = l.name);
+      },
+      { immediate: !0 }
+    );
+    const y = k(() => o.value.map((e) => e.localeCode));
+    function T(e) {
+      const a = new Set(y.value), d = new Set(e);
+      for (const m of e)
+        a.has(m) || o.value.push({
+          localeCode: m,
+          value: ""
+        });
+      o.value = o.value.filter((m) => d.has(m.localeCode));
+    }
+    function B() {
+      const e = c.value !== V.value, a = !S.isEqual(o.value, g.value);
+      return e || a;
+    }
+    function D() {
+      c.value !== l.name && u("update:name", c.value);
+      const e = o.value.filter((a) => a.value.trim());
+      if (e.length === 0)
+        u("update:nameLocale", void 0);
+      else {
+        const a = {};
+        e.forEach((d) => {
+          a[d.localeCode] = d.value.trim();
+        }), u("update:nameLocale", a);
+      }
+      u("update:modelValue", !1);
+    }
+    function O() {
+      u("update:modelValue", !1);
+    }
+    const C = J(B, O), b = k({
+      get: () => l.modelValue,
+      set: (e) => u("update:modelValue", e)
+    });
+    return (e, a) => {
+      const d = v("FmIcon"), m = v("fm-button"), $ = v("fm-side-sheet");
+      return f(), w($, {
+        modelValue: b.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (t) => b.value = t),
+        "max-width": 720,
+        "onOn:clickedAway": n(C)
+      }, {
+        "side-sheet-header": _(() => [
+          i("p", P, h(e.title) + " " + h(n(s)("menu.common.translation.title_suffix")), 1)
+        ]),
+        "side-sheet-footer": _(() => [
+          i("div", ee, [
+            r(m, {
+              label: n(s)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: D
+            }, null, 8, ["label"]),
+            r(m, {
+              label: n(s)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: n(C)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: _(() => [
+          i("div", Q, [
+            r(G, {
+              "selected-locales": y.value,
+              "onUpdate:selectedLocales": T
+            }, null, 8, ["selected-locales"]),
+            i("div", R, [
+              i("div", W, [
+                r(d, { name: "keyboard_arrow_down" }),
+                i("p", X, h(n(s)("menu.common.translation.name_section", { entity: e.title })), 1)
+              ]),
+              i("div", Y, [
+                r(H, {
+                  label: n(s)("menu.common.translation.default"),
+                  modelValue: c.value,
+                  "onUpdate:modelValue": a[0] || (a[0] = (t) => c.value = t)
+                }, null, 8, ["label", "modelValue"]),
+                o.value.length > 0 ? (f(), x("div", Z, [
+                  r(K, {
+                    label: n(s)("menu.common.translation.translation_label")
+                  }, null, 8, ["label"]),
+                  (f(!0), x(I, null, A(o.value, (t) => (f(), w(M, {
+                    key: t.localeCode,
+                    "locale-code": t.localeCode,
+                    modelValue: t.value,
+                    "onUpdate:modelValue": (j) => t.value = j,
+                    placeholder: n(s)("menu.group.translation.placeholder")
+                  }, null, 8, ["locale-code", "modelValue", "onUpdate:modelValue", "placeholder"]))), 128))
+                ])) : F("", !0)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+});
+export {
+  se as _
+};

package/dist/TranslationViewChip.vue_vue_type_script_setup_true_lang-CHT7Xozn.js

@@ -0,0 +1,60 @@
+import { defineComponent as b, computed as a, resolveComponent as x, createElementBlock as o, openBlock as e, Fragment as p, renderList as v, createBlock as g, withCtx as m, createElementVNode as l, toDisplayString as t, createCommentVNode as k, createVNode as L } from "vue";
+import { g as w } from "./TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js";
+const N = {
+  key: 0,
+  class: "flex gap-8"
+}, j = {
+  class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+}, C = {
+  class: "p-4"
+}, V = {
+  key: 0,
+  class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+}, B = {
+  class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+}, F = {
+  key: 0
+}, T = {
+  key: 1
+}, z = {
+  class: "flex flex-col gap-8 p-4"
+}, E = {
+  class: "flex flex-col space-y-1 pl-8"
+}, D = /* @__PURE__ */ b({
+  __name: "TranslationViewChip",
+  props: {
+    nameLocale: {},
+    showNumber: {}
+  },
+  setup(h) {
+    const i = h, d = a(() => Object.keys(i.nameLocale)), n = a(() => d.value.map((r) => w(r))), u = a(() => i.showNumber ?? Object.keys(i.nameLocale).length), f = a(() => n.value.slice(u.value));
+    return (r, y) => {
+      const _ = x("FmTooltip");
+      return r.showNumber === void 0 ? (e(), o("div", N, [(e(!0), o(p, null, v(d.value, (s, c) => (e(), g(_, {
+        key: c,
+        placement: "top",
+        "z-index": 9999
+      }, {
+        content: m(() => [l("div", C, t(r.nameLocale[s]) + " (" + t(s) + ")", 1)]),
+        default: m(() => [l("div", j, t(n.value[c]), 1)]),
+        _: 2
+      }, 1024))), 128))])) : (e(), o(p, {
+        key: 1
+      }, [n.value.length > u.value ? (e(), o("div", V, t(n.value[0]), 1)) : k("", !0), L(_, {
+        placement: "top",
+        "z-index": 9999
+      }, {
+        content: m(() => [l("div", z, [y[0] || (y[0] = l("p", {
+          class: "fm-typo-en-body-sm-600"
+        }, "Product name", -1)), l("div", E, [(e(!0), o(p, null, v(d.value, (s, c) => (e(), o("li", {
+          key: c
+        }, t(r.nameLocale[s]) + " (" + t(s) + ") ", 1))), 128))])])]),
+        default: m(() => [l("div", B, [f.value.length > 0 ? (e(), o("p", F, "+" + t(f.value.length), 1)) : (e(), o("p", T, t(n.value[0]), 1))])]),
+        _: 1
+      })], 64));
+    };
+  }
+});
+export {
+  D as _
+};

package/dist/{TreeEditorOpenner.vue_vue_type_script_setup_true_lang-B1e3d-uX.js → TreeEditorOpenner.vue_vue_type_script_setup_true_lang-DoIgiwHh.js}

@@ -1,34 +1,34 @@
 import { computed as V, shallowRef as Ht, ref as H, watch as Ee, nextTick as ot, getCurrentInstance as Xt, onMounted as Le, render as On, defineComponent as de, resolveComponent as W, createElementBlock as X, openBlock as P, createBlock as te, normalizeClass as he, createElementVNode as A, createVNode as y, unref as t, withCtx as K, toDisplayString as _e, mergeModels as Jt, useModel as Qt, createCommentVNode as Z, resolveDirective as Zt, Fragment as Ie, renderList as Ue, createTextVNode as Dn, withDirectives as tt, renderSlot as Ne, h as we, vShow as en, withModifiers as He, createSlots as Vn, onBeforeUnmount as Pt, watchEffect as $n, onUnmounted as Pn, normalizeStyle as ft, mergeProps as Un, normalizeProps as Mn, guardReactiveProps as Rn, Teleport as An, Transition as Nn, withKeys as Ln } from "vue";
-import { g as Gn, o as Kn, _ as Bn, a as zn, f as Yn, b as jn, c as tn, n as nn, I as Wn, S as qn, d as Ut, e as Hn, C as Xn, h as on, i as St, j as rn, k as Jn, m as Qn, F as Zn, M as an, l as eo, r as to, p as ln, q as Kt, s as sn, t as no, P as oo, v as ro, w as un, u as ao, T as ze } from "./item-CUZSonzT.js";
-import { _ as lo, T as io } from "./app-CfCYl2pO.js";
-import { B as ke, M as Se, A as ae, G as rt, N as so, O as uo, P as co, u as bt, Q as Mt, R as mo, D as Ge, T as po, I as ye, U as fo, J as Fe, V as yt, W as dn, X as go, Y as vo, Z as bo, $ as ht, a0 as Bt, a1 as _o, a2 as yo } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { g as Gn, o as Kn, _ as Bn, a as zn, f as Yn, b as jn, c as tn, n as nn, I as Wn, S as qn, d as Ut, e as Hn, C as Xn, h as on, i as St, j as rn, k as Jn, m as Qn, F as Zn, M as an, l as eo, r as to, p as ln, q as Kt, s as sn, t as no, P as oo, v as ro, w as un, u as ao, T as ze } from "./item-Bq6SCc7D.js";
+import { _ as lo, T as io } from "./app-CA4g3v2n.js";
+import { B as ke, M as Se, A as ae, G as rt, N as so, O as uo, P as co, u as bt, Q as Mt, R as mo, D as Ge, T as po, I as ye, U as fo, J as Fe, V as yt, W as dn, X as go, Y as vo, Z as bo, $ as ht, a0 as Bt, a1 as _o, a2 as yo } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 import { useI18n as be, useCoreStore as at, CustomAttributesForm as cn } from "@feedmepos/mf-common";
 import { useDialog as Ke, useDialogChild as Rt, useSnackbar as Be, FmButtonColorThemeVariant as Pe, components as Oe, FmButtonVariant as qe, useBreakpoints as ho } from "@feedmepos/ui-library";
 import { u as At } from "./discardConfirm-BHni0LNu.js";
 import { defineStore as wo } from "pinia";
-import { _ as Ve, a as Co } from "./RuleView.vue_vue_type_script_setup_true_lang-t8M7z09s.js";
-import { u as ve, g as mn, m as ko } from "./menuV2-BGEYgQ8-.js";
+import { _ as Ve, a as Co } from "./RuleView.vue_vue_type_script_setup_true_lang-CRLzqgQe.js";
+import { u as ve, g as mn, m as ko } from "./menuV2-DBkrmeha.js";
 import { s as Ft, _ as Io } from "./index-CisutoS9.js";
 import { useAppStore as pn, RemyButton as fn } from "@feedmepos/mf-remy-panel";
 import { _ as Ae } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
 import { c as Eo } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-import { _ as To, a as xo, u as So } from "./Thumbnail.vue_vue_type_script_setup_true_lang-T40ChY7j.js";
+import { _ as To, a as xo, u as So } from "./Thumbnail.vue_vue_type_script_setup_true_lang-CPM_muXB.js";
 import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { _ as Ot } from "./tooltip-B5BiPMx9.js";
-import { g as st } from "./translation-Cdap0IVg.js";
-import { _ as Xe, T as Fo, l as Oo } from "./index-Cq-czJjU.js";
-import { L as Dt } from "./LinkProductSideSheet-DazOkwkd.js";
+import { g as st } from "./TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js";
+import { _ as Xe, T as Fo, l as Oo } from "./index-BlLRjkMF.js";
+import { L as Dt } from "./LinkProductSideSheet-DY32g33Q.js";
 import { u as Do } from "./search-BAPEUu1R.js";
 import { c as Nt } from "./check-C9mY6LiX.js";
-import { f as nt } from "./currency-Nxod6uwl.js";
+import { f as nt } from "./currency-DDxFMjAI.js";
 import { c as Vo } from "./string-DpfFixWH.js";
 import { useInventoryStore as $o, InventoryBindingSummary as Po } from "@feedmepos/mf-inventory-portal";
-import { u as Uo } from "./priceTier-B-Qa0xaO.js";
+import { u as Uo } from "./priceTier-Cxr9IcVP.js";
 import { d as Lt } from "./vuedraggable-CK8z7qA8.js";
-import { _ as Mo } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-BoSL4dm7.js";
+import { _ as Mo } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-BscsJpMV.js";
 import "./app-5fxKLAzS.js";
 /* empty css                                                                              */
-import { i as Ro, t as Gt, w as Ao, a as gn, b as vn, n as No, c as Lo, r as Go, _ as Ko } from "./index-nKlYiotY.js";
+import { i as Ro, t as Gt, w as Ao, a as gn, b as vn, n as No, c as Lo, r as Go, _ as Ko } from "./index-CG7GFWlC.js";
 import { c as gt } from "./object-DVUNCr7w.js";
 import { _ as Bo } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
 import { _ as zt } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";

package/dist/{Unit-DkQlUg2l.js → Unit-5yE2-y9D.js}

@@ -2,9 +2,9 @@ import { defineComponent as L, computed as d, ref as g, h as k, withModifiers as
 import { useI18n as E } from "@feedmepos/mf-common";
 import { useSnackbar as K, components as R, useBreakpoints as D, FmButtonVariant as G } from "@feedmepos/ui-library";
 import { _ as I } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as q, u as A, a4 as H } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { G as q, u as A, a4 as H } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 import { _ as J } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as O, U as P } from "./unit-DgL56pkI.js";
+import { u as O, U as P } from "./unit-5G600HMJ.js";
 const Q = {
   key: 0,
   class: "h-[600px]"

package/dist/Variant-C7lIdRID.js

@@ -0,0 +1,248 @@
+import { getCurrentInstance as $, defineComponent as T, computed as b, onMounted as U, h as u, resolveComponent as w, createBlock as j, openBlock as p, unref as o, withCtx as _, createElementBlock as y, Fragment as M, createElementVNode as i, createVNode as c, isRef as z, normalizeClass as F, renderList as R, toDisplayString as S, withModifiers as B, createCommentVNode as G } from "vue";
+import { useI18n as N } from "@feedmepos/mf-common";
+import { useDialog as Y, useSnackbar as A, FmButtonVariant as E, components as Q, useBreakpoints as q } from "@feedmepos/ui-library";
+import { _ as H } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as J } from "./app-CA4g3v2n.js";
+import { G as D, u as K, Q as O, M as W, A as X, a4 as Z } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
+import { V as L } from "./index-Cq2MVpMv.js";
+import { _ as ee } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as ae } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-CHT7Xozn.js";
+import { u as oe } from "./search-BAPEUu1R.js";
+import { defineStore as ne } from "pinia";
+import { c as te } from "./createComponentProgrammatically-Bt2rn1IQ.js";
+import { g as le } from "./TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js";
+const se = ne("variant-manager", () => {
+  const I = Y(), t = A(), g = D(t), x = O(g);
+  K();
+  const f = $(), { t: m } = N(), k = (r) => {
+    var h, a;
+    const { vNode: V } = te(
+      L,
+      f,
+      r
+    );
+    (a = (h = V.component) == null ? void 0 : h.exposed) == null || a.trigger();
+  };
+  async function d(r) {
+    k({
+      initialValue: r
+    });
+  }
+  async function v(r) {
+    I.open({
+      title: m("menu.common.dialog.remove.variant.title"),
+      message: m("menu.common.dialog.remove.variant.message", { name: r.name }),
+      primaryActions: {
+        text: m("menu.common.actions.remove"),
+        close: !0,
+        variant: E.Destructive
+      },
+      secondaryActions: {
+        text: m("menu.common.actions.cancel"),
+        close: !0
+      }
+    }).onPrimary(async () => {
+      await x.updateMenu(
+        {
+          module: X.F_MENU_MODULE_V4_KEY.enum.variant,
+          operation: W.F_OPERATION_TYPE.delete,
+          data: r._id
+        },
+        r.name,
+        !0
+      );
+    });
+  }
+  return {
+    deleteVariant: v,
+    updateVariant: d
+  };
+}), re = {
+  key: 0,
+  class: "flex-1 flex flex-col overflow-hidden max-h-[calc(100vh-56px)] gap-8"
+}, ie = {
+  class: "flex justify-end"
+}, ce = {
+  class: "w-[320px]"
+}, me = {
+  class: "px-16 py-8"
+}, de = {
+  class: /* @__PURE__ */ F(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+}, ue = ["onClick"], pe = {
+  class: "flex-1 space-y-4"
+}, fe = {
+  class: "fm-typo-en-body-lg-600"
+}, _e = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, ye = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, ge = {
+  key: 1,
+  class: "xs:pt-16"
+}, Ie = /* @__PURE__ */ T({
+  __name: "Variant",
+  setup(I) {
+    const {
+      t
+    } = N(), g = K(), x = O(D(A())), f = se(), m = b(() => g.variants.map((a) => ({
+      ...a,
+      usedBy: g.items.filter((e) => {
+        var s;
+        return (s = e.variant) == null ? void 0 : s.variantGroupIds.includes(a._id);
+      }).map(({
+        _id: e
+      }) => ({
+        _id: e
+      }))
+    }))), {
+      filter: k,
+      searchKey: d
+    } = oe(), v = b(() => m.value.filter((a) => {
+      var e;
+      return k([a.name, ...((e = a.options) == null ? void 0 : e.map((s) => s.name)) ?? []]);
+    }));
+    U(() => g.selectCatalog(null));
+    const r = b(() => [{
+      accessorKey: "name",
+      header: () => t("menu.variant.columns.name"),
+      size: 360,
+      enableSorting: !1,
+      cell: (a) => {
+        const e = a.row.original, s = a.getValue();
+        return u("div", {
+          class: "flex items-center gap-8"
+        }, [u("span", {
+          class: "break-all"
+        }, s), e.name_locale ? u(ae, {
+          nameLocale: e.name_locale ?? {}
+        }) : null]);
+      }
+    }, {
+      accessorKey: "options",
+      header: () => t("menu.variant.columns.options"),
+      size: 560,
+      enableSorting: !1,
+      cell: (a) => {
+        const e = a.getValue() ?? [], s = e.some((l) => Object.keys(l.name_locale ?? {}).length > 0), C = Array.from(new Set(e.flatMap((l) => Object.keys(l.name_locale ?? {})))).map((l) => le(l));
+        return u("div", {
+          class: "flex items-center gap-8"
+        }, [u("span", {
+          class: "break-all"
+        }, e == null ? void 0 : e.map((l) => l.name).join(", ")), ...s ? C.map((l) => u("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, l)) : []]);
+      }
+    }, {
+      accessorKey: "usedBy",
+      header: () => t("menu.variant.columns.applied_products"),
+      enableSorting: !1,
+      size: 180,
+      cell: (a) => t("menu.common.labels.items_linked", {
+        count: a.getValue().length
+      })
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (a) => u("div", {
+        class: "w-full flex justify-end items-center"
+      }, [u(Q.FmButton, {
+        prependIcon: "delete",
+        variant: E.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (e) => {
+          e.stopPropagation(), f.deleteVariant(a.row.original);
+        }
+      })])
+    }]), V = q(), h = b(() => V.breakpoints.value.xs);
+    return (a, e) => {
+      const s = w("fm-search"), C = w("fm-table"), l = w("fm-button");
+      return p(), j(ee, {
+        heading: o(t)("menu.variant.title")
+      }, {
+        "append-heading": _(() => [m.value.length ? (p(), j(o(L), {
+          key: 0
+        }, {
+          default: _(({
+            trigger: n
+          }) => [c(H, {
+            class: "ml-auto",
+            label: o(t)("menu.variant.add"),
+            "prepend-icon": "add",
+            onClick: B(n, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        })) : G("", !0)]),
+        default: _(() => [m.value.length ? (p(), y(M, {
+          key: 0
+        }, [h.value ? (p(), y(M, {
+          key: 1
+        }, [i("div", me, [c(s, {
+          autofocus: "",
+          modelValue: o(d),
+          "onUpdate:modelValue": e[2] || (e[2] = (n) => z(d) ? d.value = n : null),
+          placeholder: o(t)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])]), i("div", de, [(p(!0), y(M, null, R(v.value, (n) => (p(), y("div", {
+          key: n._id,
+          class: F(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
+          onClick: () => o(f).updateVariant(n)
+        }, [i("div", pe, [i("p", fe, S(n.name), 1), i("div", null, [i("p", _e, S(o(t)("menu.common.labels.items_linked", {
+          count: n.usedBy.length
+        })), 1), i("p", ye, S(o(t)("menu.variant.mobile.value", {
+          values: n.options.map((P) => P.name).join(", ")
+        })), 1)])]), c(l, {
+          variant: o(E).Tertiary,
+          "prepend-icon": "delete",
+          "text-color": "neutral-gray-400",
+          onClick: B(() => o(f).deleteVariant(n), ["stop"])
+        }, null, 8, ["variant", "onClick"])], 8, ue))), 128))])], 64)) : (p(), y("div", re, [i("div", ie, [i("div", ce, [c(s, {
+          autofocus: "",
+          modelValue: o(d),
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => z(d) ? d.value = n : null),
+          placeholder: o(t)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])])]), c(J, null, {
+          default: _(() => [c(C, {
+            "column-defs": r.value,
+            loading: o(x).checkMenuIsLoading(),
+            "page-size": v.value.length,
+            "row-data": v.value,
+            "shrink-at": !1,
+            class: "flex-1 overflow-hidden",
+            "hide-footer": "",
+            "pin-header-row": "",
+            onRowClick: e[1] || (e[1] = (n) => {
+              o(f).updateVariant(n.original);
+            })
+          }, null, 8, ["column-defs", "loading", "page-size", "row-data"])]),
+          _: 1
+        })]))], 64)) : (p(), y("div", ge, [c(Z, {
+          subtitle: o(t)("menu.variant.empty.subtitle"),
+          title: o(t)("menu.variant.empty.title")
+        }, {
+          action: _(() => [c(o(L), null, {
+            default: _(({
+              trigger: n
+            }) => [c(l, {
+              "prepend-icon": "add",
+              label: o(t)("menu.variant.add"),
+              onClick: B(n, ["stop"])
+            }, null, 8, ["label", "onClick"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["subtitle", "title"])]))]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Ie as default
+};

package/dist/{_id_-_oqk-OhC.js → _id_-08ykp97a.js}

@@ -1,19 +1,19 @@
 import { defineComponent as F, computed as d, ref as p, watch as A, onMounted as H, resolveComponent as m, createElementBlock as K, openBlock as b, Fragment as Q, createVNode as n, withCtx as u, createElementVNode as i, toDisplayString as M, unref as e, createBlock as D } from "vue";
-import { D as W } from "./dayjs.min-B1AjAGva.js";
+import { D as W } from "./dayjs.min-BVOO8wJG.js";
 import { useRoute as j, useRouter as J } from "vue-router";
-import { _ as X, w as Z } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-CRIRinHB.js";
-import { G as ee, u as te, D as ae, I as oe, Q as ne } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { _ as X, w as Z } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-C903fhuj.js";
+import { G as ee, u as te, D as ae, I as oe, Q as ne } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 import { useI18n as le } from "@feedmepos/mf-common";
 import { useSnackbar as se } from "@feedmepos/ui-library";
 import { _ as R } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { L as V } from "./LinkProductSideSheet-DazOkwkd.js";
+import { L as V } from "./LinkProductSideSheet-DY32g33Q.js";
 import { _ as ue } from "./index-CisutoS9.js";
 import { _ as re } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as ie } from "./Thumbnail.vue_vue_type_script_setup_true_lang-T40ChY7j.js";
-import { a as me } from "./menu-BP_ArXCI.js";
-import { m as ce } from "./toExcel-jHmkDqcm.js";
-import { _ as de, u as pe, c as _e } from "./scheduler-DN7ZGLk8.js";
-import { R as r } from "./app-CfCYl2pO.js";
+import { u as ie } from "./Thumbnail.vue_vue_type_script_setup_true_lang-CPM_muXB.js";
+import { a as me } from "./menu-CKA9uouu.js";
+import { m as ce } from "./toExcel-DopYrxBW.js";
+import { _ as de, u as pe, c as _e } from "./scheduler-HKff8Ty2.js";
+import { R as r } from "./app-CA4g3v2n.js";
 const fe = { class: "px-12 py-8" }, ve = { class: "px-12 py-8" }, ge = { class: "flex ml-auto space-x-8" }, be = { class: "flex-1 flex flex-col overflow-hidden" }, Ge = /* @__PURE__ */ F({
   __name: "[id]",
   setup(ke) {