@feedmepos/mf-menu 0.31.33-beta.1 → 0.31.33-beta.6

package/dist/Group.vue_vue_type_script_setup_true_lang-36O78xv0.js

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