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

package/dist/Product.vue_vue_type_script_setup_true_lang-DReaXqTg.js

@@ -0,0 +1,1557 @@
+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 z, 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 Je, nextTick as $e, resolveDynamicComponent as Ze, onMounted as Xe, h as q, normalizeStyle as vt } from "vue";
+import { u as ke, T as ye, z as oe, J as Te, K as me, W as ft, aa as gt, ab as bt, ac as Ie, ad as _t, R as yt, ae as Re } from "./menu-B3kJ7du7.js";
+import { useI18n as Se, useCoreStore as Oe } from "@feedmepos/mf-common";
+import { u as Ce } from "./menu-CcKfPthb.js";
+import { _ as pe } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
+import { L as Be } from "./LinkProductSideSheet-8NLHPTlx.js";
+import { _ as Pe, h as je, a as ht, b as Ee } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-DA9L_N2q.js";
+import { f as xt, o as Ct, b as wt, m as kt } from "./subcategory-D549uxxb.js";
+import { r as St, _ as Ft, a as Vt, u as It } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-CDM1sCGe.js";
+import { u as et, C as $t } from "./item-SUbVYbe0.js";
+import { useBreakpoints as tt, components as Z, useDialog as Tt, FmButtonColorThemeVariant as Q, FmButtonVariant as J } from "@feedmepos/ui-library";
+import { F as Pt } from "./index-CtAZ0vuL.js";
+import { _ as Me, u as At } from "./app-BXBHiPQ7.js";
+import { _ as he } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+import { _ as Ot } from "./index-tfW-GKN1.js";
+import { _ as Ae } from "./Thumbnail.vue_vue_type_script_setup_true_lang-DzQ8_6Bi.js";
+import { c as Mt } from "./check-C9mY6LiX.js";
+import { f as Ut } from "./currency-CvEozH3g.js";
+import { w as zt } from "./tooltip-B5BiPMx9.js";
+import { r as Dt } from "./index-Ce4v8o7D.js";
+function Kt(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 Nt = { 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, D;
+      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 : `${(D = i.value) == null ? void 0 : D.length}`;
+    }), y = V(""), k = x({
+      get: () => o.value,
+      set: (G) => {
+        u.selectCategory(G);
+      }
+    }), { allSelected: L, toggleAll: ee, toggleOption: S, indeterminate: H } = Kt(
+      s,
+      k
+    ), W = Oe(), te = x(() => W.itemAttributeSettings.value.length > 0);
+    function ce() {
+      r("toggleAttributeFilter");
+    }
+    return (G, I) => {
+      const D = B("FmIcon"), U = B("FmChip"), T = B("FmSearch"), $ = B("FmMenuItem"), K = B("FmMenu");
+      return v(), P(K, {
+        "close-on-click": !1,
+        width: 220
+      }, {
+        "menu-button": A(() => [
+          g("div", Nt, [
+            m(U, null, {
+              default: A(() => [
+                b.value ? (v(), C("div", Rt, j(n(p)("menu.category.selector.title", { label: b.value })), 1)) : z("", !0),
+                m(D, {
+                  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(D, {
+                    name: "filter_alt",
+                    outline: "",
+                    color: "neutral-gray-400",
+                    size: "sm",
+                    onClick: I[0] || (I[0] = ie(() => {
+                    }, ["prevent"]))
+                  })
+                ])) : z("", !0)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: A(() => [
+          g("div", Bt, [
+            m(T, {
+              autofocus: "",
+              modelValue: y.value,
+              "onUpdate:modelValue": I[1] || (I[1] = (M) => y.value = M),
+              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, (M) => {
+              var N;
+              return v(), P($, {
+                key: M.value || "",
+                label: M.label,
+                "has-checkbox": "",
+                "model-value": n(L) || ((N = k.value) == null ? void 0 : N.includes(M.value)),
+                onClick: (O) => n(S)(M.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 }, Jt = { 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", Jt, j(n(r)("menu.product.table.category.collapse")), 1))
+          ])) : z("", !0)
+        ])) : z("", !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"
+            })) : z("", !0)
+          ])
+        ]),
+        _: 1
+      }));
+    };
+  }
+}), Zt = /* @__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)
+            ])) : z("", !0)
+          ]),
+          m(Me, 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(Z.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(Me, 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(Z.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(Z.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(Me, 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);
+    Je(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)) : z("", !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"])
+            ])
+          ])) : z("", !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(Ze((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(Zt, {
+          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"])
+      ])) : z("", !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"])) : z("", !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"])) : z("", !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"
+}, Ml = {
+  key: 2
+}, Ul = {
+  class: "flex space-x-8"
+}, zl = {
+  key: 1,
+  class: "pt-8 flex flex-col flex-1 overflow-hidden"
+}, Dl = {
+  class: "space-y-8 pb-8"
+}, Kl = {
+  class: "w-full px-8"
+}, Nl = {
+  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
+}, Jl = {
+  class: "flex space-x-8"
+}, Zl = /* @__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) => {
+      Mt.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 D(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 U = x(() => i.itemAttributeSettings.value.map((e) => {
+      const t = D(e.key);
+      return {
+        ...e,
+        values: t
+      };
+    })), T = V(""), $ = Dt(T, 300), K = x(() => {
+      const e = (c) => {
+        var h;
+        return !$.value || !$.value.trim() ? !0 : [c.code, c.name, De(c), ...Ie(M.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: M
+    } = Ce(), N = 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(() => ft.setCoreStore(i).taxSetting()), Ue = 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(Z.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(Z.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 ? Ut(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(Z.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(M.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: N.value,
+          disabled: !!(o.state.currentCatalogId || o.state.currentSchedulerId),
+          "onUpdate:modelValue": async (F) => {
+            const [_, ...X] = F;
+            R(t._id, {
+              category: _,
+              additionalCategories: X.map((_e) => {
+                const Ne = h == null ? void 0 : h[_e];
+                return Ne || {
+                  _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(Z.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"
+      }, [zt(q(Z.FmButton, {
+        variant: J.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(Z.FmButton, {
+            icon: "overview",
+            variant: "tertiary",
+            textColor: Q.NeutralGray400,
+            onClick: ie(() => {
+              c(t._id);
+            }, ["stop", "prevent"])
+          }, null)
+        }), m(Z.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 || Ue.value.splice(4, 1);
+    const ue = V({}), le = V([]);
+    ae([() => ue.value, () => K.value], (e) => {
+      let t = [];
+      Object.keys(e[0]).forEach((c) => {
+        const d = e[0][c], h = K.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 ze() {
+      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: J.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 De(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), Ke = V(null), mt = At(Ke, 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", zl, [g("div", Dl, [g("div", Kl, [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", Nl, [ve(e.$slots, "filter")]), W.value ? (v(), C("div", Rl, [m(n(je), {
+        ref_key: "attributeFilterRef",
+        ref: te,
+        attributes: U.value,
+        modelValue: I.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (_) => I.value = _)
+      }, null, 8, ["attributes", "modelValue"])])) : z("", !0)]), L.value.length ? (v(), C("div", Bl, [(v(!0), C(ne, null, xe(K.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(De(_)), 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(M), _)
+        }, null, 8, ["categories"])]), m(Pe, {
+          "custom-attributes": _.customAttributes
+        }, null, 8, ["custom-attributes"])])]), m(d, {
+          "text-color": n(Q).NeutralGray400,
+          variant: n(J).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", Jl, [m(d, {
+          variant: n(J).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(J).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: ze
+      }, {
+        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: U.value,
+          modelValue: I.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (_) => I.value = _)
+        }, null, 8, ["attributes", "modelValue"])])) : z("", !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"])])) : z("", !0), S.value ? (v(), C("div", Ol, [m(d, {
+          variant: n(J).Tertiary,
+          label: n(l)("menu.product.table.bulk_edit.actions.reset_all"),
+          onClick: be
+        }, null, 8, ["variant", "label"]), m(d, {
+          variant: n(J).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(J).Secondary,
+          label: n(l)("menu.product.table.bulk_edit.actions.save"),
+          type: "submit"
+        }, null, 8, ["borderColor", "textColor", "variant", "label"])])) : z("", !0), g("div", {
+          ref_key: "tableWrapper",
+          ref: Ke
+        }, [(v(), P(Ze(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: ze,
+          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": Ue.value,
+            "column-visibility": st.value,
+            loading: e.isCalculating,
+            "page-size": K.value.length,
+            "row-data": K.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", Ml, [m(pe, {
+          subtitle: n(l)("menu.product.table.empty.subtitle"),
+          title: n(l)("menu.product.table.empty.title")
+        }, {
+          action: A(() => [g("div", Ul, [m(d, {
+            variant: n(J).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(J).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 U, T, $, K;
+      if (o.value && f.value) return;
+      if (f.value) {
+        const M = (U = a.currentCatalog) == null ? void 0 : U.override.items;
+        return M ? Object.entries(M).reduce((N, [O, Y]) => {
+          const R = Y.find((se) => !se.combinationKey);
+          return R && (N[O] = R), N;
+        }, {}) : {};
+      }
+      return ((o.value ? (T = a.currentScheduler) == null ? void 0 : T.items : (K = ($ = a.currentCatalog) == null ? void 0 : $.override.scheduler[a.state.currentSchedulerId]) == null ? void 0 : K.items) ?? []).reduce((M, N) => (N.combinationKey || (M[N._id] = N), M), {});
+    }), k = V({}), L = V({}), ee = async () => {
+      var K, M;
+      b.value = !0;
+      const D = !!y.value, U = me.flatten(H.value.map((N) => N.items)), T = D && p.value ? await kt(
+        a.mergedMenu,
+        U,
+        a.state.menu,
+        (K = a.currentCatalog) == null ? void 0 : K._id,
+        (M = a.currentScheduler) == null ? void 0 : M._id,
+        !1
+      ) : void 0, $ = U.reduce((N, O, Y) => {
+        var se, de, fe, ge;
+        const R = (se = y.value) == null ? void 0 : se[O._id];
+        return N[O._id] = {
+          _id: O._id,
+          name: O.name,
+          code: D ? R == null ? void 0 : R.code : O == null ? void 0 : O.code,
+          category: O.category,
+          additionalCategories: O.additionalCategories,
+          price: D && s.value.editPrice ? R == null ? void 0 : R.price : O.price,
+          orderFrom: D ? R == null ? void 0 : R.orderFrom : O.orderFrom,
+          taxes: D ? null : O.taxes,
+          thumbnail: O.thumbnail,
+          fallbackPrice: (de = T == null ? void 0 : T[Y]) == null ? void 0 : de.price,
+          fallbackName: D ? 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: D ? O.taxes : null
+        }, N;
+      }, {});
+      k.value = $, L.value = { ...$ }, b.value = !1;
+    }, { categories: S, selectedCategories: H } = Ce(), W = V(null);
+    function te() {
+      W.value && W.value.toggleAttributeFilter();
+    }
+    Je(async () => {
+      H.value && await ee();
+    });
+    function ce() {
+      l.create(null);
+    }
+    const G = () => {
+      H.value && ee();
+    }, { t: I } = Se();
+    return (D, U) => {
+      const T = B("fm-button");
+      return n(S).length ? (v(), C("div", Xl, [
+        g("div", ea, [
+          g("div", ta, [
+            n(H) ? (v(), P(Zl, {
+              key: 0,
+              ref_key: "productTableRef",
+              ref: W,
+              "is-calculating": b.value,
+              "model-value": k.value,
+              "original-value": L.value,
+              "onUpdate:modelValue": U[0] || (U[0] = ($) => k.value = $),
+              "onReset:modelValue": G,
+              "onUpdate:editing": U[1] || (U[1] = ($) => p.value = $)
+            }, {
+              filter: A(() => [
+                m(Ge, { onToggleAttributeFilter: te }),
+                s.value.multiScheduler ? (v(), P(Ee, { key: 0 })) : z("", !0)
+              ]),
+              _: 1
+            }, 8, ["is-calculating", "model-value", "original-value"])) : z("", !0)
+          ])
+        ])
+      ])) : (v(), C("div", la, [
+        g("div", aa, [
+          m(Ge),
+          s.value.multiScheduler ? (v(), P(Ee, { key: 0 })) : z("", !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: U[2] || (U[2] = ($) => n(i).applyProduct($.map((K) => K._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: U[3] || (U[3] = ($) => n(u).applyProduct($.map((K) => K._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
+};