@feedmepos/mf-menu 0.32.77 → 0.32.79

package/dist/Group.vue_vue_type_script_setup_true_lang-zIb02WHz.js

@@ -0,0 +1,627 @@
+import { defineComponent as le, computed as v, resolveComponent as V, createBlock as $, openBlock as d, withCtx as C, createElementBlock as _, Fragment as L, renderList as oe, createElementVNode as f, normalizeClass as W, toDisplayString as A, createVNode as i, createCommentVNode as R, unref as u, ref as E, watch as De, h as H, mergeProps as Te, createSlots as Pe, withModifiers as Ee, isRef as Q, nextTick as fe } from "vue";
+import { l as te } from "./discardConfirm-DlVCFfQq.js";
+import { d as Le } from "./RuleConditionSelector.vue_vue_type_style_index_0_lang-CK8z7qA8.js";
+import { u as _e, i as Ue, b as je, F as ne, j as w, m as ze, _ as Be, a as Ke, h as ve, g as Ye } from "./index.vue_vue_type_script_setup_true_lang-C4M5sUoA.js";
+import { b as ge, H as He } from "./app-5fxKLAzS.js";
+import { useI18n as be, useCoreStore as qe, useCustomAttributes as Qe } from "@feedmepos/mf-common";
+import { useBreakpoints as he, useSnackbar as We, useDialog as Je, components as Xe, FmButtonVariant as Ze } from "@feedmepos/ui-library";
+import { _ as et, a as tt } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-n0p6s93X.js";
+import { _ as nt } from "./app-C5dT9EsK.js";
+import { _ as ot, a as lt } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js";
+import { c as rt } from "./object-DVUNCr7w.js";
+import { _ as at } from "./ApplyProductDialog.vue_vue_type_script_setup_true_lang-D0nDzWAO.js";
+import { O as ye, as as ut, at as st, ao as it, a8 as ct, a4 as mt, U as dt } from "./item-Dd_dzGSE.js";
+import { _ as pt } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-DiK3fi9J.js";
+import { u as ft } from "./search-BAPEUu1R.js";
+import { c as vt } from "./check-C9mY6LiX.js";
+import { C as gt, e as yt, d as _t } from "./catalog-BKYUqjy2.js";
+const bt = /* @__PURE__ */ le({
+  __name: "ResponsiveContextMenu",
+  props: {
+    items: {}
+  },
+  setup(J) {
+    const U = he(), r = v(() => U.breakpoints.value.xs);
+    return (O, N) => {
+      const h = V("FmButton"), k = V("FmMenuItem"), y = V("FmMenu");
+      return r.value ? (d(), $(ot, { key: 0 }, {
+        default: C(() => [
+          (d(!0), _(L, null, oe(O.items, ({ icon: I, label: S, disabled: x, itemClass: j, onClick: F }) => (d(), $(lt, {
+            key: S,
+            icon: I,
+            label: S,
+            disabled: x,
+            itemClass: j,
+            onClick: () => {
+              !x && (F == null || F());
+            }
+          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
+        ]),
+        _: 1
+      })) : (d(), $(y, {
+        key: 1,
+        "stop-click-propagation": "",
+        shift: !0
+      }, {
+        "menu-button": C(() => [
+          i(h, {
+            type: "button",
+            variant: "tertiary",
+            icon: "more_vert",
+            "text-color": "neutral-gray-400",
+            size: "md"
+          })
+        ]),
+        default: C(() => [
+          (d(!0), _(L, null, oe(O.items, ({ icon: I, label: S, disabled: x, itemClass: j, onClick: F }) => (d(), $(k, {
+            key: S,
+            disabled: x,
+            onClick: () => {
+              !x && (F == null || F());
+            },
+            label: S
+          }, {
+            label: C(() => [
+              f("span", {
+                class: W(x ? "text-fm-color-typo-disabled" : j)
+              }, A(S), 3)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick", "label"]))), 128))
+        ]),
+        _: 1
+      }));
+    };
+  }
+}), ht = {
+  key: 0,
+  class: "mt-4"
+}, kt = { class: "text-fm-color-typo-secondary mb-2" }, xt = { class: "list-disc list-inside text-fm-color-typo-secondary ml-4 space-y-1" }, wt = /* @__PURE__ */ le({
+  __name: "DeleteGroupDialog",
+  props: {
+    group: {}
+  },
+  setup(J) {
+    const U = J, { t: r } = be(), O = _e(), N = v(() => U.group.itemsLinked.map((h) => {
+      const k = O.state.menu.modules.item.find((y) => y._id === h);
+      return (k == null ? void 0 : k.name) || h;
+    }).filter(Boolean));
+    return (h, k) => (d(), _("div", null, [
+      f("div", null, A(u(r)("menu.group.dialogs.delete.message", { name: h.group.name })), 1),
+      N.value.length > 0 ? (d(), _("div", ht, [
+        f("div", kt, A(u(r)("menu.group.dialogs.delete.unlink_warning", { count: N.value.length })), 1),
+        f("ul", xt, [
+          (d(!0), _(L, null, oe(N.value, (y) => (d(), _("li", {
+            key: y,
+            class: "text-sm"
+          }, A(y), 1))), 128))
+        ])
+      ])) : R("", !0)
+    ]));
+  }
+}), Ct = {
+  key: 1,
+  class: "xs:pt-24"
+}, Mt = {
+  key: 0,
+  class: /* @__PURE__ */ W(["flex-1 overflow-hidden", "space-y-8", "flex flex-col", "overflow-hidden", "pt-16"])
+}, Gt = {
+  class: "flex justify-between items-center space-x-8"
+}, At = {
+  class: "w-[320px]"
+}, St = {
+  key: 0
+}, Ft = {
+  class: "px-16 py-8"
+}, Vt = {
+  class: "py-8 px-16"
+}, It = {
+  key: 0,
+  class: "px-16 py-8"
+}, Ot = {
+  class: "flex items-center flex-1"
+}, Nt = {
+  class: "flex-1 space-y-4"
+}, Rt = {
+  class: "fm-typo-en-body-lg-600"
+}, $t = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Dt = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, en = /* @__PURE__ */ le({
+  __name: "Group",
+  emits: ["update:count"],
+  setup(J, {
+    emit: U
+  }) {
+    const r = _e(), O = qe(), N = We(), h = Ue(je(N)), k = Je(), y = v(() => r.rules.group), I = v(() => new ye(r, h.updateMenu, k)), S = v(() => I.value.mapGroups(r.groups, !1)), {
+      searchKey: x,
+      filter: j
+    } = ft(), F = E(!1), b = E(null), {
+      attributes: re,
+      filterRule: D,
+      mongoQuery: ae
+    } = Qe({
+      valueSource: S,
+      entity: "group"
+    }), z = v(() => {
+      const t = (n) => j([n.name, ...Object.values(n.items).flatMap((l) => `${l.code} ${l.name ?? l.fallbackName} ${Ke.Dinero.fromFdoDinero(l.price).toFormat()}`), n.type]), e = (n) => !n.customAttributes && !ae.value ? !0 : He(n.customAttributes ?? {}, ae.value);
+      return S.value.filter((n) => t(n) && e(n)).filter((n) => !b.value || n.type === b.value);
+    }), ke = U;
+    De(() => z.value.length, () => {
+      ke("update:count", z.value.length);
+    }, {
+      immediate: !0
+    });
+    const c = v(() => !!r.state.currentCatalogId || !!r.state.currentSchedulerId);
+    function ue(t) {
+      var P, a;
+      const e = !r.state.currentCatalogId, n = !r.state.currentSchedulerId, l = ((P = r.currentCatalog) == null ? void 0 : P.priceTierRules) ?? ((a = r.currentCatalog) == null ? void 0 : a.usePriceTiers), s = r.rules.item.bindToVariant, g = r.rules.group.type, p = r.version === ne.enum.v3, M = r.rules.item.orderFromActiveOnly;
+      return {
+        link: (m) => !c.value && (!m || s),
+        name: (m) => !c.value && !m,
+        isDefault: (m) => !c.value,
+        type: g && !t._id && !c.value,
+        price: !p || t.type !== w.enum.DYNAMIC,
+        priceEdit: !(l && l.length > 0 && !p && n),
+        priceTier: !p && n && e,
+        inventory: n ? p ? !c.value && t.type === w.enum.NORMAL : !c.value : !1,
+        orderFrom: (m) => n ? p ? t.type === w.enum.DYNAMIC ? !r.state.currentSchedulerId : !!r.state.currentSchedulerId == !m : !r.state.currentSchedulerId : !1,
+        orderFromActiveOnly: M,
+        showOrderFrom: n ? p ? c.value ? !0 : t.type === w.enum.PRODUCT : !0 : !1,
+        bindToVariant: s,
+        minMax: n,
+        hideGroup: c.value && n,
+        isOverride: c.value,
+        isItemGroup: !1,
+        isV4: !p
+      };
+    }
+    const xe = v(() => {
+      const t = !r.state.currentSchedulerId, e = r.rules.group.type, n = r.version === ne.enum.v3, l = r.rules.item.orderFromActiveOnly, s = r.rules.item.bindToVariant;
+      return function(p) {
+        return {
+          link: (M) => !c.value && (!M || s),
+          name: (M) => !c.value && !M,
+          isDefault: (M) => !c.value,
+          type: e && !p._id && !c.value,
+          price: p.type !== w.enum.DYNAMIC,
+          priceEdit: !0,
+          priceTier: r.isV4,
+          inventory: t ? n ? !c.value && p.type === w.enum.NORMAL : !c.value : !1,
+          orderFrom: (M) => t ? n ? p.type === w.enum.DYNAMIC ? c.value : !!c.value == !M : c.value : !1,
+          orderFromActiveOnly: l,
+          showOrderFrom: t ? n ? c.value ? !0 : p.type === w.enum.PRODUCT : c.value : !1,
+          bindToVariant: s,
+          minMax: !c.value,
+          hideGroup: !1,
+          isOverride: c.value,
+          isItemGroup: !1,
+          isV4: !n
+        };
+      };
+    }), we = v(() => ({
+      ...ze.generator.initMenuV4Group(),
+      type: r.version === ne.enum.v4 ? w.enum.PRODUCT : w.enum.NORMAL,
+      items: {},
+      position: r.groups.length - 1,
+      itemsLinked: []
+    })), X = v(() => xe.value(we.value).type);
+    function se(t) {
+      I.value.sortGroups(t);
+    }
+    function Ce(t) {
+      k.open({
+        title: o("menu.group.actions.duplicate.title"),
+        message: o("menu.group.actions.duplicate.message", {
+          name: t.name
+        }),
+        primaryActions: {
+          text: o("menu.common.actions.yes"),
+          close: !0
+        },
+        secondaryActions: {
+          text: o("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => I.value.duplicateGroup(t));
+    }
+    const Z = v(() => r.currentCatalog), B = v(() => r.currentScheduler), K = v(() => new gt(Z.value, r, h.updateMenu, k)), ee = v(() => new ut(B.value, r, h.updateMenu, k)), Me = (t) => {
+      let e = t;
+      function n(l) {
+        const g = r.state.menu.modules.group.find((m) => m._id === l._id), p = (l.items ?? []).reduce((m, G) => (m[G._id] = [...m[G._id] || [], G.combinationKey || ""], m), {}), P = (g.items ?? []).filter((m) => {
+          var G;
+          return !((G = p[m._id]) != null && G.includes(m.combinationKey || ""));
+        }).map((m) => ({
+          _id: m._id,
+          combinationKey: m.combinationKey,
+          selection: m.selection
+        })).filter((m) => !!r.mergedMenu.modules.item.find((G) => G._id === m._id)), a = Object.entries(l).filter(([m, G]) => m === "min" || m === "max" ? vt.isSet(G) : !!G);
+        return {
+          ...g,
+          ...Object.fromEntries(a),
+          items: [...l.items ?? [], ...P]
+        };
+      }
+      if (c.value) {
+        let l;
+        Z.value ? B.value ? l = K.value.getCatalogSchedulerGroup(t._id, B.value._id) : l = K.value.getCatalogGroup(t._id) : l = ee.value.getSchedulerGroup(t._id);
+        const s = n(l);
+        e = new ye(r, h.updateMenu, k).mapGroups([s], !0)[0];
+      }
+      return {
+        group: e,
+        config: ue,
+        categorizedItems: r.categorizedItems
+      };
+    };
+    function Ge(t) {
+      k.open({
+        title: o("menu.group.dialogs.delete.title"),
+        contentComponent: wt,
+        contentComponentProps: {
+          group: t
+        },
+        primaryActions: {
+          text: o("menu.common.actions.delete"),
+          close: !0,
+          variant: Ze.Destructive
+        },
+        secondaryActions: {
+          text: o("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await I.value.deleteGroup(t);
+      });
+    }
+    function ie(t, e) {
+      return H(at, {
+        key: t._id,
+        initialValue: t.itemsLinked,
+        group: yt(t),
+        editable: y.value.applyProduct,
+        "onApply:product": async (n) => {
+          var l;
+          for (const s of n)
+            if (ct(r.state.menu, t._id, s._id)) {
+              const g = (l = r.state.menu.modules.item.find((p) => p._id === s._id)) == null ? void 0 : l.name;
+              N.open({
+                type: "error",
+                message: o("menu.product.form.group.circularError", {
+                  groupName: t.name,
+                  productName: g
+                })
+              });
+              return;
+            }
+          await I.value.applyItems(t, n.map((s) => s._id));
+        }
+      }, {
+        default: e
+      });
+    }
+    const ce = (t) => {
+      const e = t.group;
+      return ie(e, ({
+        trigger: l
+      }) => {
+        const s = [{
+          label: o("menu.common.actions.edit"),
+          onClick: () => de(e)
+        }, {
+          label: o("menu.group.actions.apply_product"),
+          disable: !y.value.applyProduct,
+          onClick: l
+        }, {
+          label: o("menu.group.actions.duplicate_action"),
+          disabled: !y.value.create,
+          onClick: () => Ce(e)
+        }, {
+          label: o("menu.common.actions.delete"),
+          itemClass: "text-fm-color-typo-error",
+          disabled: !y.value.delete,
+          onClick: () => Ge(e)
+        }];
+        return i(bt, {
+          class: t.className,
+          items: s
+        }, null);
+      });
+    }, Ae = v(() => [{
+      accessorKey: "name",
+      header: () => o("menu.group.list.columns.name"),
+      enableSorting: !1,
+      cell: (t) => {
+        const e = t.row.original, n = t.getValue();
+        return H("div", {
+          class: "flex items-center gap-8"
+        }, [H("span", {
+          class: "break-all"
+        }, n), e.name_locale ? H(pt, {
+          nameLocale: e.name_locale ?? {}
+        }) : null]);
+      }
+    }, {
+      accessorKey: "items",
+      header: () => o("menu.group.list.columns.products"),
+      enableSorting: !1,
+      cell: (t) => {
+        const e = t.getValue(), n = Object.values(e).map((l) => {
+          var g;
+          const s = [(l == null ? void 0 : l.code) || "", l.name || l.fallbackName].join(" ").trim();
+          return (l.items || []).length > 1 ? `${s} (${o("menu.group.list.variants", {
+            count: (g = l.items) == null ? void 0 : g.length
+          })})` : s;
+        });
+        return n.length > 5 ? `${n.slice(0, 5).join(", ")} ${o("menu.group.list.more_items", {
+          count: n.length - 5
+        })}` : n.join(", ");
+      }
+    }, {
+      accessorKey: "type",
+      header: () => o("menu.group.list.columns.type"),
+      enableSorting: !1,
+      cell: (t) => {
+        const e = t.row.original;
+        return {
+          [w.enum.NORMAL]: o("menu.group.list.types.normal"),
+          [w.enum.PRODUCT]: o("menu.group.list.types.product"),
+          [w.enum.DYNAMIC]: o("menu.group.list.types.dynamic")
+        }[e.type] || "-";
+      },
+      meta: {
+        width: "80px"
+      }
+    }, {
+      id: "tagging",
+      accessorKey: "tagging",
+      header: () => o("menu.product.table.columns.tagging"),
+      enableSorting: !1,
+      size: 140,
+      cell: (t) => {
+        const e = t.row.original;
+        return H(et, {
+          // FIXME:FdoCustomAttribute under "@feedmepos/custom-attributes" is not compatible
+          // with FdoCustomAttribute from "@feedmepos/core", ! mark should be removed when fixed
+          customAttributes: e.customAttributes
+        });
+      }
+    }, {
+      accessorKey: "itemsLinked",
+      header: () => o("menu.group.list.columns.applied_products"),
+      enableSorting: !1,
+      cell: (t) => {
+        const e = t.getValue(), n = o("menu.group.list.items_linked", {
+          count: e.length
+        });
+        return ie(t.row.original, ({
+          trigger: l
+        }) => i("div", {
+          class: "w-fit cursor-pointer border-b border-dashed border-fm-color-neutral-gray-300 hover:border-fm-color-neutral-gray-400",
+          onClick: (s) => {
+            s.stopPropagation(), l(s);
+          }
+        }, [n]));
+      }
+    }, {
+      id: "action",
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (t) => {
+        const e = t.row.original;
+        return ce({
+          group: e,
+          className: "flex justify-end w-full"
+        });
+      }
+    }]), Se = v(() => {
+      var t;
+      return {
+        itemsLinked: y.value.showAppliedProduct,
+        type: y.value.type,
+        tagging: ((t = O.groupAttributeSettings) == null ? void 0 : t.value.length) > 0
+      };
+    }), Fe = async (t) => {
+      const e = mt(t), n = e.group, l = dt(n, ue(t)), s = _t(l, r.state.menu.modules.group.find((g) => g._id === l._id));
+      if (c.value)
+        Z.value ? (B.value ? K.value.overrideCatalogSchedulerGroups([s], B.value._id) : K.value.overrideCatalogGroups([s]), await K.value.update()) : (ee.value.overrideSchedulerGroups([s]), await ee.value.update());
+      else {
+        const g = {
+          module: ve.enum.group,
+          operation: Ye.F_OPERATION_TYPE.update,
+          data: l,
+          link: [{
+            module: ve.enum.item,
+            id: "",
+            data: e.linkItems
+          }]
+        };
+        await h.updateMenu(g, l.name);
+      }
+    }, T = E(null), Ve = v(() => Me(T.value)), me = E(null), de = async (t) => {
+      var e;
+      T.value = rt(t), await fe(), (e = me.value) == null || e.trigger(!0);
+    };
+    function Ie(t) {
+      de(t.original);
+    }
+    const Oe = he(), Ne = v(() => Oe.breakpoints.value.xs), {
+      t: o
+    } = be(), Re = v(() => {
+      var t;
+      return ((t = O.groupAttributeSettings) == null ? void 0 : t.value.length) > 0;
+    }), Y = E(!1), q = E(null);
+    async function $e() {
+      Y.value = !Y.value, Y.value && (await fe(), q.value && q.value.toggleProperty(!0));
+    }
+    const pe = () => y.value.multiScheduler ? i(tt, null, {
+      append: () => Re.value ? i("div", {
+        class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
+        onClick: (t) => {
+          t.stopPropagation(), $e();
+        }
+      }, [i(Xe.FmIcon, {
+        name: "filter_alt",
+        outline: !0,
+        color: "neutral-gray-400",
+        size: "sm"
+      }, null)]) : null
+    }) : null;
+    return (t, e) => {
+      const n = V("fm-button"), l = V("fm-chip"), s = V("fm-menu-item"), g = V("fm-menu"), p = V("fm-search"), M = V("fm-table"), P = V("fm-bottom-sheet");
+      return d(), _(L, null, [T.value ? (d(), $(st, Te({
+        ref_key: "groupManagerFormRef",
+        ref: me,
+        key: T.value._id
+      }, Ve.value, {
+        action: "update",
+        title: u(o)("menu.group.dialogs.update.title"),
+        group: T.value,
+        "onUpdate:group": e[0] || (e[0] = (a) => T.value = a),
+        "onSubmit:group": e[1] || (e[1] = (a) => Fe(a))
+      }), null, 16, ["title", "group"])) : R("", !0), S.value.length === 0 ? (d(), _("div", Ct, [i(Be, {
+        subtitle: u(o)("menu.group.empty.subtitle"),
+        title: u(o)("menu.group.empty.title")
+      }, Pe({
+        _: 2
+      }, [y.value.create ? {
+        name: "action",
+        fn: C(() => [i(u(it), null, {
+          default: C(({
+            trigger: a
+          }) => [i(n, {
+            "prepend-icon": "add",
+            label: u(o)("menu.group.actions.add"),
+            onClick: Ee(a, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        })]),
+        key: "0"
+      } : void 0]), 1032, ["subtitle", "title"])])) : (d(), _(L, {
+        key: 2
+      }, [Ne.value ? (d(), _(L, {
+        key: 1
+      }, [f("div", Ft, [i(p, {
+        autofocus: "",
+        modelValue: u(x),
+        "onUpdate:modelValue": e[9] || (e[9] = (a) => Q(x) ? x.value = a : null),
+        placeholder: u(o)("menu.group.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), e[17] || (e[17] = f("div", {
+        class: "bg-fm-color-neutral-gray-100 w-full h-px rounded-md"
+      }, null, -1)), f("div", Vt, [i(pe), X.value ? (d(), $(P, {
+        key: 0,
+        modelValue: F.value,
+        "onUpdate:modelValue": e[14] || (e[14] = (a) => F.value = a)
+      }, {
+        "bottom-sheet-button": C(() => [i(l, {
+          label: u(o)("menu.group.type.title", {
+            type: b.value ? u(te.capitalize)(b.value) : u(o)("menu.common.labels.all")
+          }),
+          class: "text-fm-color-typo-secondary",
+          "right-icon": "keyboard_arrow_down"
+        }, null, 8, ["label"])]),
+        default: C(() => [f("div", null, [f("div", {
+          class: "px-16 py-8",
+          onClick: e[10] || (e[10] = (a) => b.value = null)
+        }, A(u(o)("menu.group.type.all")), 1), f("div", {
+          class: "px-16 py-8",
+          onClick: e[11] || (e[11] = (a) => b.value = "NORMAL")
+        }, A(u(o)("menu.group.type.normal")), 1), f("div", {
+          class: "px-16 py-8",
+          onClick: e[12] || (e[12] = (a) => b.value = "PRODUCT")
+        }, A(u(o)("menu.group.type.product")), 1), f("div", {
+          class: "px-16 py-8",
+          onClick: e[13] || (e[13] = (a) => b.value = "DYNAMIC")
+        }, A(u(o)("menu.group.type.dynamic")), 1)])]),
+        _: 1
+      }, 8, ["modelValue"])) : R("", !0)]), Y.value ? (d(), _("div", It, [i(u(ge), {
+        ref_key: "attributeFilterRef",
+        ref: q,
+        attributes: u(re),
+        modelValue: u(D),
+        "onUpdate:modelValue": e[15] || (e[15] = (a) => Q(D) ? D.value = a : null)
+      }, null, 8, ["attributes", "modelValue"])])) : R("", !0), i(u(Le), {
+        class: W(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"]),
+        "model-value": z.value,
+        group: "categories",
+        handle: ".handle",
+        "item-key": "_id",
+        "onUpdate:modelValue": e[16] || (e[16] = (a) => se(a))
+      }, {
+        item: C(({
+          element: a
+        }) => [(d(), _("div", {
+          key: a._id,
+          class: W(["py-12 px-16", "flex  space-x-16", "items-center"])
+        }, [f("div", Ot, [f("div", Nt, [f("p", Rt, A(a.name), 1), f("div", null, [X.value ? (d(), _("p", $t, A(u(te.capitalize)(a.type)) + " type ", 1)) : R("", !0), f("p", Dt, A(u(o)("menu.group.list.products_linked", {
+          count: a.itemsLinked.length
+        })), 1)])]), i(ce, {
+          group: a
+        }, null, 8, ["group"])])]))]),
+        _: 1
+      }, 8, ["model-value"])], 64)) : (d(), _("div", Mt, [f("div", Gt, [i(pe), X.value ? (d(), $(g, {
+        key: 0
+      }, {
+        "menu-button": C(() => [i(l, {
+          label: u(o)("menu.group.type.title", {
+            type: b.value ? u(te.capitalize)(b.value) : u(o)("menu.common.labels.all")
+          }),
+          class: "text-fm-color-typo-secondary",
+          "right-icon": "keyboard_arrow_down"
+        }, null, 8, ["label"])]),
+        default: C(() => [f("div", null, [i(s, {
+          class: "px-16 py-8",
+          label: u(o)("menu.group.type.all"),
+          onClick: e[2] || (e[2] = (a) => b.value = null)
+        }, null, 8, ["label"]), i(s, {
+          class: "px-16 py-8",
+          label: u(o)("menu.group.type.normal"),
+          onClick: e[3] || (e[3] = (a) => b.value = "NORMAL")
+        }, null, 8, ["label"]), i(s, {
+          class: "px-16 py-8",
+          label: u(o)("menu.group.type.product"),
+          onClick: e[4] || (e[4] = (a) => b.value = "PRODUCT")
+        }, null, 8, ["label"]), i(s, {
+          class: "px-16 py-8",
+          label: u(o)("menu.group.type.dynamic"),
+          onClick: e[5] || (e[5] = (a) => b.value = "DYNAMIC")
+        }, null, 8, ["label"])])]),
+        _: 1
+      })) : R("", !0), f("div", At, [i(p, {
+        autofocus: "",
+        modelValue: u(x),
+        "onUpdate:modelValue": e[6] || (e[6] = (a) => Q(x) ? x.value = a : null),
+        placeholder: u(o)("menu.group.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), Y.value ? (d(), _("div", St, [i(u(ge), {
+        ref_key: "attributeFilterRef",
+        ref: q,
+        attributes: u(re),
+        modelValue: u(D),
+        "onUpdate:modelValue": e[7] || (e[7] = (a) => Q(D) ? D.value = a : null)
+      }, null, 8, ["attributes", "modelValue"])])) : R("", !0), i(nt, null, {
+        default: C(() => [i(M, {
+          "column-defs": Ae.value,
+          "column-visibility": Se.value,
+          loading: u(h).checkMenuIsLoading(),
+          "page-size": z.value.length,
+          "row-data": z.value,
+          "shrink-at": !1,
+          class: "flex-1 overflow-hidden",
+          draggable: "",
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: Ie,
+          onDndChanged: e[8] || (e[8] = (a) => se(a))
+        }, null, 8, ["column-defs", "column-visibility", "loading", "page-size", "row-data"])]),
+        _: 1
+      })]))], 64))], 64);
+    };
+  }
+});
+export {
+  en as _
+};

package/dist/{GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-CLrQ5top.js → GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-CXcucPqA.js}

@@ -1,14 +1,14 @@
 import { defineComponent as N, useModel as K, computed as B, resolveComponent as d, createBlock as I, openBlock as b, ref as L, watch as W, withCtx as f, createElementBlock as F, createElementVNode as U, Fragment as q, renderList as X, createVNode as u, unref as e, createCommentVNode as $, withModifiers as Q, onMounted as te, renderSlot as le, toDisplayString as h, createTextVNode as ae } from "vue";
 import { useI18n as z, useCustomAttributes as ue, useCoreStore as re, isEmptyRule as oe, EMPTY_RULE as w } from "@feedmepos/mf-common";
 import { _ as x } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { u as D } from "./priceTier-ByJqyA8e.js";
+import { u as D } from "./priceTier-C1aFgxcc.js";
 import { b as O } from "./app-5fxKLAzS.js";
 import { FmButtonVariant as Z, useDialog as ne, components as ie, FmButtonColorThemeVariant as Y } from "@feedmepos/ui-library";
-import { m as j, f as G, e as se, _ as me } from "./RuleView.vue_vue_type_script_setup_true_lang-P6DLshs1.js";
-import { L as R } from "./catalogSetting-D1rTJ0IV.js";
-import { L as de } from "./LinkProductSideSheet-B0PciGSP.js";
+import { m as j, f as G, e as se, _ as me } from "./RuleView.vue_vue_type_script_setup_true_lang-DASNyCfE.js";
+import { L as R } from "./catalogSetting-D_Si0gPE.js";
+import { L as de } from "./LinkProductSideSheet-Bt21W-G-.js";
 import { c as H } from "./check-C9mY6LiX.js";
-import { u as pe, d as J, Y as ce } from "./index.vue_vue_type_script_setup_true_lang-DKMwA-UJ.js";
+import { u as pe, d as J, Y as ce } from "./index.vue_vue_type_script_setup_true_lang-C4M5sUoA.js";
 import { c as ve } from "./string-DpfFixWH.js";
 const _e = /* @__PURE__ */ N({
   __name: "LinkPriceTier",