@feedmepos/mf-menu 0.32.53 → 0.32.54-dev

package/dist/Product.vue_vue_type_script_setup_true_lang-DqCAzLTO.js

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