@feedmepos/mf-menu 0.31.33-beta.1 → 0.31.33-beta.6

package/dist/Product.vue_vue_type_script_setup_true_lang-BCQd-ks4.js

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