@feedmepos/mf-menu 0.32.53 → 0.32.54-dev

package/dist/Product.vue_vue_type_script_setup_true_lang-mJYcstbm.js

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