@feedmepos/mf-menu 0.32.39 → 0.32.40-dev

package/dist/{catalog-CTuBk61t.js → catalog-Ce7o_N7a.js}

@@ -1,4 +1,4 @@
-import { u as h, A as n, M as d, al as _ } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { u as h, A as n, M as d, al as _ } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import "@feedmepos/ui-library";
 class u {
   constructor(t, e, r, a) {

package/dist/{catalogSetting-DKVNY3JC.js → catalogSetting-CeTOf9lJ.js}

@@ -1,4 +1,4 @@
-import { A as u, I as i } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { A as u, I as i } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 var a = /* @__PURE__ */ ((e) => (e.AUTO = "auto", e.MANUAL = "manual", e))(a || {}), m = /* @__PURE__ */ ((e) => (e[e.Normal = 0] = "Normal", e[e.Rules = 1] = "Rules", e))(m || {});
 class s {
   static fromCatalog(r, n) {

package/dist/{currency--QAX2jgM.js → currency-hq_koFDw.js}

@@ -1,4 +1,4 @@
-import { B as e } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { B as e } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 function n(r, o = !0) {
   return e.Dinero.fromFdoDinero(r).toFormat(o).replaceAll(" ", "");
 }

package/dist/{dayjs.min-Dyhv-966.js → dayjs.min-UytF3izD.js}

@@ -1,4 +1,4 @@
-import { g as a, am as r } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { g as a, am as r } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 var s = r();
 const t = /* @__PURE__ */ a(s);
 export {

package/dist/index-BydcrqXX.js

@@ -0,0 +1,545 @@
+import { defineComponent as re, ref as _, computed as z, watch as ae, unref as t, resolveComponent as U, createBlock as J, openBlock as f, withCtx as k, createElementVNode as o, toDisplayString as x, createElementBlock as y, createCommentVNode as D, Fragment as A, renderList as B, createVNode as u, normalizeClass as te, renderSlot as me, createSlots as ve } from "vue";
+import { J as w, Q as fe, G as pe, I as q, D as le, M as ne, A as oe } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
+import { d as _e } from "./vuedraggable-CK8z7qA8.js";
+import { useI18n as ce, useLocale as ye } from "@feedmepos/mf-common";
+import { useSnackbar as he, components as be } from "@feedmepos/ui-library";
+import { _ as ge } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
+import { _ as xe } from "./RuleView.vue_vue_type_script_setup_true_lang-DlW4Zx5S.js";
+import { u as de } from "./discardConfirm-BHni0LNu.js";
+import { _ as Ve } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-UstB0HCf.js";
+import { g as K, a as ee, _ as se, b as ie } from "./translation-Cdap0IVg.js";
+import { c as ke } from "./check-C9mY6LiX.js";
+const Ce = { class: "fm-typo-en-title-md-600" }, Ee = { class: "pt-8 space-y-24" }, we = { class: "flex flex-col gap-8" }, Oe = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, Ue = { class: "flex items-center gap-8 flex-wrap" }, $e = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, Ne = { class: "fm-typo-en-body-md-600" }, je = ["onClick"], Le = { class: "flex items-center gap-8" }, Se = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, Te = { class: "fm-typo-en-body-md-400" }, De = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Fe = { class: "fm-typo-en-body-lg-600" }, Me = {
+  key: 0,
+  class: "flex flex-col gap-32 pl-32"
+}, Ie = {
+  key: 0,
+  class: "space-y-8"
+}, Ae = { class: "flex w-[100px] items-center gap-8" }, Be = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, qe = { class: "fm-typo-en-body-md-400" }, ze = { class: "flex-1" }, Pe = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Ye = { class: "fm-typo-en-body-lg-600" }, Ge = {
+  key: 0,
+  class: "flex flex-col gap-32 pl-32"
+}, Re = { class: "fm-typo-en-body-md-600 text-fm-color-primary border border-fm-color-primary inline-block rounded-md px-8 py-4" }, Ke = { class: "space-y-32" }, Je = {
+  key: 0,
+  class: "space-y-8"
+}, Qe = { class: "flex w-[100px] items-center gap-8" }, He = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, We = { class: "fm-typo-en-body-md-400" }, Xe = { class: "flex-1" }, Ze = { class: "flex gap-8 items-center justify-start" }, ea = /* @__PURE__ */ re({
+  __name: "ProductVariantTranslation",
+  props: {
+    modelValue: { type: Boolean },
+    variant: {},
+    expandSection: { default: "variant" }
+  },
+  emits: ["update:modelValue", "update:variant"],
+  setup(Q, { emit: H }) {
+    const m = Q, S = H, { t: r } = ce(), { localeList: $ } = ye(), N = _(!1), O = _(!1), a = _([]), F = _([]), p = _({}), M = _({}), E = _(""), I = _(""), h = _({}), P = _({}), j = _({}), Y = _({}), G = z(() => m.variant.options.map((s, e) => ({
+      ...s,
+      optionIndex: e + 1
+    })).filter((s) => s.name.trim() !== ""));
+    function W() {
+      const s = /* @__PURE__ */ new Set();
+      m.variant.name_locale && Object.keys(m.variant.name_locale).forEach((d) => s.add(d)), m.variant.options.forEach((d) => {
+        d.name_locale && Object.keys(d.name_locale).forEach((V) => s.add(V));
+      });
+      const e = Array.from(s).map((d) => {
+        const V = t($).find((n) => n.code === d);
+        return {
+          localeCode: d,
+          localeName: (V == null ? void 0 : V.name) || d,
+          value: ""
+          // Not used for language selection
+        };
+      });
+      a.value = e;
+      const i = {};
+      m.variant.name_locale && Object.entries(m.variant.name_locale).forEach(([d, V]) => {
+        i[d] = V;
+      }), p.value = i, E.value = m.variant.name;
+      const v = {}, g = {};
+      m.variant.options.forEach((d) => {
+        v[d._id] = {}, d.name_locale && Object.entries(d.name_locale).forEach(([V, n]) => {
+          v[d._id][V] = n;
+        }), g[d._id] = d.name;
+      }), h.value = v, j.value = g;
+    }
+    ae(
+      () => [m.modelValue, m.variant, m.expandSection],
+      ([s, , e]) => {
+        s && (W(), F.value = w.clone(a.value), M.value = w.clone(p.value), I.value = E.value, P.value = w.clone(h.value), Y.value = w.clone(j.value), e === "variant" ? (N.value = !0, O.value = !1) : (N.value = !1, O.value = !0));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const R = z(() => {
+      const s = new Set(a.value.map((e) => e.localeCode));
+      return t($).filter((e) => !s.has(e.code)).map((e) => ({
+        code: e.code,
+        name: e.name,
+        icon: K(e.code)
+      }));
+    });
+    function X(s) {
+      const e = t($).find((i) => i.code === s);
+      e && (a.value.push({
+        localeCode: e.code,
+        localeName: e.name,
+        value: ""
+      }), p.value[e.code] || (p.value[e.code] = ""), Object.keys(h.value).forEach((i) => {
+        h.value[i][e.code] || (h.value[i][e.code] = "");
+      }));
+    }
+    function Z(s) {
+      a.value = a.value.filter((e) => e.localeCode !== s), delete p.value[s], Object.keys(h.value).forEach((e) => {
+        delete h.value[e][s];
+      });
+    }
+    function l() {
+      return !w.isEqual(a.value, F.value) || !w.isEqual(p.value, M.value) || E.value !== I.value || !w.isEqual(h.value, P.value) || !w.isEqual(j.value, Y.value);
+    }
+    function c() {
+      const s = w.clone(m.variant);
+      E.value !== void 0 && (s.name = E.value);
+      const e = {};
+      Object.entries(p.value).forEach(([i, v]) => {
+        v && v.trim() && (e[i] = v.trim());
+      }), Object.keys(e).length > 0 ? s.name_locale = e : delete s.name_locale, s.options.forEach((i) => {
+        const v = j.value[i._id];
+        v !== void 0 && (i.name = v);
+        const g = h.value[i._id];
+        if (g && Object.keys(g).length > 0) {
+          const d = {};
+          Object.entries(g).forEach(([V, n]) => {
+            n && n.trim() && (d[V] = n.trim());
+          }), Object.keys(d).length > 0 ? i.name_locale = d : delete i.name_locale;
+        } else
+          delete i.name_locale;
+      }), S("update:variant", s), S("update:modelValue", !1);
+    }
+    function b() {
+      S("update:modelValue", !1);
+    }
+    const L = de(l, b), T = z({
+      get: () => m.modelValue,
+      set: (s) => S("update:modelValue", s)
+    });
+    return (s, e) => {
+      const i = U("FmIcon"), v = U("fm-button"), g = U("FmMenu"), d = U("fm-text-field"), V = U("fm-side-sheet");
+      return f(), J(V, {
+        modelValue: T.value,
+        "onUpdate:modelValue": e[3] || (e[3] = (n) => T.value = n),
+        "max-width": 720,
+        "onOn:clickedAway": t(L)
+      }, {
+        "side-sheet-header": k(() => [
+          o("p", Ce, x(t(r)("menu.variant.form.translation.title")), 1)
+        ]),
+        "side-sheet-footer": k(() => [
+          o("div", Ze, [
+            u(v, {
+              label: t(r)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: c
+            }, null, 8, ["label"]),
+            u(v, {
+              label: t(r)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: t(L)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: k(() => [
+          o("div", Ee, [
+            o("div", we, [
+              o("p", Oe, x(t(r)("menu.variant.form.translation.language")), 1),
+              o("div", Ue, [
+                (f(!0), y(A, null, B(a.value, (n) => (f(), y("div", {
+                  key: n.localeCode,
+                  class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
+                }, [
+                  o("div", $e, x(t(K)(n.localeCode)), 1),
+                  o("span", Ne, x(t(ee)(n.localeCode, t($))), 1),
+                  u(i, {
+                    name: "close",
+                    class: "cursor-pointer",
+                    variant: "secondary",
+                    onClick: (C) => Z(n.localeCode)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                R.value.length > 0 ? (f(), J(g, { key: 0 }, {
+                  "menu-button": k(() => [
+                    u(v, {
+                      variant: "secondary",
+                      "border-color": "neutral-gray-300",
+                      "text-color": "neutral-gray-400",
+                      icon: "add"
+                    })
+                  ]),
+                  default: k(() => [
+                    (f(!0), y(A, null, B(R.value, (n) => (f(), y("div", {
+                      key: n.code,
+                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                      onClick: (C) => X(n.code)
+                    }, [
+                      o("div", Le, [
+                        o("div", Se, x(n.icon), 1),
+                        o("span", Te, x(n.name), 1)
+                      ])
+                    ], 8, je))), 128))
+                  ]),
+                  _: 1
+                })) : D("", !0)
+              ])
+            ]),
+            o("div", De, [
+              o("div", {
+                class: "flex items-center gap-16 cursor-pointer",
+                onClick: e[0] || (e[0] = (n) => N.value = !N.value)
+              }, [
+                u(i, {
+                  name: "keyboard_arrow_down",
+                  class: te(["transition-transform", N.value ? "transform rotate-180" : ""])
+                }, null, 8, ["class"]),
+                o("p", Fe, x(t(r)("menu.variant.form.translation.variant_name")), 1)
+              ]),
+              N.value ? (f(), y("div", Me, [
+                u(se, {
+                  label: t(r)("menu.variant.form.translation.default"),
+                  modelValue: E.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => E.value = n)
+                }, null, 8, ["label", "modelValue"]),
+                a.value.length > 0 ? (f(), y("div", Ie, [
+                  u(ie, {
+                    label: t(r)("menu.variant.form.translation.translation")
+                  }, null, 8, ["label"]),
+                  (f(!0), y(A, null, B(a.value, (n) => (f(), y("div", {
+                    key: n.localeCode,
+                    class: "flex items-center gap-16"
+                  }, [
+                    o("div", Ae, [
+                      o("div", Be, x(t(K)(n.localeCode)), 1),
+                      o("span", qe, x(t(ee)(n.localeCode, t($))), 1)
+                    ]),
+                    o("div", ze, [
+                      u(d, {
+                        modelValue: p.value[n.localeCode],
+                        "onUpdate:modelValue": (C) => p.value[n.localeCode] = C,
+                        placeholder: s.variant.name
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ])
+                  ]))), 128))
+                ])) : D("", !0)
+              ])) : D("", !0)
+            ]),
+            o("div", Pe, [
+              o("div", {
+                class: "flex items-center gap-16 cursor-pointer",
+                onClick: e[2] || (e[2] = (n) => O.value = !O.value)
+              }, [
+                u(i, {
+                  name: "keyboard_arrow_down",
+                  class: te(["transition-transform", O.value ? "transform rotate-180" : ""])
+                }, null, 8, ["class"]),
+                o("p", Ye, x(t(r)("menu.variant.form.translation.option_value")), 1)
+              ]),
+              O.value ? (f(), y("div", Ge, [
+                (f(!0), y(A, null, B(G.value, (n) => (f(), y("div", {
+                  key: n._id,
+                  class: "space-y-8"
+                }, [
+                  o("p", Re, x(t(r)("menu.variant.form.translation.option", { number: n.optionIndex })), 1),
+                  o("div", Ke, [
+                    u(se, {
+                      label: t(r)("menu.variant.form.translation.default"),
+                      modelValue: j.value[n._id],
+                      "onUpdate:modelValue": (C) => j.value[n._id] = C,
+                      spacing: "sm"
+                    }, null, 8, ["label", "modelValue", "onUpdate:modelValue"]),
+                    a.value.length > 0 ? (f(), y("div", Je, [
+                      u(ie, {
+                        label: t(r)("menu.variant.form.translation.translation"),
+                        spacing: "sm"
+                      }, null, 8, ["label"]),
+                      (f(!0), y(A, null, B(a.value, (C) => (f(), y("div", {
+                        key: C.localeCode,
+                        class: "flex items-center gap-16"
+                      }, [
+                        o("div", Qe, [
+                          o("div", He, x(t(K)(C.localeCode)), 1),
+                          o("span", We, x(t(ee)(C.localeCode, t($))), 1)
+                        ]),
+                        o("div", Xe, [
+                          u(d, {
+                            modelValue: h.value[n._id][C.localeCode],
+                            "onUpdate:modelValue": (ue) => h.value[n._id][C.localeCode] = ue,
+                            placeholder: n.name
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                        ])
+                      ]))), 128))
+                    ])) : D("", !0)
+                  ])
+                ]))), 128))
+              ])) : D("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+}), aa = { class: "fm-typo-en-title-md-600" }, ta = { class: "py-16 space-y-32" }, la = ["data-not-allow-sort"], na = {
+  key: 1,
+  class: "w-24"
+}, oa = { class: "flex-1" }, sa = { class: "flex items-center gap-8" }, ia = { class: "flex gap-8 items-center justify-start" }, ra = /* @__PURE__ */ re({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(Q, { expose: H }) {
+    const m = Q, S = fe(pe(he())), { t: r } = ce(), $ = z(
+      () => m.initialValue ? r("menu.variant.form.title.edit") : r("menu.variant.form.title.add")
+    ), N = z(() => m.initialValue ? "Update" : "Add"), O = () => {
+      if (m.initialValue) {
+        const l = q(m.initialValue);
+        return l.options.push({
+          _id: (/* @__PURE__ */ new Date()).toISOString(),
+          name: ""
+        }), l;
+      } else
+        return { ...le.generator.initMenuV4VariantGroup(), usedBy: [] };
+    }, a = _(O()), F = _(!1), p = _(!1), M = _(!1), E = _("variant"), I = (l) => {
+      ke.isBoolean(l) ? p.value = l : p.value = !p.value;
+    };
+    function h(l) {
+      E.value = l, M.value = !0;
+    }
+    function P(l) {
+      a.value = l;
+    }
+    function j(l) {
+      a.value.options = l;
+    }
+    function Y(l, c) {
+      const b = q(a.value.options), L = b.findIndex((T) => T._id == l);
+      b[L].name = c, a.value.options = b, L === a.value.options.length - 1 && G();
+    }
+    function G() {
+      const l = q(a.value.options);
+      a.value.options = [
+        ...l,
+        {
+          _id: (/* @__PURE__ */ new Date()).toISOString(),
+          name: ""
+        }
+      ];
+    }
+    function W(l) {
+      const c = q(a.value.options);
+      a.value.options = c.filter((b) => b._id !== l);
+    }
+    ae(
+      () => a.value.options,
+      (l) => {
+        l.length <= 0 && G();
+      },
+      {
+        immediate: !0
+      }
+    );
+    function R(l) {
+      const c = l.draggedContext.futureIndex, b = l.relatedContext.list;
+      return c !== b.length - 1;
+    }
+    const X = de(
+      () => {
+        if (m.initialValue) {
+          const l = a.value.options.filter((c) => !!c.name.trim());
+          return !w.isEqual({ ...a.value, options: l }, m.initialValue);
+        } else
+          return !!(a.value.options.length > 1 || a.value.name.trim());
+      },
+      () => {
+        p.value = !1;
+      }
+    ), Z = async () => {
+      try {
+        F.value = !0;
+        const l = q(a.value);
+        l.options = l.options.filter((c) => !!c.name.trim()), m.initialValue ? await S.updateMenu(
+          {
+            module: oe.F_MENU_MODULE_V4_KEY.enum.variant,
+            operation: ne.F_OPERATION_TYPE.update,
+            data: l
+          },
+          l.name
+        ) : await S.updateMenu(
+          {
+            module: oe.F_MENU_MODULE_V4_KEY.enum.variant,
+            operation: ne.F_OPERATION_TYPE.create,
+            data: l
+          },
+          l.name
+        ), I(!1), a.value = { ...le.generator.initMenuV4VariantGroup(), usedBy: [] };
+      } finally {
+        F.value = !1;
+      }
+    };
+    return ae(
+      () => p.value,
+      (l) => {
+        l && (a.value = O());
+      }
+    ), H({
+      show: p,
+      trigger: I
+    }), (l, c) => {
+      const b = U("fm-icon"), L = U("fm-text-field"), T = U("fm-button"), s = U("fm-side-sheet");
+      return f(), y(A, null, [
+        me(l.$slots, "default", { trigger: I }),
+        u(s, {
+          id: "variant-form",
+          modelValue: p.value,
+          "onUpdate:modelValue": c[4] || (c[4] = (e) => p.value = e),
+          "is-container": t(be).FmForm,
+          "is-container-props": {
+            onValidationSuccess: Z,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": t(X)
+        }, {
+          "side-sheet-header": k(() => [
+            o("p", aa, x($.value), 1)
+          ]),
+          "side-sheet-footer": k(() => [
+            o("div", ia, [
+              u(T, {
+                label: N.value,
+                loading: F.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label", "loading"]),
+              u(T, {
+                label: t(r)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: c[3] || (c[3] = () => p.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: k(() => {
+            var e;
+            return [
+              o("div", ta, [
+                u(xe, {
+                  title: t(r)("menu.variant.form.detail")
+                }, {
+                  default: k(() => [
+                    u(L, {
+                      autofocus: "",
+                      label: t(r)("menu.variant.form.name.label"),
+                      "helper-text": t(r)("menu.variant.form.name.helper"),
+                      modelValue: a.value.name,
+                      "onUpdate:modelValue": c[1] || (c[1] = (i) => a.value.name = i),
+                      rules: [(i) => !!i || t(r)("menu.variant.form.name.required")],
+                      placeholder: t(r)("menu.variant.form.name.placeholder")
+                    }, {
+                      append: k(() => [
+                        u(b, {
+                          name: "g_translate",
+                          class: "cursor-pointer",
+                          onClick: c[0] || (c[0] = (i) => h("variant"))
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["label", "helper-text", "modelValue", "rules", "placeholder"]),
+                    u(ge, {
+                      label: t(r)("menu.variant.form.options.title")
+                    }, {
+                      default: k(() => [
+                        o("div", null, [
+                          u(t(_e), {
+                            "model-value": a.value.options,
+                            move: R,
+                            class: "space-y-16",
+                            group: "categories",
+                            handle: ".handle",
+                            "item-key": "_id",
+                            "onUpdate:modelValue": j
+                          }, {
+                            item: k(({ element: i, index: v }) => [
+                              o("div", {
+                                class: te(["flex items-center", "space-x-8"]),
+                                "data-not-allow-sort": v === a.value.options.length - 1
+                              }, [
+                                v !== a.value.options.length - 1 ? (f(), J(b, {
+                                  key: 0,
+                                  class: "handle",
+                                  name: "drag_handle"
+                                })) : v > 0 ? (f(), y("div", na)) : D("", !0),
+                                o("div", oa, [
+                                  u(L, {
+                                    "model-value": i.name,
+                                    rules: [
+                                      () => !!a.value.options.length || t(r)("menu.variant.form.options.min_required"),
+                                      (g) => v === a.value.options.length - 1 || g ? !0 : t(r)("menu.variant.form.options.name_required")
+                                    ],
+                                    class: "flex-1",
+                                    placeholder: t(r)("menu.variant.form.options.placeholder"),
+                                    "onUpdate:modelValue": (g) => Y(i._id, g)
+                                  }, ve({ _: 2 }, [
+                                    v !== a.value.options.length - 1 ? {
+                                      name: "append",
+                                      fn: k(() => [
+                                        o("div", sa, [
+                                          u(b, {
+                                            name: "g_translate",
+                                            class: "cursor-pointer",
+                                            onClick: c[2] || (c[2] = (g) => h("options"))
+                                          }),
+                                          u(b, {
+                                            name: "close",
+                                            onClick: (g) => W(i._id)
+                                          }, null, 8, ["onClick"])
+                                        ])
+                                      ]),
+                                      key: "0"
+                                    } : void 0
+                                  ]), 1032, ["model-value", "rules", "placeholder", "onUpdate:modelValue"])
+                                ])
+                              ], 8, la)
+                            ]),
+                            _: 1
+                          }, 8, ["model-value"])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                (e = a.value.usedBy) != null && e.length ? (f(), J(Ve, {
+                  key: 0,
+                  editable: !1,
+                  overrides: a.value.usedBy || [],
+                  "select-variant": !1,
+                  title: t(r)("menu.variant.form.applied_product")
+                }, null, 8, ["overrides", "title"])) : D("", !0)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]),
+        u(ea, {
+          modelValue: M.value,
+          "onUpdate:modelValue": c[5] || (c[5] = (e) => M.value = e),
+          variant: a.value,
+          "expand-section": E.value,
+          "onUpdate:variant": P
+        }, null, 8, ["modelValue", "variant", "expand-section"])
+      ], 64);
+    };
+  }
+}), ga = ra;
+export {
+  ga as V
+};

package/dist/{index-CCM6nQtW.js → index-DYh6XlbG.js}

@@ -1,7 +1,7 @@
 import { defineComponent as W, ref as A, resolveComponent as v, createElementBlock as E, openBlock as I, Fragment as B, createElementVNode as g, createVNode as c, normalizeClass as T, withCtx as _, toDisplayString as S, unref as i, h as G, watch as O, onMounted as K, nextTick as M, readonly as N, getCurrentInstance as U, getCurrentScope as L, onScopeDispose as $ } from "vue";
 import { useI18n as q, useCustomAttributes as H, useCoreStore as J } from "@feedmepos/mf-common";
 import { components as Q } from "@feedmepos/ui-library";
-import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-Be33vMlU.js";
+import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-DlW4Zx5S.js";
 const Y = {
   class: /* @__PURE__ */ T(["fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap", "text-fm-color-neutral-gray-400"])
 }, Z = {