@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/Product.vue_vue_type_script_setup_true_lang-BHCihe6o.js

@@ -0,0 +1,826 @@
+import { ref as A, computed as b, defineComponent as ce, resolveComponent as Y, openBlock as v, createBlock as G, withCtx as M, createVNode as i, createElementVNode as g, toDisplayString as se, unref as l, createElementBlock as z, Fragment as he, renderList as ze, createTextVNode as Ze, mergeModels as Je, useModel as Qe, renderSlot as _e, watch as pe, h as U, withModifiers as we, createCommentVNode as ue, resolveDynamicComponent as Xe, normalizeStyle as et, normalizeClass as ne, nextTick as tt, watchEffect as lt } from "vue";
+import { u as ye, n as xe, a as Ne, c as ve, z as fe, F as at, A as ot, k as ie, g as nt, B as Ve, i as De } from "./app-t9ONnc0s.js";
+import { _ as Fe } from "./SchedulerSelector.vue_vue_type_script_setup_true_lang-BVAkohGJ.js";
+import { useCoreStore as rt } from "@feedmepos/mf-common";
+import { useSnackbar as je, useDialog as Be, components as oe, FmButtonVariant as W, FmButtonColorThemeVariant as L, useBreakpoints as Ue } from "@feedmepos/ui-library";
+import "vue-router";
+import { u as ge } from "./menu-ETQrtbbU.js";
+import { u as Ae } from "./category-BE33DRqp.js";
+import "./vuedraggable-WU01qJgi.js";
+import { _ as st, a as Ee, u as Ke, c as $e } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-Db0uYw5O.js";
+import { _ as ut } from "./takeaway-RcvqKigG.js";
+import { f as it } from "./currency-JHgYNbTQ.js";
+import { l as be } from "./lodash-VivR_BQ2.js";
+import { u as Re, m as ct } from "./item-CEPx51U1.js";
+import { w as dt } from "./InfoBasic.vue_vue_type_script_setup_true_lang-DxQBDu16.js";
+import { F as mt } from "./object-DEM5FMTB.js";
+import { _ as Te } from "./TextChip.vue_vue_type_script_setup_true_lang-CNp85hoQ.js";
+import { L as Ie } from "./LinkProductSideSheet-BNdFZThd.js";
+function pt(O, c) {
+  const d = A(!0), r = b(() => {
+    var f, y;
+    return !d.value && (!c.value || ((f = c.value) == null ? void 0 : f.length) === ((y = O.value) == null ? void 0 : y.length));
+  }), V = b(() => {
+    var f, y, N, _;
+    return !!((f = c.value) != null && f.length && ((y = c.value) == null ? void 0 : y.length) > 0 && ((N = c.value) == null ? void 0 : N.length) < ((_ = O.value) == null ? void 0 : _.length));
+  });
+  return { allCleared: d, allSelected: r, indeterminate: V, toggleAll: () => {
+    c.value = void 0, d.value = !d.value;
+  }, toggleOption: (f) => {
+    var N, _, E;
+    let y;
+    c.value === void 0 && d.value ? y = [f] : c.value === void 0 && !d.value ? y = (N = O.value.map((T) => T.value)) == null ? void 0 : N.filter((T) => T !== f) : (_ = c.value) != null && _.includes(f) ? y = (E = c.value) == null ? void 0 : E.filter((T) => T !== f) : y = [...c.value || [], f], y.length === 0 ? (c.value = void 0, d.value = !0) : y.length === O.value.length ? (c.value = void 0, d.value = !1) : c.value = y;
+  } };
+}
+const Me = /* @__PURE__ */ ce({
+  __name: "CategorySelector",
+  setup(O) {
+    const c = ye(), { categories: d, selectedCategories: r } = ge(), V = b(() => c.state.currentCategoryIds), n = b(
+      () => d.value.map((w) => ({ label: w.name, value: w.id }))
+    ), { t: H } = xe(), f = b(() => {
+      var w, F, D;
+      return d.value.length === ((w = r.value) == null ? void 0 : w.length) ? H("menu.category.selector.all") : ((F = r.value) == null ? void 0 : F.length) === 1 ? r.value[0].name : `${(D = r.value) == null ? void 0 : D.length}`;
+    }), y = b({
+      get: () => V.value,
+      set: (w) => {
+        c.selectCategory(w);
+      }
+    }), { allCleared: N, allSelected: _, toggleAll: E, toggleOption: T, indeterminate: Z } = pt(n, y);
+    return (w, F) => {
+      const D = Y("FmIcon"), m = Y("FmChip"), q = Y("FmMenuItem"), K = Y("FmMenu");
+      return v(), G(K, { "close-on-click": !1 }, {
+        "menu-button": M(() => [
+          i(m, {
+            label: f.value,
+            class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400"
+          }, {
+            default: M(() => [
+              g("p", null, se(l(H)("menu.category.selector.title", { label: f.value })), 1),
+              i(D, { name: "expand_more" })
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ]),
+        default: M(() => [
+          i(q, {
+            label: "All",
+            "has-checkbox": "",
+            "model-value": l(_),
+            indeterminate: l(Z),
+            onClick: l(E)
+          }, null, 8, ["model-value", "indeterminate", "onClick"]),
+          (v(!0), z(he, null, ze(n.value, (j) => {
+            var ee;
+            return v(), G(q, {
+              key: j.value || "",
+              label: j.label,
+              "has-checkbox": "",
+              "model-value": l(_) || ((ee = y.value) == null ? void 0 : ee.includes(j.value)),
+              onClick: (te) => l(T)(j.value)
+            }, null, 8, ["label", "model-value", "onClick"]);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Oe = (O) => i("div", {
+  class: "flex flex-1 justify-end"
+}, [i("span", null, [O, Ze(" ")])]), vt = /* @__PURE__ */ ce({
+  __name: "CategorySelectorSingle",
+  props: /* @__PURE__ */ Je({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(O) {
+    const c = ye(), d = Qe(O, "modelValue"), r = b(() => c.categories.map((V) => ({
+      label: V.name,
+      value: V._id || null
+    })));
+    return (V, n) => {
+      const H = Y("FmSelect");
+      return v(), G(H, {
+        items: r.value,
+        modelValue: d.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (f) => d.value = f),
+        disabled: V.disabled
+      }, null, 8, ["items", "modelValue", "disabled"]);
+    };
+  }
+}), Pe = /* @__PURE__ */ ce({
+  __name: "ImportButton",
+  setup(O) {
+    const c = A(!1);
+    function d() {
+      c.value = !c.value;
+    }
+    return (r, V) => (v(), z(he, null, [
+      i(st, {
+        modelValue: c.value,
+        "onUpdate:modelValue": V[0] || (V[0] = (n) => c.value = n)
+      }, null, 8, ["modelValue"]),
+      _e(r.$slots, "default", { trigger: d })
+    ], 64));
+  }
+}), ft = {
+  class: "flex justify-between items-center space-x-8"
+}, bt = {
+  class: "flex space-x-8"
+}, gt = {
+  class: "w-[320px]"
+}, yt = {
+  key: 0,
+  class: /* @__PURE__ */ ne(["flex-1 flex flex-col", "divide-y divide-fm-color-neutral-gray-100", "overflow-hidden"])
+}, _t = {
+  key: 0,
+  class: "flex items-center p-4"
+}, ht = {
+  class: /* @__PURE__ */ ne(["mr-8", "fm-typo-en-body-md-400"])
+}, xt = {
+  key: 1,
+  class: "px-16 py-4 space-x-8 flex justify-end"
+}, Ct = {
+  key: 1
+}, kt = {
+  class: "flex space-x-8"
+}, St = {
+  key: 1,
+  class: "pt-8 flex flex-col flex-1 overflow-hidden"
+}, wt = {
+  class: "space-y-8 pb-8"
+}, Vt = {
+  class: "w-full px-8"
+}, Ft = {
+  class: "flex space-x-8 px-8"
+}, $t = {
+  key: 0,
+  class: /* @__PURE__ */ ne(["flex flex-col flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+}, Tt = ["onClick"], It = {
+  class: "min-w-0 flex flex-1 items-start justify-start space-x-16"
+}, Mt = {
+  class: "flex-1 min-w-0"
+}, Ot = {
+  class: "flex justify-between items-center gap-8 pb-4"
+}, Pt = {
+  class: "flex-1 min-w-0 fm-typo-en-body-lg-600 line-clamp-2"
+}, zt = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Nt = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Dt = {
+  key: 1
+}, jt = {
+  class: "flex space-x-8"
+}, Bt = /* @__PURE__ */ ce({
+  __name: "ProductTable",
+  props: {
+    modelValue: {},
+    originalValue: {},
+    isCalculating: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value", "reset:model-value", "update:editing", "update:search-key"],
+  setup(O, {
+    emit: c
+  }) {
+    const d = O, {
+      t: r
+    } = xe(), V = rt(), n = ye();
+    Ee(), Ke();
+    const H = je(), f = Be(), y = Ne(H), N = De(y);
+    Ae({
+      dialog: f,
+      menuLoader: N
+    });
+    const _ = Re();
+    b(() => !n.state.currentSchedulerId);
+    const E = V.currentCountry, T = b(() => E.value ? ve.Country.getCountry(E.value) : null), Z = b(() => n.rules.item);
+    b(() => w.value.length === 1 && w.value[0].id === null);
+    const {
+      selectedCategories: w
+    } = ge(), F = b(() => be.flatten(w.value.map((e) => e.items))), D = c, m = A(!1);
+    pe(() => m.value, (e) => {
+      D("update:editing", e);
+    });
+    const q = (e) => {
+      nt.isBoolean(e) ? m.value = e : m.value = !m.value;
+    }, K = A(""), j = b(() => F.value.filter((e) => {
+      var o;
+      return !K.value || !K.value.trim() ? !0 : `${e.code} ${e.name}  ${Ce(e)} ${te(e.category || null)} ${(o = fe()[e.orderFrom]) == null ? void 0 : o.label}`.toLowerCase().includes(K.value.toLowerCase());
+    })), {
+      categories: ee
+    } = ge(), te = (e) => {
+      const t = ee.value.find((o) => o.id === e || e === null && o.id === "");
+      return t == null ? void 0 : t.name;
+    }, re = (e, t, o) => {
+      let a = be.clone(d.modelValue);
+      const u = a[e];
+      u && (a[e] = {
+        ...u,
+        [t]: o
+      }, D("update:model-value", a));
+    }, I = be.debounce(re, 300), R = (e) => (t) => !!t || r("menu.product.table.validation.name_required", {
+      field: e
+    }), k = (e) => e >= 0 || r("menu.product.table.validation.price_min"), S = [R("Name")], h = () => [(e) => k(typeof e == "number" ? e : Number(e) ?? 0)], P = fe(), B = A([{
+      accessorKey: "thumbnail",
+      header: "",
+      size: 64,
+      meta: {
+        cellClass: "px-0",
+        headerContentClass: "px-0"
+      },
+      cell: (e) => {
+        var t, o;
+        return U($e, {
+          src: e.getValue(),
+          alt: (o = (t = e == null ? void 0 : e.row) == null ? void 0 : t.original) == null ? void 0 : o.name,
+          className: "my-8 mx-12",
+          size: 72
+        });
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "code",
+      header: () => r("menu.product.table.columns.code"),
+      enableSorting: !1,
+      size: 100,
+      cell: (e) => {
+        const t = e.row.original, o = e.getValue() || "--";
+        if (!m.value) return o;
+        const a = ke(t._id);
+        return U(oe.FmTextField, {
+          disabled: !Z.value.code,
+          modelValue: a == null ? void 0 : a.code,
+          placeholder: d.modelValue[t._id].fallbackCode,
+          "onUpdate:modelValue": (u) => {
+            I(t._id, "code", u);
+          }
+        });
+      }
+    }, {
+      accessorKey: "name",
+      header: () => r("menu.product.table.columns.name"),
+      enableSorting: !1,
+      size: 240,
+      cell: (e) => {
+        const t = e.row.original, o = e.getValue();
+        return m.value ? U(oe.FmTextField, {
+          disabled: !Z.value.name,
+          modelValue: t.name,
+          "onUpdate:modelValue": (a) => {
+            I(t._id, "name", a);
+          },
+          rules: S,
+          placeholder: t.fallbackName
+        }) : o;
+      }
+    }, {
+      accessorKey: "price",
+      header: () => {
+        var e;
+        return Oe(r("menu.product.table.columns.price", {
+          currency: (e = T.value) == null ? void 0 : e.currency.symbol
+        }));
+      },
+      enableSorting: !1,
+      size: 140,
+      meta: {
+        textAlign: "right"
+      },
+      cell: (e) => {
+        var u;
+        const t = e.getValue();
+        if (!m.value) return ve.Dinero.fromFdoDinero(t).toFormat();
+        const o = d.modelValue[e.row.original._id], a = o.fallbackPrice;
+        return U(ut, {
+          min: 0,
+          disabled: !o.editPrice,
+          // @ts-ignore
+          placeholder: a ? it(a, !1) : void 0,
+          modelValue: (u = ke(o._id)) == null ? void 0 : u.price,
+          // @ts-ignore
+          "onUpdate:modelValue": (C) => {
+            re(o._id, "price", C);
+          },
+          rules: h()
+        });
+      }
+    }, {
+      accessorKey: "taxes",
+      header: () => Oe("SST"),
+      size: 62,
+      enableSorting: !1,
+      meta: {
+        textAlign: "right"
+      },
+      cell: (e) => {
+        const t = e.getValue(), o = e.row.original, a = n.taxSetting.countryTaxOptions, u = n.getSelectedTax(t, o.fallbackTaxes, n.taxSetting.countryTaxOptions), C = a.find((X) => X.value === u);
+        if (!m.value)
+          return `${C != null && C.meta.rate ? at(C.meta.rate) : 0}%`;
+        const s = n.getSelectedTax(t, o.fallbackTaxes, n.taxSetting.countryTaxOptions);
+        return U(oe.FmSelect, {
+          disabled: !Z.value.tax,
+          items: n.taxSetting.countryTaxOptions,
+          modelValue: s,
+          "onUpdate:modelValue": async (X) => {
+            const me = n.decodeTax(X);
+            I(o._id, "taxes", [me]);
+          }
+        });
+      }
+    }, {
+      accessorKey: "category",
+      header: () => r("menu.product.table.columns.category"),
+      enableSorting: !1,
+      size: 140,
+      cell: (e) => {
+        const t = e.row.original;
+        return m.value ? U(vt, {
+          "model-value": d.modelValue[t._id].category,
+          disabled: !!(n.state.currentCatalogId || n.state.currentSchedulerId),
+          "onUpdate:modelValue": async (o) => {
+            I(t._id, "category", o);
+          }
+        }) : te(t.category || null);
+      }
+    }, {
+      accessorKey: "orderFrom",
+      header: r("menu.product.table.columns.order_from"),
+      enableSorting: !0,
+      sortingFn: (e, t) => {
+        const [o, a] = [e, t].map((u) => P[u.original.orderFrom].sortingIndex);
+        return o - a;
+      },
+      size: 100,
+      cell: (e) => {
+        var u, C;
+        const t = e.getValue(), o = e.row.original, a = fe();
+        return m.value ? U(oe.FmSelect, {
+          disabled: !Z.value.orderFrom,
+          items: Object.values(fe()),
+          modelValue: t,
+          "onUpdate:modelValue": async (s) => {
+            re(o._id, "orderFrom", s);
+          }
+        }) : U(Te, {
+          label: (u = a[t]) == null ? void 0 : u.label,
+          variant: (C = a[t]) == null ? void 0 : C.variant
+        });
+      }
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerClass: "py-4",
+        textAlign: "right"
+      },
+      header: () => U("div", {
+        class: "w-full px-4 flex justify-end"
+      }, [dt(U(oe.FmButton, {
+        variant: W.Tertiary,
+        textColor: L.NeutralGray400,
+        prependIcon: "edit",
+        class: "flex justify-end",
+        onClick: q,
+        type: "button"
+      }), "Bulk edit")]),
+      cell: (e) => {
+        const t = e.row.original;
+        return U("div", {
+          class: "px-4 flex justify-end"
+        }, [U(oe.FmButton, {
+          icon: "delete",
+          variant: "tertiary",
+          textColor: L.NeutralGray400,
+          onClick: we(async () => {
+            await _.deleteItem([{
+              _id: t._id,
+              name: t.name,
+              thumbnail: t.thumbnail
+            }]);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    n.taxSetting.systemCode || B.value.splice(4, 1);
+    const x = A({}), p = A([]);
+    pe(() => x.value, (e) => {
+      let t = [];
+      Object.keys(e).forEach((o) => {
+        e[o] ? t.push(F.value[parseInt(o)]) : p.value = t.filter((u) => u !== F.value[parseInt(o)]);
+      }), p.value = t;
+    }), pe(() => F.value, () => {
+      x.value = {}, p.value = [];
+    }), pe(() => m.value, () => {
+      x.value = {}, p.value = [];
+    });
+    const J = () => {
+      x.value = {};
+    };
+    async function $() {
+      await tt();
+      const e = () => !!n.currentCatalog || !!n.state.currentSchedulerId, t = (a) => a === "" || a === null ? e() ? "" : null : a, o = Object.values(d.modelValue).filter((a) => {
+        const u = Object.values(d.originalValue).find((C) => C._id === a._id);
+        return Ve(u, a);
+      }).map((a) => ({
+        _id: a._id,
+        name: a.name,
+        code: a.code,
+        price: a.price,
+        orderFrom: a.orderFrom ?? null,
+        taxes: a.taxes,
+        category: t(a.category || null)
+      }));
+      await _.updateMany(o), q(!1);
+    }
+    const le = async () => {
+      await _.deleteItem(p.value.map((e) => ({
+        _id: e._id,
+        name: e.name,
+        thumbnail: e.thumbnail
+      })));
+    }, Q = () => {
+      D("reset:model-value");
+    }, ae = () => {
+      Object.entries(d.modelValue).some(([t, o]) => Ve(o, d.originalValue[t])) ? f.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: W.Destructive
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => {
+        Q(), q(!1);
+      }) : (q(!1), Q());
+    }, de = b(() => ({
+      thumbnail: !m.value,
+      actions: !m.value
+    })), Le = (e) => {
+      _.update(e._id);
+    };
+    async function Ge(e) {
+      await _.update(e.original._id);
+    }
+    function Ce(e) {
+      var C;
+      const t = e.price ?? // TODO: fix type error
+      // @ts-ignore
+      e.fallbackPrice ?? ve.Dinero.fromNumber({
+        number: 0
+      }).toObject(), o = e.taxes;
+      n.taxSetting.countryTaxOptions;
+      const a = ve.Dinero.fromFdoDinero(t).toFormat(), u = (C = T.value) == null ? void 0 : C.currency.symbol;
+      return n.getSelectedTax(
+        o,
+        // TODO: fix type error
+        // @ts-ignore
+        e.fallbackTaxes,
+        n.taxSetting.countryTaxOptions
+      ), `${u == null ? void 0 : u.toUpperCase()}${a}`;
+    }
+    function ke(e) {
+      var a;
+      const t = n.currentCatalog, o = n.state.currentSchedulerId;
+      if (t && o) {
+        const u = t.override.scheduler[o] ?? {
+          _id: o
+        };
+        return ((a = u == null ? void 0 : u.items) == null ? void 0 : a.filter((s) => s._id === e))[0];
+      } else return t ? t.override.items[e][0] : o ? n.schedulers.find((s) => s._id === o).items.filter((s) => s._id === e)[0] : F.value.find((u) => u._id === e);
+    }
+    const qe = Ue(), We = b(() => qe.breakpoints.value.xs), Se = A(null), Ye = ot(Se), He = b(() => {
+      var t;
+      return {
+        height: `calc(100vh - ${((t = Ye.value) == null ? void 0 : t.top) + 24}px)`
+      };
+    });
+    return (e, t) => {
+      const o = Y("fm-search"), a = Y("fm-button"), u = Y("fm-table"), C = Y("fm-form");
+      return We.value ? (v(), z("div", St, [g("div", wt, [g("div", Vt, [i(o, {
+        "model-value": K.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (s) => K.value = s),
+        autofocus: "",
+        placeholder: l(r)("menu.product.table.search.placeholder")
+      }, null, 8, ["model-value", "placeholder"])]), t[6] || (t[6] = g("div", {
+        class: "w-full h-[1px] bg-fm-color-neutral-gray-100"
+      }, null, -1)), g("div", Ft, [_e(e.$slots, "filter")])]), F.value.length ? (v(), z("div", $t, [(v(!0), z(he, null, ze(j.value, (s) => {
+        var X, me;
+        return v(), z("div", {
+          key: s._id,
+          class: "max-w-full py-12 px-16 space-x-16 flex items-center",
+          onClick: () => Le(s)
+        }, [g("div", It, [i($e, {
+          alt: s.name,
+          size: 72,
+          src: s.thumbnail
+        }, null, 8, ["alt", "src"]), g("div", Mt, [g("div", Ot, [g("p", Pt, se(s.name), 1), i(Te, {
+          label: (X = l(P)[s.orderFrom || ""]) == null ? void 0 : X.label,
+          variant: (me = l(P)[s.orderFrom || ""]) == null ? void 0 : me.variant
+        }, null, 8, ["label", "variant"])]), g("p", zt, se(Ce(s)), 1), g("p", Nt, " Category: " + se(te(s.category || null)), 1)])]), i(a, {
+          "text-color": l(L).NeutralGray400,
+          variant: l(W).Tertiary,
+          "prepend-icon": "delete",
+          onClick: we(() => l(_).deleteItem([{
+            _id: s._id,
+            name: s.name,
+            thumbnail: s.thumbnail
+          }]), ["stop"])
+        }, null, 8, ["text-color", "variant", "onClick"])], 8, Tt);
+      }), 128))])) : (v(), z("div", Dt, [i(ie, {
+        subtitle: l(r)("menu.product.table.empty.subtitle"),
+        title: l(r)("menu.product.table.empty.title")
+      }, {
+        action: M(() => [g("div", jt, [i(a, {
+          variant: l(W).Primary,
+          label: l(r)("menu.product.table.empty.actions.add"),
+          "prepend-icon": "add",
+          onClick: t[5] || (t[5] = (s) => l(_).create(null))
+        }, null, 8, ["variant", "label"]), i(Pe, null, {
+          default: M(({
+            trigger: s
+          }) => [i(a, {
+            "bg-color": l(L).NeutralGray100,
+            "text-color": l(L).NeutralGray400,
+            variant: l(W).Primary,
+            label: l(r)("menu.product.table.empty.actions.import"),
+            "prepend-icon": "download",
+            onClick: s
+          }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])]),
+          _: 1
+        })])]),
+        _: 1
+      }, 8, ["subtitle", "title"])]))])) : (v(), G(C, {
+        key: 0,
+        "blame-form-child-on-validation-failed": "",
+        class: "flex flex-col flex-1 space-y-8 overflow-hidden",
+        onValidationSuccess: $
+      }, {
+        default: M(() => [g("div", ft, [g("div", bt, [_e(e.$slots, "filter")]), g("div", gt, [i(o, {
+          "model-value": K.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => K.value = s),
+          autofocus: "",
+          placeholder: l(r)("menu.product.table.search.placeholder")
+        }, null, 8, ["model-value", "placeholder"])])]), F.value.length ? (v(), z("div", yt, [p.value.length && !m.value ? (v(), z("div", _t, [g("p", ht, se(l(r)("menu.product.table.selection.count", {
+          count: p.value.length
+        })), 1), i(a, {
+          label: l(r)("menu.product.table.selection.actions.deselect_all"),
+          type: "button",
+          variant: "plain",
+          onClick: J
+        }, null, 8, ["label"]), i(a, {
+          "border-color": l(L).SystemError300,
+          "text-color": l(L).SystemError300,
+          class: "ml-auto",
+          label: l(r)("menu.product.table.selection.actions.remove"),
+          "prepend-icon": "delete",
+          variant: "secondary",
+          onClick: le
+        }, null, 8, ["border-color", "text-color", "label"])])) : ue("", !0), m.value ? (v(), z("div", xt, [i(a, {
+          variant: l(W).Tertiary,
+          label: l(r)("menu.product.table.bulk_edit.actions.reset_all"),
+          onClick: Q
+        }, null, 8, ["variant", "label"]), i(a, {
+          variant: l(W).Tertiary,
+          label: l(r)("menu.common.actions.cancel"),
+          onClick: ae
+        }, null, 8, ["variant", "label"]), i(a, {
+          borderColor: l(L).ColorPrimary,
+          textColor: l(L).ColorPrimary,
+          variant: l(W).Secondary,
+          label: l(r)("menu.product.table.bulk_edit.actions.save"),
+          type: "submit"
+        }, null, 8, ["borderColor", "textColor", "variant", "label"])])) : ue("", !0), g("div", {
+          ref_key: "tableWrapper",
+          ref: Se
+        }, [(v(), G(Xe(m.value ? mt : "div"), {
+          title: l(r)("menu.product.table.bulk_edit.title"),
+          show: m.value,
+          "primary-action": {
+            label: l(r)("menu.product.table.bulk_edit.actions.save")
+          },
+          "secondary-actions": [{
+            label: l(r)("menu.product.table.bulk_edit.actions.reset_all"),
+            click: Q
+          }, {
+            label: l(r)("menu.common.actions.cancel"),
+            click: ae
+          }],
+          class: "overflow-hidden",
+          style: et(He.value),
+          onOnPrimary: $,
+          onOnCancel: ae
+        }, {
+          default: M(() => [i(u, {
+            class: ne({
+              "mt-24": m.value
+            }),
+            modelValue: x.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (s) => x.value = s),
+            "column-defs": B.value,
+            "column-visibility": de.value,
+            loading: e.isCalculating,
+            "page-size": F.value.length,
+            "row-data": j.value,
+            selection: m.value ? void 0 : "multiple",
+            "shrink-at": !1,
+            "hide-footer": "",
+            "pin-header-row": "",
+            onRowClick: t[2] || (t[2] = (s) => m.value ? void 0 : Ge(s))
+          }, null, 8, ["class", "modelValue", "column-defs", "column-visibility", "loading", "page-size", "row-data", "selection"])]),
+          _: 1
+        }, 40, ["title", "show", "primary-action", "secondary-actions", "style"]))], 512)])) : (v(), z("div", Ct, [i(ie, {
+          subtitle: l(r)("menu.product.table.empty.subtitle"),
+          title: l(r)("menu.product.table.empty.title")
+        }, {
+          action: M(() => [g("div", kt, [i(a, {
+            variant: l(W).Primary,
+            label: l(r)("menu.product.table.empty.actions.add"),
+            "prepend-icon": "add",
+            onClick: t[3] || (t[3] = (s) => l(_).create(null))
+          }, null, 8, ["variant", "label"]), i(Pe, null, {
+            default: M(({
+              trigger: s
+            }) => [i(a, {
+              "bg-color": l(L).NeutralGray100,
+              "text-color": l(L).NeutralGray400,
+              variant: l(W).Primary,
+              label: l(r)("menu.product.table.empty.actions.import"),
+              "prepend-icon": "download",
+              onClick: s
+            }, null, 8, ["bg-color", "text-color", "variant", "label", "onClick"])]),
+            _: 1
+          })])]),
+          _: 1
+        }, 8, ["subtitle", "title"])]))]),
+        _: 3
+      }));
+    };
+  }
+}), Ut = {
+  key: 0,
+  class: /* @__PURE__ */ ne(["flex flex-col", "flex-1", "overflow-hidden"])
+}, At = {
+  class: /* @__PURE__ */ ne(["pt-16 xs:pt-0", "flex xs:flex-col", "flex-1", "w-full", "overflow-hidden"])
+}, Et = { class: "flex flex-col flex-1 overflow-hidden" }, Kt = {
+  key: 1,
+  class: "pt-16 xs:pt-8 space-y-24"
+}, Rt = { class: "flex items-center gap-8 px-16" }, ul = /* @__PURE__ */ ce({
+  __name: "Product",
+  setup(O) {
+    const c = Be(), d = je(), r = Ne(d), V = De(r);
+    Ae({
+      dialog: c,
+      menuLoader: V
+    });
+    const n = ye(), H = b(() => n.rules.item), f = Ee(), y = Re(), N = Ke(), _ = b(() => !n.state.currentCatalogId), E = b(() => n.rules.item), T = b(() => !n.state.currentSchedulerId), Z = A(!1), w = A(!1), F = b(() => {
+      var k, S, h, P;
+      if (_.value && T.value) return;
+      if (T.value) {
+        const B = (k = n.currentCatalog) == null ? void 0 : k.override.items;
+        return B ? Object.entries(B).reduce((x, [p, J]) => {
+          const $ = J.find((le) => !le.combinationKey);
+          return $ && (x[p] = $), x;
+        }, {}) : {};
+      }
+      return ((_.value ? (S = n.currentScheduler) == null ? void 0 : S.items : (P = (h = n.currentCatalog) == null ? void 0 : h.override.scheduler[n.state.currentSchedulerId]) == null ? void 0 : P.items) ?? []).reduce((B, x) => (x.combinationKey || (B[x._id] = x), B), {});
+    }), D = A({}), m = A({}), q = async () => {
+      var P, B;
+      w.value = !0;
+      const R = !!F.value, k = be.flatten(j.value.map((x) => x.items)), S = R && Z.value ? await ct(
+        n.mergedMenu,
+        k,
+        n.state.menu,
+        (P = n.currentCatalog) == null ? void 0 : P._id,
+        (B = n.currentScheduler) == null ? void 0 : B._id,
+        !1
+      ) : void 0, h = k.reduce((x, p, J) => {
+        var le, Q, ae, de;
+        const $ = (le = F.value) == null ? void 0 : le[p._id];
+        return x[p._id] = {
+          _id: p._id,
+          name: p.name,
+          code: R ? $ == null ? void 0 : $.code : p == null ? void 0 : p.code,
+          category: p.category,
+          price: R && E.value.editPrice ? $ == null ? void 0 : $.price : p.price,
+          orderFrom: R ? $ == null ? void 0 : $.orderFrom : p.orderFrom,
+          taxes: R ? null : p.taxes,
+          thumbnail: p.thumbnail,
+          fallbackPrice: (Q = S == null ? void 0 : S[J]) == null ? void 0 : Q.price,
+          fallbackName: R ? p.name : void 0,
+          fallbackCode: (ae = S == null ? void 0 : S[J]) == null ? void 0 : ae.code,
+          fallbackOrder: (de = S == null ? void 0 : S[J]) == null ? void 0 : de.orderFrom,
+          fallbackTaxes: R ? p.taxes : null
+        }, x;
+      }, {});
+      D.value = h, m.value = { ...h }, w.value = !1;
+    }, { categories: K, selectedCategories: j } = ge();
+    lt(async () => {
+      j.value && await q();
+    });
+    function ee() {
+      y.create(null);
+    }
+    const te = () => {
+      j.value && q();
+    }, re = Ue();
+    b(() => re.breakpoints.value.xs);
+    const { t: I } = xe();
+    return (R, k) => {
+      const S = Y("fm-button");
+      return l(K).length ? (v(), z("div", Ut, [
+        g("div", At, [
+          g("div", Et, [
+            l(j) ? (v(), G(Bt, {
+              key: 0,
+              "is-calculating": w.value,
+              "model-value": D.value,
+              "original-value": m.value,
+              "onUpdate:modelValue": k[0] || (k[0] = (h) => D.value = h),
+              "onReset:modelValue": te,
+              "onUpdate:editing": k[1] || (k[1] = (h) => Z.value = h)
+            }, {
+              filter: M(() => [
+                i(Me),
+                E.value.multiScheduler ? (v(), G(Fe, { key: 0 })) : ue("", !0)
+              ]),
+              _: 1
+            }, 8, ["is-calculating", "model-value", "original-value"])) : ue("", !0)
+          ])
+        ])
+      ])) : (v(), z("div", Kt, [
+        g("div", Rt, [
+          i(Me),
+          E.value.multiScheduler ? (v(), G(Fe, { key: 0 })) : ue("", !0)
+        ]),
+        H.value.create ? (v(), G(ie, {
+          key: 0,
+          action: {
+            text: l(I)("menu.product.empty.with_create.action"),
+            callback: ee
+          },
+          subtitle: l(I)("menu.product.empty.with_create.subtitle"),
+          title: l(I)("menu.product.empty.with_create.title")
+        }, null, 8, ["action", "subtitle", "title"])) : T.value ? (v(), G(ie, {
+          key: 1,
+          subtitle: l(I)("menu.product.empty.no_scheduler.subtitle"),
+          title: l(I)("menu.product.empty.no_scheduler.title")
+        }, {
+          action: M(() => [
+            i(Ie, {
+              "categorized-items": l(N).linkableItems,
+              "initial-value": l(N).currentItems,
+              "show-variant": !1,
+              onSubmit: k[2] || (k[2] = (h) => l(N).applyProduct(h.map((P) => P._id)))
+            }, {
+              default: M(({ trigger: h }) => [
+                i(S, {
+                  label: l(I)("menu.common.actions.link_product"),
+                  "prepend-icon": "link",
+                  onClick: h
+                }, null, 8, ["label", "onClick"])
+              ]),
+              _: 1
+            }, 8, ["categorized-items", "initial-value"])
+          ]),
+          _: 1
+        }, 8, ["subtitle", "title"])) : (v(), G(ie, {
+          key: 2,
+          subtitle: l(I)("menu.product.empty.with_scheduler.subtitle"),
+          title: l(I)("menu.product.empty.with_scheduler.title")
+        }, {
+          action: M(() => [
+            i(Ie, {
+              "categorized-items": l(f).linkableItems,
+              "initial-value": l(f).currentItems,
+              "show-variant": !1,
+              onSubmit: k[3] || (k[3] = (h) => l(f).applyProduct(h.map((P) => P._id)))
+            }, {
+              default: M(({ trigger: h }) => [
+                i(S, {
+                  label: l(I)("menu.common.actions.apply_product"),
+                  onClick: h
+                }, null, 8, ["label", "onClick"])
+              ]),
+              _: 1
+            }, 8, ["categorized-items", "initial-value"])
+          ]),
+          _: 1
+        }, 8, ["subtitle", "title"]))
+      ]));
+    };
+  }
+});
+export {
+  ul as _,
+  Pe as a
+};