@feedmepos/mf-menu 0.31.33 → 0.31.34-alpha

package/dist/Product.vue_vue_type_script_setup_true_lang-Cy4uok1E.js

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