@feedmepos/mf-menu 0.31.10-prod → 0.31.11-beta.1

package/dist/Product.vue_vue_type_script_setup_true_lang-BSW-4pwk.js

@@ -1,1582 +0,0 @@
-import { ref as V, computed as x, defineComponent as B, resolveComponent as K, createBlock as I, openBlock as v, withCtx as $, createElementVNode as f, createVNode as d, unref as n, createElementBlock as k, Fragment as ie, renderList as Fe, createCommentVNode as D, normalizeClass as ce, toDisplayString as R, withModifiers as ve, mergeModels as Xe, useModel as et, renderSlot as _e, watch as se, createTextVNode as tt, watchEffect as lt, nextTick as Oe, resolveDynamicComponent as at, onMounted as ot, h as W, normalizeStyle as xt } from "vue";
-import { u as $e, T as ke, z as ue, J as ze, G as nt, Q as rt, K as ge, W as Ct, aa as wt, ab as Me, R as kt, ac as Le } from "./menu-Tfvz3TZW.js";
-import "./vuedraggable-CK8z7qA8.js";
-import { useI18n as Te, useCoreStore as Ke } from "@feedmepos/mf-common";
-import { useBreakpoints as Ne, components as Z, useSnackbar as st, useDialog as ut, FmButtonColorThemeVariant as q, FmButtonVariant as J } from "@feedmepos/ui-library";
-import { u as Ve } from "./menu-CllScy8p.js";
-import { _ as be } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
-import { L as We } from "./LinkProductSideSheet-iMU1KvJX.js";
-import { _ as De, h as qe, a as St, b as Qe } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-DhgzR0nK.js";
-import { u as it } from "./category-CIMek6Dw.js";
-import { f as Ft, o as Vt, b as It, m as $t } from "./subcategory-KC674Rqg.js";
-import { r as Tt, _ as Pt, a as At, u as Mt } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-DNXzTmh2.js";
-import { u as ct, C as Ot } from "./item-CYFoV9HF.js";
-import { F as zt } from "./index-1JUdOzJ9.js";
-import { _ as Re, u as Dt } from "./app-Bg99M05B.js";
-import { _ as Se } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
-import { _ as Ut } from "./index-Wik8mJjL.js";
-import { _ as Ue } from "./Thumbnail.vue_vue_type_script_setup_true_lang-DzQ8_6Bi.js";
-import { c as Kt } from "./check-C9mY6LiX.js";
-import { f as Nt } from "./currency-DCJtEa6B.js";
-import { w as Rt } from "./tooltip-B5BiPMx9.js";
-import { r as Bt } from "./index-Ce4v8o7D.js";
-function jt(C, o) {
-  const s = V(!0), m = x(() => {
-    var u, b;
-    return !s.value && (!o.value || ((u = o.value) == null ? void 0 : u.length) === ((b = C.value) == null ? void 0 : b.length));
-  }), t = x(() => {
-    var u, b, p, _;
-    return !!((u = o.value) != null && u.length && ((b = o.value) == null ? void 0 : b.length) > 0 && ((p = o.value) == null ? void 0 : p.length) < ((_ = C.value) == null ? void 0 : _.length));
-  });
-  return { allCleared: s, allSelected: m, indeterminate: t, toggleAll: () => {
-    o.value = void 0, s.value = !s.value;
-  }, toggleOption: (u) => {
-    var p, _, g;
-    let b;
-    o.value === void 0 && s.value ? b = [u] : o.value === void 0 && !s.value ? b = (p = C.value.map((w) => w.value)) == null ? void 0 : p.filter((w) => w !== u) : (_ = o.value) != null && _.includes(u) ? b = (g = o.value) == null ? void 0 : g.filter((w) => w !== u) : b = [...o.value || [], u], b.length === 0 ? (o.value = void 0, s.value = !0) : b.length === C.value.length ? (o.value = void 0, s.value = !1) : o.value = b;
-  } };
-}
-const Et = { class: "inline-flex items-center" }, Gt = {
-  key: 0,
-  class: /* @__PURE__ */ ce([
-    "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
-    "text-fm-color-neutral-gray-400"
-  ])
-}, Lt = { class: "p-4" }, Wt = { class: "flex-1 overflow-y-auto min-h-0" }, He = /* @__PURE__ */ B({
-  __name: "CategorySelector",
-  emits: ["toggleAttributeFilter"],
-  setup(C, { emit: o }) {
-    const s = o, m = $e(), { categories: t, selectedCategories: r } = Ve(), l = x(() => m.state.currentCategoryIds), u = x(
-      () => t.value.map((T) => ({ label: T.name, value: T.id }))
-    ), b = x(() => u.value.filter(
-      (T) => T.label.toLowerCase().includes(g.value.toLowerCase())
-    )), { t: p } = Te(), _ = x(() => {
-      var T, N, X;
-      return t.value.length === ((T = r.value) == null ? void 0 : T.length) ? p("menu.category.selector.all") : ((N = r.value) == null ? void 0 : N.length) === 1 ? r.value[0].name : `${(X = r.value) == null ? void 0 : X.length}`;
-    }), g = V(""), w = x({
-      get: () => l.value,
-      set: (T) => {
-        m.selectCategory(T);
-      }
-    }), { allSelected: te, toggleAll: H, toggleOption: le, indeterminate: L } = jt(
-      u,
-      w
-    ), ae = Ke(), S = x(() => ae.itemAttributeSettings.value.length > 0);
-    function oe() {
-      s("toggleAttributeFilter");
-    }
-    return (T, N) => {
-      const X = K("FmIcon"), ye = K("FmChip"), Y = K("FmSearch"), de = K("FmMenuItem"), j = K("FmMenu");
-      return v(), I(j, {
-        "close-on-click": !1,
-        width: 220
-      }, {
-        "menu-button": $(() => [
-          f("div", Et, [
-            d(ye, null, {
-              default: $(() => [
-                _.value ? (v(), k("div", Gt, R(n(p)("menu.category.selector.title", { label: _.value })), 1)) : D("", !0),
-                d(X, {
-                  color: "neutral-gray-400",
-                  name: "expand_more",
-                  size: "sm"
-                }),
-                S.value ? (v(), k("div", {
-                  key: 1,
-                  class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
-                  onClick: ve(oe, ["stop"])
-                }, [
-                  d(X, {
-                    name: "filter_alt",
-                    outline: "",
-                    color: "neutral-gray-400",
-                    size: "sm",
-                    onClick: N[0] || (N[0] = ve(() => {
-                    }, ["prevent"]))
-                  })
-                ])) : D("", !0)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        default: $(() => [
-          f("div", Lt, [
-            d(Y, {
-              autofocus: "",
-              modelValue: g.value,
-              "onUpdate:modelValue": N[1] || (N[1] = (P) => g.value = P),
-              placeholder: n(p)("menu.common.actions.search")
-            }, null, 8, ["modelValue", "placeholder"])
-          ]),
-          f("div", Wt, [
-            d(de, {
-              label: "All",
-              "has-checkbox": "",
-              "model-value": n(te),
-              indeterminate: n(L),
-              onClick: n(H)
-            }, null, 8, ["model-value", "indeterminate", "onClick"]),
-            (v(!0), k(ie, null, Fe(b.value, (P) => {
-              var M;
-              return v(), I(de, {
-                key: P.value || "",
-                label: P.label,
-                "has-checkbox": "",
-                "model-value": n(te) || ((M = w.value) == null ? void 0 : M.includes(P.value)),
-                onClick: (A) => n(le)(P.value)
-              }, null, 8, ["label", "model-value", "onClick"]);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-function qt() {
-  const C = navigator.userAgent.toLowerCase();
-  return /safari/.test(C) && !/chrome/.test(C);
-}
-const Qt = { class: "flex flex-wrap gap-8" }, Ht = { class: "py-12 px-16 space-y-12" }, Yt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, Jt = { class: "flex flex-wrap gap-8" }, Zt = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Xt = { key: 0 }, el = {
-  key: 1,
-  class: "inline-block w-8"
-}, tl = { key: 0 }, ll = { key: 1 }, Ye = /* @__PURE__ */ B({
-  __name: "CategoriesChip",
-  props: {
-    categories: { default: () => [] },
-    ellipsis: { type: Boolean, default: !0 }
-  },
-  setup(C) {
-    const o = C, { t: s } = Te(), m = Ne(), t = x(() => m.breakpoints.value.xs), r = x(() => o.ellipsis ? t.value ? 1 : 2 : 1 / 0), l = x(() => o.categories.length <= r.value ? o.categories : o.categories.slice(0, r.value)), u = V(!0), b = x(() => {
-      if (u.value) {
-        const _ = l.value.join(", ");
-        return _.length > 20 ? _.slice(0, 20) + "..." : _;
-      }
-      return o.categories.join(", ");
-    });
-    return (p, _) => {
-      const g = K("FmTooltip");
-      return t.value ? (v(), k(ie, { key: 1 }, [
-        p.categories.length > 0 ? (v(), k("p", Zt, [
-          f("span", null, R(n(s)("menu.product.table.columns.category")) + ": ", 1),
-          f("span", null, R(b.value), 1),
-          u.value ? (v(), k("span", el)) : (v(), k("br", Xt)),
-          p.categories.length > r.value ? (v(), k("span", {
-            key: 2,
-            class: "fm-typo-en-body-md-400 text-fm-color-primary cursor-pointer",
-            onClick: _[0] || (_[0] = ve((w) => u.value = !u.value, ["stop", "prevent"]))
-          }, [
-            u.value ? (v(), k("span", tl, R(n(s)("menu.product.table.category.expand", { count: p.categories.length - r.value })), 1)) : (v(), k("span", ll, R(n(s)("menu.product.table.category.collapse")), 1))
-          ])) : D("", !0)
-        ])) : D("", !0)
-      ], 64)) : (v(), I(g, {
-        key: 0,
-        class: "flex",
-        variant: "rich",
-        placement: "top",
-        "z-index": 50
-      }, {
-        content: $(() => [
-          f("div", Ht, [
-            f("p", Yt, R(n(s)("menu.product.table.category.all")), 1),
-            f("div", Jt, [
-              (v(!0), k(ie, null, Fe(o.categories, (w) => (v(), I(Se, {
-                key: w,
-                label: w,
-                variant: "neutral"
-              }, null, 8, ["label"]))), 128))
-            ])
-          ])
-        ]),
-        default: $(() => [
-          f("div", Qt, [
-            (v(!0), k(ie, null, Fe(l.value, (w) => (v(), I(Se, {
-              key: w,
-              label: w,
-              variant: "neutral"
-            }, null, 8, ["label"]))), 128)),
-            p.categories.length > r.value ? (v(), I(Se, {
-              key: 0,
-              label: "...",
-              variant: "neutral"
-            })) : D("", !0)
-          ])
-        ]),
-        _: 1
-      }));
-    };
-  }
-}), al = /* @__PURE__ */ B({
-  __name: "ProductSearcher",
-  props: /* @__PURE__ */ Xe({
-    label: {},
-    helperText: {},
-    menu: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(C) {
-    const o = C, s = et(C, "modelValue"), m = x(() => o.menu.modules.item.map((t) => ({
-      label: t.code ? `${t.code} ${t.name}` : t.name,
-      value: t._id
-    })));
-    return (t, r) => {
-      const l = K("FmSelect");
-      return v(), I(l, {
-        modelValue: s.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => s.value = u),
-        items: m.value,
-        searchable: !0,
-        "search-target": "label",
-        placeholder: "Search by product name or code",
-        label: t.label,
-        "helper-text": t.helperText
-      }, null, 8, ["modelValue", "items", "label", "helper-text"]);
-    };
-  }
-}), ol = { class: "flex" }, nl = { class: "w-[260px] space-y-16 h-full" }, rl = { class: "flex items-center gap-4 px-8" }, sl = { class: "fm-typo-en-title-sm-600" }, ul = {
-  key: 0,
-  class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4"
-}, il = { class: "fm-typo-en-body-md-600" }, cl = { class: "flex-1" }, dt = /* @__PURE__ */ B({
-  __name: "ViewLayout",
-  props: /* @__PURE__ */ Xe({
-    title: {},
-    titleBadge: {},
-    items: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(C) {
-    const o = et(C, "modelValue");
-    return (s, m) => {
-      const t = K("FmCollapsibleTabs");
-      return v(), k("div", ol, [
-        f("div", nl, [
-          f("div", rl, [
-            f("p", sl, R(s.title), 1),
-            s.titleBadge !== void 0 ? (v(), k("div", ul, [
-              f("p", il, R(s.titleBadge), 1)
-            ])) : D("", !0)
-          ]),
-          d(Re, null, {
-            default: $(() => [
-              d(t, {
-                modelValue: o.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (r) => o.value = r),
-                items: s.items
-              }, null, 8, ["modelValue", "items"])
-            ]),
-            _: 1
-          })
-        ]),
-        m[1] || (m[1] = f("div", { class: "w-[1px] min-h-full ml-4 mr-12 bg-fm-color-neutral-gray-100 self-stretch" }, null, -1)),
-        f("div", cl, [
-          _e(s.$slots, "default")
-        ])
-      ]);
-    };
-  }
-}), Ie = /* @__PURE__ */ B({
-  __name: "OrderFromChip",
-  props: {
-    orderFrom: {}
-  },
-  setup(C) {
-    const o = C, s = ke();
-    return (m, t) => {
-      var r, l;
-      return v(), I(Se, {
-        label: ((r = n(s)[o.orderFrom]) == null ? void 0 : r.label) || o.orderFrom,
-        variant: (l = n(s)[o.orderFrom]) == null ? void 0 : l.variant
-      }, null, 8, ["label", "variant"]);
-    };
-  }
-}), dl = /* @__PURE__ */ B({
-  __name: "GroupViewTable",
-  props: {
-    data: {}
-  },
-  setup(C) {
-    const o = C, s = [{
-      accessorKey: "code",
-      header: () => "Code",
-      enableSorting: !1,
-      cell: ({
-        row: l
-      }) => {
-        const u = l.original;
-        return u.subRows ? d("div", {
-          class: "flex items-center gap-2 fm-typo-en-body-md-600 text-fm-color-typo-secondary"
-        }, [d(Z.FmButton, {
-          icon: "keyboard_arrow_up",
-          variant: "tertiary",
-          class: ["cursor-pointer", "transition-transform", l.getIsExpanded() ? "transform rotate-180" : ""],
-          onClick: l.getToggleExpandedHandler()
-        }, null), tt("Found in group: "), u.groupName]) : u.code;
-      },
-      meta: {
-        colspan: (l) => l.original.subRows ? 5 : 1
-      }
-    }, {
-      accessorKey: "productName",
-      header: () => "Product name",
-      enableSorting: !1,
-      meta: {
-        colspan: (l) => l.original.subRows ? 0 : 1
-      }
-    }, {
-      accessorKey: "variant",
-      header: () => "Variant",
-      enableSorting: !1,
-      meta: {
-        colspan: (l) => l.original.subRows ? 0 : 1
-      }
-    }, {
-      accessorKey: "price",
-      header: () => "Price",
-      enableSorting: !1,
-      meta: {
-        colspan: (l) => l.original.subRows ? 0 : 1
-      }
-    }, {
-      accessorKey: "orderFrom",
-      header: () => "Order from",
-      enableSorting: !1,
-      cell: (l) => {
-        const u = l.row.original;
-        return d(Ie, {
-          orderFrom: u.orderFrom ?? ""
-        }, null);
-      },
-      meta: {
-        colspan: (l) => l.original.subRows ? 0 : 1
-      }
-    }], m = V({}), t = (l) => l.subRows;
-    function r() {
-      m.value = Object.fromEntries(o.data.map((l, u) => [u, !0]));
-    }
-    return se(() => o.data, () => {
-      r();
-    }), (l, u) => {
-      const b = K("FmTable");
-      return v(), I(Re, null, {
-        default: $(() => [d(b, {
-          "column-defs": s,
-          "row-data": l.data,
-          "hide-footer": !0,
-          "page-size": 1e6,
-          "get-sub-row": t,
-          "expanded-state": m.value,
-          "shrink-at": !1,
-          "onUpdate:expandedState": u[0] || (u[0] = (p) => m.value = p)
-        }, null, 8, ["row-data", "expanded-state"])]),
-        _: 1
-      });
-    };
-  }
-}), ml = /* @__PURE__ */ B({
-  __name: "GroupView",
-  props: {
-    itemId: {},
-    menu: {}
-  },
-  setup(C) {
-    const o = C, s = V(""), m = x(() => t.value.reduce((p, _) => p + (typeof _.badge == "number" ? _.badge ?? 1 : 0), 0)), t = V([]), r = x(() => {
-      const p = t.value.find((g) => g.value === s.value);
-      return ((p == null ? void 0 : p.itemInGroup) || []).map((g) => ({
-        groupName: g.group.name,
-        subRows: g.items.map((w) => ({
-          // @ts-ignore
-          code: w.code || w.fallbackCode,
-          productName: w.combinationKey ? "" : w.name ?? "",
-          price: w.price ? ue.Dinero.fromFdoDinero(w.price).toFormat() : "--",
-          orderFrom: w.orderFrom ?? void 0,
-          variant: w.combinationKey ? w.name ?? "" : void 0
-        }))
-      }));
-    });
-    function l() {
-      return [{
-        label: "Master product",
-        value: "",
-        catalogId: null,
-        data: [],
-        disabled: !1,
-        badge: void 0,
-        itemInGroup: []
-      }, ...o.menu.modules.catalog.map((_) => ({
-        label: _.name,
-        value: _._id,
-        catalogId: _._id,
-        data: [],
-        disabled: !1,
-        badge: void 0,
-        itemInGroup: []
-      }))];
-    }
-    x(() => t.value.find((p) => p.value === s.value));
-    async function u(p) {
-      const _ = t.value.find((g) => g.catalogId === p);
-      if (_) {
-        _.badge = () => d(Z.FmCircularProgress, {
-          size: "md"
-        }, null);
-        const g = await Ft(ze(o.menu), p, o.itemId);
-        _.badge = g.length, _.disabled = g.length <= 0, _.itemInGroup = g;
-      }
-    }
-    function b() {
-      t.value = l(), t.value.forEach((p) => {
-        u(p.catalogId);
-      });
-    }
-    return se([() => o.menu, () => o.itemId], () => {
-      o.menu && o.itemId && b();
-    }, {
-      immediate: !0
-    }), (p, _) => (v(), I(dt, {
-      modelValue: s.value,
-      "onUpdate:modelValue": _[0] || (_[0] = (g) => s.value = g),
-      items: t.value,
-      title: "Catalog",
-      "title-badge": m.value
-    }, {
-      default: $(() => [d(dl, {
-        data: r.value
-      }, null, 8, ["data"])]),
-      _: 1
-    }, 8, ["modelValue", "items", "title-badge"]));
-  }
-}), pl = {
-  class: "scroll-x-auto"
-}, vl = /* @__PURE__ */ B({
-  __name: "ProductViewTable",
-  props: {
-    itemId: {},
-    menu: {},
-    catalogId: {},
-    schedulerIds: {}
-  },
-  setup(C) {
-    const o = C, s = [{
-      accessorKey: "scheduler",
-      header: () => "Scheduler",
-      enableSorting: !1,
-      cell: (r) => {
-        const l = r.row.original, u = l.loading ? d(Z.FmCircularProgress, {
-          size: "md"
-        }, null) : null;
-        return d("div", {
-          class: "flex items-center gap-2"
-        }, [l.scheduler, u]);
-      }
-    }, {
-      accessorKey: "code",
-      header: () => "Code",
-      enableSorting: !1
-    }, {
-      accessorKey: "productName",
-      header: () => "Product name",
-      enableSorting: !1
-    }, {
-      accessorKey: "price",
-      header: () => "Price",
-      enableSorting: !1
-    }, {
-      accessorKey: "orderFrom",
-      header: () => "Order from",
-      cell: (r) => {
-        const l = r.row.original;
-        return d(Ie, {
-          orderFrom: l.orderFrom
-        }, null);
-      },
-      enableSorting: !1
-    }], m = V([]);
-    function t(r, l) {
-      return {
-        loading: !0,
-        schedulerId: r,
-        scheduler: l,
-        code: "--",
-        productName: "--",
-        price: "--",
-        orderFrom: "--"
-      };
-    }
-    return se([() => o.menu, () => o.catalogId, () => o.schedulerIds], async () => {
-      m.value = [t(null, "All day"), ...o.schedulerIds.map((r) => {
-        var l;
-        return t(r, ((l = o.menu.modules.scheduler.find((u) => u._id === r)) == null ? void 0 : l.name) || "Unknown");
-      })], m.value.forEach(async (r) => {
-        const u = (await Vt(ze(o.menu), o.catalogId, r.schedulerId)).modules.item.find((p) => p._id === o.itemId), b = m.value.findIndex((p) => p.schedulerId === r.schedulerId);
-        if (u) {
-          const p = ze(m.value);
-          p[b].loading = !1, p[b].code = u.code || "--", p[b].productName = u.name || "--", p[b].price = ue.Dinero.fromFdoDinero(u.price).toFormat(), p[b].orderFrom = u.orderFrom || "--", m.value = p;
-        }
-      });
-    }), (r, l) => {
-      const u = K("FmTable");
-      return v(), I(Re, null, {
-        default: $(() => [f("div", pl, [d(u, {
-          class: "min-w-[800px]",
-          "column-defs": s,
-          "row-data": m.value,
-          "hide-footer": !0,
-          "page-size": m.value.length,
-          "shrink-at": !1
-        }, null, 8, ["row-data", "page-size"])])]),
-        _: 1
-      });
-    };
-  }
-}), fl = /* @__PURE__ */ B({
-  __name: "ProductView",
-  props: {
-    itemId: {},
-    menu: {}
-  },
-  setup(C) {
-    const o = C, s = V(null);
-    lt(async () => {
-      s.value = await It(o.menu, o.itemId), await Oe(), m.value = t.value[0].value;
-    });
-    const m = V(""), t = x(() => {
-      var b, p;
-      const l = {
-        label: "Master product",
-        value: "",
-        catalogId: null,
-        badge: (((b = s.value) == null ? void 0 : b.schedulers.length) || 0) + 1,
-        schedulerIds: (p = s.value) == null ? void 0 : p.schedulers
-      };
-      if (!s.value)
-        return [l];
-      const u = o.menu.modules.catalog.map((_) => {
-        const g = s.value.catalogs[_._id];
-        return {
-          label: _.name,
-          value: _._id,
-          disabled: !g,
-          catalogId: _._id,
-          badge: g ? ((g == null ? void 0 : g.schedulers.length) || 0) + 1 : 0,
-          schedulerIds: g == null ? void 0 : g.schedulers
-        };
-      });
-      return [l, ...u];
-    }), r = x(() => t.value.find((l) => l.value === m.value));
-    return (l, u) => (v(), I(dt, {
-      modelValue: m.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (b) => m.value = b),
-      items: t.value,
-      title: "Catalog",
-      "title-badge": t.value.filter((b) => !b.disabled).length
-    }, {
-      default: $(() => {
-        var b, p;
-        return [
-          d(vl, {
-            menu: l.menu,
-            "item-id": l.itemId,
-            "catalog-id": ((b = r.value) == null ? void 0 : b.catalogId) || null,
-            "scheduler-ids": ((p = r.value) == null ? void 0 : p.schedulerIds) || []
-          }, null, 8, ["menu", "item-id", "catalog-id", "scheduler-ids"])
-        ];
-      }),
-      _: 1
-    }, 8, ["modelValue", "items", "title-badge"]));
-  }
-}), gl = { class: "flex items-center gap-8" }, bl = { class: "space-y-4" }, _l = { class: "fm-typo-en-title-md-600" }, yl = { key: 0 }, hl = { class: "text-fm-color-typo-secondary" }, xl = {
-  key: 0,
-  class: "text-fm-color-typo-secondary"
-}, Cl = { class: "flex items-center gap-4" }, wl = /* @__PURE__ */ B({
-  __name: "ProductBaseInfo",
-  props: {
-    itemId: {},
-    menu: {}
-  },
-  setup(C) {
-    const o = C, s = x(() => o.menu.modules.item.find((t) => t._id === o.itemId)), m = x(() => {
-      var t;
-      return ue.Dinero.fromFdoDinero((t = s.value) == null ? void 0 : t.price).toFormat(!0);
-    });
-    return (t, r) => {
-      var l, u, b, p, _, g, w;
-      return v(), k("div", gl, [
-        d(Ue, {
-          alt: ((l = s.value) == null ? void 0 : l.name) ?? null,
-          size: 72,
-          src: (u = s.value) == null ? void 0 : u.thumbnail,
-          crossorigin: !1
-        }, null, 8, ["alt", "src"]),
-        f("div", bl, [
-          f("p", _l, [
-            (b = s.value) != null && b.code ? (v(), k("span", yl, R((p = s.value) == null ? void 0 : p.code) + ", ", 1)) : D("", !0),
-            f("span", null, R((_ = s.value) == null ? void 0 : _.name), 1)
-          ]),
-          f("p", hl, "Base price: " + R(m.value), 1),
-          (g = s.value) != null && g.customAttributes ? (v(), k("div", xl, [
-            f("div", Cl, [
-              r[0] || (r[0] = f("span", null, "Tagging:", -1)),
-              d(De, {
-                ellipsis: !1,
-                "custom-attributes": (w = s.value) == null ? void 0 : w.customAttributes
-              }, null, 8, ["custom-attributes"])
-            ])
-          ])) : D("", !0)
-        ])
-      ]);
-    };
-  }
-}), kl = { class: "space-y-16" }, Sl = /* @__PURE__ */ B({
-  __name: "ProductViewer",
-  props: {
-    itemId: {},
-    menu: {}
-  },
-  setup(C) {
-    const o = V("product"), s = x(() => [
-      {
-        value: "product",
-        label: "Product",
-        component: fl
-      },
-      {
-        value: "group",
-        label: "Group",
-        component: ml
-      }
-    ]);
-    return (m, t) => {
-      var l;
-      const r = K("FmTabs");
-      return v(), k("div", kl, [
-        d(wl, {
-          "item-id": m.itemId,
-          menu: m.menu
-        }, null, 8, ["item-id", "menu"]),
-        f("div", null, [
-          d(r, {
-            modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (u) => o.value = u),
-            items: s.value
-          }, null, 8, ["modelValue", "items"])
-        ]),
-        f("div", null, [
-          (v(), I(at((l = s.value.find((u) => u.value === o.value)) == null ? void 0 : l.component), {
-            "item-id": m.itemId,
-            menu: m.menu
-          }, null, 8, ["item-id", "menu"]))
-        ])
-      ]);
-    };
-  }
-}), Fl = { class: "space-y-24" }, Vl = { key: 0 }, Il = /* @__PURE__ */ B({
-  __name: "ProductOverview",
-  props: {
-    itemId: {},
-    showSearch: { type: Boolean, default: !1 }
-  },
-  setup(C) {
-    const o = C, s = $e(), m = V(null);
-    return ot(() => {
-      m.value = o.itemId;
-    }), (t, r) => (v(), k("div", Fl, [
-      t.showSearch ? (v(), k("div", Vl, [
-        d(al, {
-          modelValue: m.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => m.value = l),
-          class: "w-1/2",
-          label: "Search and compare prices",
-          "helper-text": "Quickly find products and view their prices across different catalogs and schedules.",
-          menu: n(s).state.menu
-        }, null, 8, ["modelValue", "menu"])
-      ])) : D("", !0),
-      f("div", null, [
-        m.value ? (v(), I(Sl, {
-          key: 0,
-          "item-id": m.value,
-          menu: n(s).state.menu
-        }, null, 8, ["item-id", "menu"])) : D("", !0)
-      ])
-    ]));
-  }
-}), $l = /* @__PURE__ */ B({
-  __name: "OverviewSheet",
-  setup(C) {
-    const o = V(null), s = V(!1);
-    function m(t) {
-      s.value = !s.value, t && (o.value = t);
-    }
-    return (t, r) => {
-      const l = K("FmSideSheet");
-      return v(), k(ie, null, [
-        _e(t.$slots, "default", { trigger: m }),
-        d(l, {
-          id: "product-overview",
-          modelValue: s.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (u) => s.value = u),
-          "max-width": 1200,
-          "dismiss-away": ""
-        }, {
-          "side-sheet-header": $(() => r[1] || (r[1] = [
-            f("p", { class: "fm-typo-en-title-md-600" }, "Product Overview", -1)
-          ])),
-          default: $(() => [
-            f("div", null, [
-              s.value && o.value ? (v(), I(Il, {
-                key: 0,
-                "item-id": o.value
-              }, null, 8, ["item-id"])) : D("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-var Tl = Tt();
-const Je = /* @__PURE__ */ B({
-  __name: "ImportButton",
-  setup(C) {
-    const o = V(!1);
-    function s() {
-      o.value = !o.value;
-    }
-    const m = Ke();
-    return ot(() => {
-      const t = m.currentCountry.value;
-      if (t)
-        try {
-          Tl.setCountryConfig(t);
-        } catch (r) {
-          console.log("Unable to set country config", r);
-        }
-    }), (t, r) => (v(), k(ie, null, [
-      d(Pt, {
-        modelValue: o.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l)
-      }, null, 8, ["modelValue"]),
-      _e(t.$slots, "default", { trigger: s })
-    ], 64));
-  }
-}), Ze = (C) => d("div", {
-  class: "flex flex-1 justify-end"
-}, [d("span", null, [C, tt(" ")])]), Pl = {
-  class: "flex justify-between items-center space-x-8"
-}, Al = {
-  class: "flex space-x-8"
-}, Ml = {
-  class: "w-[320px]"
-}, Ol = {
-  key: 0
-}, zl = {
-  key: 1,
-  class: /* @__PURE__ */ ce(["flex-1 flex flex-col", "divide-y divide-fm-color-neutral-gray-100", "overflow-hidden"])
-}, Dl = {
-  key: 0,
-  class: "flex items-center p-4"
-}, Ul = {
-  class: /* @__PURE__ */ ce(["mr-8", "fm-typo-en-body-md-400"])
-}, Kl = {
-  key: 1,
-  class: "px-16 py-4 space-x-8 flex justify-end"
-}, Nl = {
-  key: 2
-}, Rl = {
-  class: "flex space-x-8"
-}, Bl = {
-  key: 1,
-  class: "pt-8 flex flex-col flex-1 overflow-hidden"
-}, jl = {
-  class: "space-y-8 pb-8"
-}, El = {
-  class: "w-full px-8"
-}, Gl = {
-  class: "flex space-x-8 px-8"
-}, Ll = {
-  key: 0,
-  class: "px-8"
-}, Wl = {
-  key: 0,
-  class: /* @__PURE__ */ ce(["flex flex-col flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
-}, ql = ["onClick"], Ql = {
-  class: "min-w-0 flex flex-1 items-center justify-start space-x-16"
-}, Hl = {
-  class: "flex-1 min-w-0"
-}, Yl = {
-  class: "flex justify-between items-center gap-8 pb-4"
-}, Jl = {
-  class: "flex-1 min-w-0 fm-typo-en-body-lg-600 line-clamp-2"
-}, Zl = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Xl = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ea = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ta = {
-  key: 1
-}, la = {
-  class: "flex space-x-8"
-}, aa = /* @__PURE__ */ B({
-  __name: "ProductTable",
-  props: {
-    modelValue: {},
-    originalValue: {},
-    isCalculating: {
-      type: Boolean
-    }
-  },
-  emits: ["update:model-value", "reset:model-value", "update:editing", "update:search-key"],
-  setup(C, {
-    expose: o,
-    emit: s
-  }) {
-    const m = C, {
-      t
-    } = Te(), r = Ke(), l = $e(), u = st(), b = ut(), p = nt(u), _ = rt(p);
-    it({
-      dialog: b,
-      menuLoader: _
-    });
-    const g = ct();
-    x(() => !l.state.currentSchedulerId);
-    const w = r.currentCountry, te = x(() => w.value ? ue.Country.getCountry(w.value) : null), H = x(() => l.rules.item);
-    x(() => le.value.length === 1 && le.value[0].id === null);
-    const {
-      selectedCategories: le
-    } = Ve(), L = x(() => {
-      const e = ge.flatten(le.value.map((a) => a.items));
-      return ge.uniqBy(e, (a) => a._id);
-    }), ae = s, S = V(!1);
-    se(() => S.value, (e) => {
-      ae("update:editing", e);
-    });
-    const oe = (e) => {
-      Kt.isBoolean(e) ? S.value = e : S.value = !S.value;
-    }, T = V(!1), N = V(null);
-    async function X() {
-      T.value = !T.value, T.value && (await Oe(), N.value && N.value.toggleProperty(!0));
-    }
-    o({
-      toggleAttributeFilter: X
-    });
-    const Y = V({
-      logic: "AND",
-      rules: []
-    });
-    function de(e) {
-      const a = L.value.map((i) => {
-        var h;
-        return (h = i.customAttributes) == null ? void 0 : h[e];
-      }).filter((i) => typeof i == "string" && !!i);
-      return [...new Set(a)];
-    }
-    const j = x(() => r.itemAttributeSettings.value.map((e) => {
-      const a = de(e.key);
-      return {
-        ...e,
-        values: a
-      };
-    })), P = V(""), M = Bt(P, 300), A = x(() => {
-      const e = (c) => {
-        var h;
-        return !M.value || !M.value.trim() ? !0 : [c.code, c.name, je(c), ...Me(O.value, c), (h = ke()[c.orderFrom]) == null ? void 0 : h.label, Object.values(c.customAttributes ?? {}).join(" ")].join(" ").toLowerCase().includes(M.value.toLowerCase());
-      }, a = (c) => !c.customAttributes && !Y.value.rules.length ? !0 : St(c.customAttributes ?? {}, Y.value);
-      return L.value.filter((c) => e(c) && a(c));
-    }), {
-      categories: O
-    } = Ve(), Q = x(() => l.categories.map((e) => ({
-      label: e.name,
-      value: e._id || null
-    }))), G = (e, a, c) => {
-      let i = ge.clone(m.modelValue);
-      const h = i[e];
-      h && (typeof a == "object" && a !== null ? i[e] = {
-        ...h,
-        ...a
-      } : i[e] = {
-        ...h,
-        [a]: c
-      }, ae("update:model-value", i));
-    }, U = ge.debounce(G, 300), z = (e) => (a) => !!a || t("menu.product.table.validation.name_required", {
-      field: e
-    }), ne = (e) => e >= 0 || t("menu.product.table.validation.price_min"), E = [z("Name")], me = () => [(e) => ne(typeof e == "number" ? e : Number(e) ?? 0)], he = ke(), xe = x(() => Ct.setCoreStore(r).taxSetting()), fe = x(() => [{
-      accessorKey: "thumbnail",
-      header: "",
-      size: 110,
-      meta: {
-        cellClass: "px-0",
-        headerContentClass: "px-0"
-      },
-      cell: (e) => {
-        var a, c;
-        return W(Ue, {
-          src: e.getValue(),
-          alt: (c = (a = e == null ? void 0 : e.row) == null ? void 0 : a.original) == null ? void 0 : c.name,
-          className: "my-8 mx-12",
-          size: 72,
-          crossorigin: !1
-        });
-      },
-      enableSorting: !1
-    }, {
-      accessorKey: "code",
-      header: () => t("menu.product.table.columns.code"),
-      enableSorting: !1,
-      size: 100,
-      cell: (e) => {
-        const a = e.row.original, c = e.getValue() || "--";
-        if (!S.value) return d("span", {
-          class: "break-all"
-        }, [c]);
-        const i = Ae(a._id);
-        return W(Z.FmTextField, {
-          disabled: !H.value.code,
-          modelValue: i == null ? void 0 : i.code,
-          placeholder: m.modelValue[a._id].fallbackCode,
-          "onUpdate:modelValue": (h) => {
-            U(a._id, "code", h);
-          }
-        });
-      }
-    }, {
-      accessorKey: "name",
-      header: () => t("menu.product.table.columns.name"),
-      enableSorting: !1,
-      size: 200,
-      cell: (e) => {
-        const a = e.row.original, c = e.getValue();
-        return S.value ? W(Z.FmTextField, {
-          disabled: !H.value.name,
-          modelValue: a.name,
-          "onUpdate:modelValue": (i) => {
-            U(a._id, "name", i);
-          },
-          rules: E,
-          placeholder: a.fallbackName
-        }) : c;
-      }
-    }, {
-      accessorKey: "price",
-      header: () => {
-        var e;
-        return Ze(t("menu.product.table.columns.price", {
-          currency: (e = te.value) == null ? void 0 : e.currency.symbol
-        }));
-      },
-      enableSorting: !1,
-      size: 140,
-      meta: {
-        textAlign: "right"
-      },
-      cell: (e) => {
-        var h;
-        const a = e.getValue();
-        if (!S.value) return ue.Dinero.fromFdoDinero(a).toFormat();
-        const c = m.modelValue[e.row.original._id], i = c.fallbackPrice;
-        return W(Ut, {
-          min: 0,
-          disabled: !c.editPrice,
-          // @ts-ignore
-          placeholder: i ? Nt(i, !1) : void 0,
-          modelValue: (h = Ae(c._id)) == null ? void 0 : h.price,
-          // @ts-ignore
-          "onUpdate:modelValue": (F) => {
-            G(c._id, "price", F);
-          },
-          rules: me()
-        });
-      }
-    }, {
-      accessorKey: "taxes",
-      header: () => Ze(xe.value.systemCode),
-      size: S.value ? 120 : 80,
-      enableSorting: !1,
-      meta: {
-        textAlign: "right"
-      },
-      cell: (e) => {
-        const a = e.getValue(), c = e.row.original, i = l.taxSetting.countryTaxOptions, h = l.getSelectedTax(a, c.fallbackTaxes, l.taxSetting.countryTaxOptions), F = i.find((ee) => ee.value === h);
-        if (!S.value)
-          return `${F != null && F.meta.rate ? wt(F.meta.rate) : 0}%`;
-        const y = l.getSelectedTax(a, c.fallbackTaxes, l.taxSetting.countryTaxOptions);
-        return W(Z.FmSelect, {
-          disabled: !H.value.tax,
-          items: l.taxSetting.countryTaxOptions,
-          modelValue: y,
-          "onUpdate:modelValue": async (ee) => {
-            const we = l.decodeTax(ee);
-            U(c._id, "taxes", [we]);
-          }
-        });
-      }
-    }, {
-      accessorKey: "category",
-      header: () => t("menu.product.table.columns.category"),
-      enableSorting: !1,
-      size: 140,
-      cell: (e) => {
-        const a = e.row.original;
-        if (!S.value)
-          return W(Ye, {
-            categories: Me(O.value, a)
-          });
-        const c = kt(a), i = (c == null ? void 0 : c.map((F) => F._id)) ?? [], h = c == null ? void 0 : c.reduce((F, y) => (F[y._id] = y, F), {});
-        return W(Ot, {
-          shouldShowChips: !1,
-          shouldShowSelectedItemsWithinPlaceholder: !0,
-          modelValue: i.length > 0 ? i : [null],
-          items: Q.value,
-          disabled: !!(l.state.currentCatalogId || l.state.currentSchedulerId),
-          "onUpdate:modelValue": async (F) => {
-            const [y, ...ee] = F;
-            U(a._id, {
-              category: y,
-              additionalCategories: ee.map((we) => {
-                const Ge = h == null ? void 0 : h[we];
-                return Ge || {
-                  _id: we,
-                  position: null
-                };
-              })
-            });
-          }
-        });
-      }
-    }, {
-      id: "tagging",
-      accessorKey: "tagging",
-      header: () => t("menu.product.table.columns.tagging"),
-      enableSorting: !1,
-      size: 140,
-      cell: (e) => {
-        const a = e.row.original;
-        return W(De, {
-          customAttributes: a.customAttributes
-        });
-      }
-    }, {
-      accessorKey: "orderFrom",
-      header: () => t("menu.product.table.columns.order_from"),
-      enableSorting: !0,
-      sortingFn: (e, a) => {
-        const [c, i] = [e, a].map((h) => he[h.original.orderFrom].sortingIndex);
-        return c - i;
-      },
-      size: 140,
-      cell: (e) => {
-        const a = e.getValue(), c = e.row.original;
-        return S.value ? W(Z.FmSelect, {
-          disabled: !H.value.orderFrom,
-          items: Object.values(ke()),
-          modelValue: a,
-          "onUpdate:modelValue": async (i) => {
-            G(c._id, "orderFrom", i);
-          }
-        }) : W(Ie, {
-          orderFrom: a
-        });
-      }
-    }, {
-      id: "actions",
-      size: 100,
-      meta: {
-        cellClass: "pl-16",
-        headerClass: "py-4",
-        textAlign: "right"
-      },
-      header: () => W("div", {
-        class: "w-full px-4 flex justify-end"
-      }, [Rt(W(Z.FmButton, {
-        variant: J.Tertiary,
-        textColor: q.NeutralGray400,
-        prependIcon: "edit",
-        class: "flex justify-end",
-        onClick: oe,
-        type: "button"
-      }), "Bulk edit")]),
-      cell: (e) => {
-        const a = e.row.original;
-        return d("div", {
-          class: "px-4 flex justify-end"
-        }, [d($l, null, {
-          default: ({
-            trigger: c
-          }) => d(Z.FmButton, {
-            icon: "overview",
-            variant: "tertiary",
-            textColor: q.NeutralGray400,
-            onClick: ve(() => {
-              c(a._id);
-            }, ["stop", "prevent"])
-          }, null)
-        }), d(Z.FmButton, {
-          icon: "delete",
-          variant: "tertiary",
-          textColor: q.NeutralGray400,
-          onClick: ve(async () => {
-            await g.deleteItem([{
-              _id: a._id,
-              name: a.name,
-              thumbnail: a.thumbnail
-            }]);
-          }, ["stop", "prevent"])
-        }, null)]);
-      }
-    }]);
-    l.taxSetting.systemCode || fe.value.splice(4, 1);
-    const pe = V({}), re = V([]);
-    se([() => pe.value, () => A.value], (e) => {
-      let a = [];
-      Object.keys(e[0]).forEach((c) => {
-        const i = e[0][c], h = A.value[parseInt(c)];
-        h && (i ? a.push(h) : re.value = a.filter((F) => F !== h));
-      }), re.value = a;
-    }), se(() => L.value, () => {
-      pe.value = {}, re.value = [];
-    }), se(() => S.value, () => {
-      pe.value = {}, re.value = [];
-    });
-    const mt = () => {
-      pe.value = {};
-    };
-    async function Be() {
-      await Oe();
-      const e = () => !!l.currentCatalog || !!l.state.currentSchedulerId, a = (i) => i === "" || i === null ? e() ? "" : null : i, c = Object.values(m.modelValue).filter((i) => {
-        const h = Object.values(m.originalValue).find((F) => F._id === i._id);
-        return Le(h, i);
-      }).map((i) => ({
-        _id: i._id,
-        name: i.name,
-        code: i.code,
-        price: i.price,
-        orderFrom: i.orderFrom ?? null,
-        taxes: i.taxes,
-        category: a(i.category || null),
-        additionalCategories: i.additionalCategories
-      }));
-      await g.updateMany(c), oe(!1);
-    }
-    const pt = async () => {
-      await g.deleteItem(re.value.map((e) => ({
-        _id: e._id,
-        name: e.name,
-        thumbnail: e.thumbnail
-      })));
-    }, Ce = () => {
-      ae("reset:model-value");
-    }, Pe = () => {
-      Object.entries(m.modelValue).some(([a, c]) => Le(c, m.originalValue[a])) ? b.open({
-        title: "You have unsaved changes!",
-        message: "Are you sure you want to discard? You will lose all the changes if discard edit.",
-        primaryActions: {
-          text: "Discard",
-          close: !0,
-          variant: J.Destructive
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(() => {
-        Ce(), oe(!1);
-      }) : (oe(!1), Ce());
-    }, vt = x(() => {
-      var e, a;
-      return {
-        thumbnail: !S.value,
-        actions: !S.value,
-        tagging: !S.value && ((a = (e = r.itemAttributeSettings) == null ? void 0 : e.value) == null ? void 0 : a.length) > 0
-      };
-    }), ft = (e) => {
-      g.update(e._id);
-    };
-    async function gt(e) {
-      await g.update(e.original._id);
-    }
-    function je(e) {
-      var F;
-      const a = e.price ?? // TODO: fix type error
-      // @ts-ignore
-      e.fallbackPrice ?? ue.Dinero.fromNumber({
-        number: 0
-      }).toObject(), c = e.taxes;
-      l.taxSetting.countryTaxOptions;
-      const i = ue.Dinero.fromFdoDinero(a).toFormat(), h = (F = te.value) == null ? void 0 : F.currency.symbol;
-      return l.getSelectedTax(
-        c,
-        // TODO: fix type error
-        // @ts-ignore
-        e.fallbackTaxes,
-        l.taxSetting.countryTaxOptions
-      ), `${h == null ? void 0 : h.toUpperCase()}${i}`;
-    }
-    function Ae(e) {
-      var i;
-      const a = l.currentCatalog, c = l.state.currentSchedulerId;
-      if (a && c) {
-        const h = a.override.scheduler[c] ?? {}, F = (i = h == null ? void 0 : h.items) == null ? void 0 : i.filter((y) => y._id === e);
-        return F == null ? void 0 : F[0];
-      } else return a ? a.override.items[e][0] : c ? l.schedulers.find((y) => y._id === c).items.filter((y) => y._id === e)[0] : L.value.find((h) => h._id === e);
-    }
-    const bt = Ne(), _t = x(() => bt.breakpoints.value.xs), Ee = V(null), yt = Dt(Ee, T), ht = x(() => {
-      var a;
-      return {
-        height: `calc(100vh - ${((a = yt.value) == null ? void 0 : a.top) + 24}px)`
-      };
-    });
-    return qt(), (e, a) => {
-      const c = K("fm-search"), i = K("fm-button"), h = K("fm-table"), F = K("fm-form");
-      return _t.value ? (v(), k("div", Bl, [f("div", jl, [f("div", El, [d(c, {
-        "model-value": P.value,
-        "onUpdate:modelValue": a[5] || (a[5] = (y) => P.value = y),
-        autofocus: "",
-        placeholder: n(t)("menu.product.table.search.placeholder")
-      }, null, 8, ["model-value", "placeholder"])]), a[8] || (a[8] = f("div", {
-        class: "w-full h-[1px] bg-fm-color-neutral-gray-100"
-      }, null, -1)), f("div", Gl, [_e(e.$slots, "filter")]), T.value ? (v(), k("div", Ll, [d(n(qe), {
-        ref_key: "attributeFilterRef",
-        ref: N,
-        attributes: j.value,
-        modelValue: Y.value,
-        "onUpdate:modelValue": a[6] || (a[6] = (y) => Y.value = y)
-      }, null, 8, ["attributes", "modelValue"])])) : D("", !0)]), L.value.length ? (v(), k("div", Wl, [(v(!0), k(ie, null, Fe(A.value, (y) => {
-        var ee;
-        return v(), k("div", {
-          key: y._id,
-          class: "max-w-full py-12 px-16 space-x-16 flex items-center",
-          onClick: () => ft(y)
-        }, [f("div", Ql, [d(Ue, {
-          alt: y.name,
-          size: 72,
-          src: y.thumbnail
-        }, null, 8, ["alt", "src"]), f("div", Hl, [f("div", Yl, [f("p", Jl, R(y.name), 1), d(Ie, {
-          "order-from": y.orderFrom
-        }, null, 8, ["order-from"])]), f("p", Zl, R(je(y)), 1), f("p", Xl, R(n(t)("menu.product.table.columns.code")) + ": " + R(((ee = Ae(y._id)) == null ? void 0 : ee.code) || "--"), 1), f("p", ea, [d(Ye, {
-          categories: n(Me)(n(O), y)
-        }, null, 8, ["categories"])]), d(De, {
-          "custom-attributes": y.customAttributes
-        }, null, 8, ["custom-attributes"])])]), d(i, {
-          "text-color": n(q).NeutralGray400,
-          variant: n(J).Tertiary,
-          "prepend-icon": "delete",
-          onClick: ve(() => n(g).deleteItem([{
-            _id: y._id,
-            name: y.name,
-            thumbnail: y.thumbnail
-          }]), ["stop"])
-        }, null, 8, ["text-color", "variant", "onClick"])], 8, ql);
-      }), 128))])) : (v(), k("div", ta, [d(be, {
-        subtitle: n(t)("menu.product.table.empty.subtitle"),
-        title: n(t)("menu.product.table.empty.title")
-      }, {
-        action: $(() => [f("div", la, [d(i, {
-          variant: n(J).Primary,
-          label: n(t)("menu.product.table.empty.actions.add"),
-          "prepend-icon": "add",
-          onClick: a[7] || (a[7] = (y) => n(g).create(null))
-        }, null, 8, ["variant", "label"]), d(Je, null, {
-          default: $(({
-            trigger: y
-          }) => [d(i, {
-            "bg-color": n(q).NeutralGray100,
-            "text-color": n(q).NeutralGray400,
-            variant: n(J).Primary,
-            label: n(t)("menu.product.table.empty.actions.import"),
-            "prepend-icon": "download",
-            onClick: y
-          }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])]),
-          _: 1
-        })])]),
-        _: 1
-      }, 8, ["subtitle", "title"])]))])) : (v(), I(F, {
-        key: 0,
-        "blame-form-child-on-validation-failed": "",
-        class: "flex flex-col flex-1 space-y-8 overflow-hidden",
-        onValidationSuccess: Be
-      }, {
-        default: $(() => [f("div", Pl, [f("div", Al, [_e(e.$slots, "filter")]), f("div", Ml, [d(c, {
-          "model-value": P.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (y) => P.value = y),
-          autofocus: "",
-          placeholder: n(t)("menu.product.table.search.placeholder")
-        }, null, 8, ["model-value", "placeholder"])])]), T.value ? (v(), k("div", Ol, [d(n(qe), {
-          ref_key: "attributeFilterRef",
-          ref: N,
-          attributes: j.value,
-          modelValue: Y.value,
-          "onUpdate:modelValue": a[1] || (a[1] = (y) => Y.value = y)
-        }, null, 8, ["attributes", "modelValue"])])) : D("", !0), L.value.length ? (v(), k("div", zl, [re.value.length && !S.value ? (v(), k("div", Dl, [f("p", Ul, R(n(t)("menu.product.table.selection.count", {
-          count: re.value.length
-        })), 1), d(i, {
-          label: n(t)("menu.product.table.selection.actions.deselect_all"),
-          type: "button",
-          variant: "plain",
-          onClick: mt
-        }, null, 8, ["label"]), d(i, {
-          "border-color": n(q).SystemError300,
-          "text-color": n(q).SystemError300,
-          class: "ml-auto",
-          label: n(t)("menu.product.table.selection.actions.remove"),
-          "prepend-icon": "delete",
-          variant: "secondary",
-          onClick: pt
-        }, null, 8, ["border-color", "text-color", "label"])])) : D("", !0), S.value ? (v(), k("div", Kl, [d(i, {
-          variant: n(J).Tertiary,
-          label: n(t)("menu.product.table.bulk_edit.actions.reset_all"),
-          onClick: Ce
-        }, null, 8, ["variant", "label"]), d(i, {
-          variant: n(J).Tertiary,
-          label: n(t)("menu.common.actions.cancel"),
-          onClick: Pe
-        }, null, 8, ["variant", "label"]), d(i, {
-          borderColor: n(q).ColorPrimary,
-          textColor: n(q).ColorPrimary,
-          variant: n(J).Secondary,
-          label: n(t)("menu.product.table.bulk_edit.actions.save"),
-          type: "submit"
-        }, null, 8, ["borderColor", "textColor", "variant", "label"])])) : D("", !0), f("div", {
-          ref_key: "tableWrapper",
-          ref: Ee
-        }, [(v(), I(at(S.value ? zt : "div"), {
-          ref: "fullWrapper",
-          title: S.value ? n(t)("menu.product.table.bulk_edit.title") : "",
-          show: S.value,
-          "primary-action": {
-            label: n(t)("menu.product.table.bulk_edit.actions.save")
-          },
-          "secondary-actions": [{
-            label: n(t)("menu.product.table.bulk_edit.actions.reset_all"),
-            click: Ce
-          }, {
-            label: n(t)("menu.common.actions.cancel"),
-            click: Pe
-          }],
-          class: "overflow-x-scroll",
-          style: xt(ht.value),
-          onOnPrimary: Be,
-          onOnCancel: Pe
-        }, {
-          default: $(() => [d(h, {
-            class: ce({
-              "min-w-[1100px]": !0,
-              "mt-24": S.value
-            }),
-            modelValue: pe.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (y) => pe.value = y),
-            "column-defs": fe.value,
-            "column-visibility": vt.value,
-            loading: e.isCalculating,
-            "page-size": A.value.length,
-            "row-data": A.value,
-            "shrink-at": !1,
-            selection: S.value ? void 0 : "multiple",
-            virtual: !0,
-            "virtual-row-height": S.value ? 48 : 91,
-            "hide-footer": "",
-            "pin-header-row": "",
-            onRowClick: a[3] || (a[3] = (y) => S.value ? void 0 : gt(y))
-          }, null, 8, ["class", "modelValue", "column-defs", "column-visibility", "loading", "page-size", "row-data", "selection", "virtual-row-height"])]),
-          _: 1
-        }, 40, ["title", "show", "primary-action", "secondary-actions", "style"]))], 512)])) : (v(), k("div", Nl, [d(be, {
-          subtitle: n(t)("menu.product.table.empty.subtitle"),
-          title: n(t)("menu.product.table.empty.title")
-        }, {
-          action: $(() => [f("div", Rl, [d(i, {
-            variant: n(J).Primary,
-            label: n(t)("menu.product.table.empty.actions.add"),
-            "prepend-icon": "add",
-            onClick: a[4] || (a[4] = (y) => n(g).create(null))
-          }, null, 8, ["variant", "label"]), d(Je, null, {
-            default: $(({
-              trigger: y
-            }) => [d(i, {
-              "bg-color": n(q).NeutralGray100,
-              "text-color": n(q).NeutralGray400,
-              variant: n(J).Primary,
-              label: n(t)("menu.product.table.empty.actions.import"),
-              "prepend-icon": "download",
-              onClick: y
-            }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])]),
-            _: 1
-          })])]),
-          _: 1
-        }, 8, ["subtitle", "title"])]))]),
-        _: 3
-      }));
-    };
-  }
-}), oa = {
-  key: 0,
-  class: /* @__PURE__ */ ce(["flex flex-col", "flex-1", "overflow-hidden"])
-}, na = {
-  class: /* @__PURE__ */ ce(["pt-16 xs:pt-0", "flex xs:flex-col", "flex-1", "w-full", "overflow-hidden"])
-}, ra = { class: "flex flex-col flex-1 overflow-hidden" }, sa = {
-  key: 1,
-  class: "pt-16 xs:pt-8 space-y-24"
-}, ua = { class: "flex items-center gap-8 px-16" }, Pa = /* @__PURE__ */ B({
-  __name: "Product",
-  setup(C) {
-    const o = ut(), s = st(), m = nt(s), t = rt(m);
-    it({
-      dialog: o,
-      menuLoader: t
-    });
-    const r = $e(), l = x(() => r.rules.item), u = At(), b = ct(), p = Mt(), _ = x(() => !r.state.currentCatalogId), g = x(() => r.rules.item), w = x(() => !r.state.currentSchedulerId), te = V(!1), H = V(!1), le = x(() => {
-      var M, A, O, Q;
-      if (_.value && w.value) return;
-      if (w.value) {
-        const G = (M = r.currentCatalog) == null ? void 0 : M.override.items;
-        return G ? Object.entries(G).reduce((U, [z, ne]) => {
-          const E = ne.find((me) => !me.combinationKey);
-          return E && (U[z] = E), U;
-        }, {}) : {};
-      }
-      return ((_.value ? (A = r.currentScheduler) == null ? void 0 : A.items : (Q = (O = r.currentCatalog) == null ? void 0 : O.override.scheduler[r.state.currentSchedulerId]) == null ? void 0 : Q.items) ?? []).reduce((G, U) => (U.combinationKey || (G[U._id] = U), G), {});
-    }), L = V({}), ae = V({}), S = async () => {
-      var Q, G;
-      H.value = !0;
-      const P = !!le.value, M = ge.flatten(T.value.map((U) => U.items)), A = P && te.value ? await $t(
-        r.mergedMenu,
-        M,
-        r.state.menu,
-        (Q = r.currentCatalog) == null ? void 0 : Q._id,
-        (G = r.currentScheduler) == null ? void 0 : G._id,
-        !1
-      ) : void 0, O = M.reduce((U, z, ne) => {
-        var me, he, xe, fe;
-        const E = (me = le.value) == null ? void 0 : me[z._id];
-        return U[z._id] = {
-          _id: z._id,
-          name: z.name,
-          code: P ? E == null ? void 0 : E.code : z == null ? void 0 : z.code,
-          category: z.category,
-          additionalCategories: z.additionalCategories,
-          price: P && g.value.editPrice ? E == null ? void 0 : E.price : z.price,
-          orderFrom: P ? E == null ? void 0 : E.orderFrom : z.orderFrom,
-          taxes: P ? null : z.taxes,
-          thumbnail: z.thumbnail,
-          fallbackPrice: (he = A == null ? void 0 : A[ne]) == null ? void 0 : he.price,
-          fallbackName: P ? z.name : void 0,
-          fallbackCode: (xe = A == null ? void 0 : A[ne]) == null ? void 0 : xe.code,
-          fallbackOrder: (fe = A == null ? void 0 : A[ne]) == null ? void 0 : fe.orderFrom,
-          fallbackTaxes: P ? z.taxes : null
-        }, U;
-      }, {});
-      L.value = O, ae.value = { ...O }, H.value = !1;
-    }, { categories: oe, selectedCategories: T } = Ve(), N = V(null);
-    function X() {
-      N.value && N.value.toggleAttributeFilter();
-    }
-    lt(async () => {
-      T.value && await S();
-    });
-    function ye() {
-      b.create(null);
-    }
-    const Y = () => {
-      T.value && S();
-    }, de = Ne();
-    x(() => de.breakpoints.value.xs);
-    const { t: j } = Te();
-    return (P, M) => {
-      const A = K("fm-button");
-      return n(oe).length ? (v(), k("div", oa, [
-        f("div", na, [
-          f("div", ra, [
-            n(T) ? (v(), I(aa, {
-              key: 0,
-              ref_key: "productTableRef",
-              ref: N,
-              "is-calculating": H.value,
-              "model-value": L.value,
-              "original-value": ae.value,
-              "onUpdate:modelValue": M[0] || (M[0] = (O) => L.value = O),
-              "onReset:modelValue": Y,
-              "onUpdate:editing": M[1] || (M[1] = (O) => te.value = O)
-            }, {
-              filter: $(() => [
-                d(He, { onToggleAttributeFilter: X }),
-                g.value.multiScheduler ? (v(), I(Qe, { key: 0 })) : D("", !0)
-              ]),
-              _: 1
-            }, 8, ["is-calculating", "model-value", "original-value"])) : D("", !0)
-          ])
-        ])
-      ])) : (v(), k("div", sa, [
-        f("div", ua, [
-          d(He),
-          g.value.multiScheduler ? (v(), I(Qe, { key: 0 })) : D("", !0)
-        ]),
-        l.value.create ? (v(), I(be, {
-          key: 0,
-          action: {
-            text: n(j)("menu.product.empty.with_create.action"),
-            callback: ye
-          },
-          subtitle: n(j)("menu.product.empty.with_create.subtitle"),
-          title: n(j)("menu.product.empty.with_create.title")
-        }, null, 8, ["action", "subtitle", "title"])) : w.value ? (v(), I(be, {
-          key: 1,
-          subtitle: n(j)("menu.product.empty.no_scheduler.subtitle"),
-          title: n(j)("menu.product.empty.no_scheduler.title")
-        }, {
-          action: $(() => [
-            d(We, {
-              "categorized-items": n(p).linkableItems.value,
-              "initial-value": n(p).currentItems.value,
-              "show-variant": !1,
-              onSubmit: M[2] || (M[2] = (O) => n(p).applyProduct(O.map((Q) => Q._id)))
-            }, {
-              default: $(({ trigger: O }) => [
-                d(A, {
-                  label: n(j)("menu.common.actions.link_product"),
-                  "prepend-icon": "link",
-                  onClick: O
-                }, null, 8, ["label", "onClick"])
-              ]),
-              _: 1
-            }, 8, ["categorized-items", "initial-value"])
-          ]),
-          _: 1
-        }, 8, ["subtitle", "title"])) : (v(), I(be, {
-          key: 2,
-          subtitle: n(j)("menu.product.empty.with_scheduler.subtitle"),
-          title: n(j)("menu.product.empty.with_scheduler.title")
-        }, {
-          action: $(() => [
-            d(We, {
-              "categorized-items": n(u).linkableItems.value,
-              "initial-value": n(u).currentItems.value,
-              "show-variant": !1,
-              onSubmit: M[3] || (M[3] = (O) => n(u).applyProduct(O.map((Q) => Q._id)))
-            }, {
-              default: $(({ trigger: O }) => [
-                d(A, {
-                  label: n(j)("menu.common.actions.apply_product"),
-                  onClick: O
-                }, null, 8, ["label", "onClick"])
-              ]),
-              _: 1
-            }, 8, ["categorized-items", "initial-value"])
-          ]),
-          _: 1
-        }, 8, ["subtitle", "title"]))
-      ]));
-    };
-  }
-});
-export {
-  Je as _,
-  Pa as a
-};