@feedmepos/mf-menu 0.31.33 → 0.31.34-alpha

package/dist/Product.vue_vue_type_script_setup_true_lang-DUtGVRCH.js

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