@feedmepos/mf-menu 0.19.12 → 0.19.13

package/dist/Product.vue_vue_type_script_setup_true_lang-D5gHIGvK.js

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