@feedmepos/mf-menu 0.32.37 → 0.32.38

package/dist/Subcategory-BWZdguIR.js

@@ -0,0 +1,345 @@
+import { defineComponent as I, ref as h, computed as k, watch as ae, resolveComponent as x, createElementBlock as C, openBlock as f, Fragment as j, renderSlot as oe, createVNode as d, unref as n, withCtx as y, createElementVNode as c, renderList as Q, toDisplayString as T, h as M, withModifiers as G, getCurrentInstance as te, createBlock as O, createCommentVNode as ne } from "vue";
+import { useI18n as z } from "@feedmepos/mf-common";
+import { useSnackbar as R, components as H, useDialog as W, FmButtonVariant as J, useBreakpoints as le, FmButtonColorThemeVariant as se } from "@feedmepos/ui-library";
+import { _ as ie } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { G as P, u as Y, Q as K, M as X, A as Z, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-CZJpW7cW.js";
+import { _ as ce } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as ue } from "./app-BVB_5Ks2.js";
+import { c as me } from "./createForm-BoUQeZTd.js";
+import { u as de } from "./discardConfirm-BHni0LNu.js";
+import { c as q } from "./object-DVUNCr7w.js";
+import { r as pe, u as ee } from "./rules-Av0lxCL-.js";
+import { _ as _e } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-DiGAs3Gd.js";
+import { c as fe } from "./check-C9mY6LiX.js";
+import { g as A } from "./translation-BeqjfyEb.js";
+import { a as ve } from "./menu-CoqhBDql.js";
+const ge = {
+  class: "fm-typo-en-title-md-600"
+}, ye = {
+  class: "flex flex-col gap-32 h-full min-h-0 py-16"
+}, be = {
+  class: "py-12 px-16 space-y-4"
+}, he = {
+  class: "flex gap-8 items-center justify-start"
+}, xe = /* @__PURE__ */ I({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(D, {
+    expose: V
+  }) {
+    const b = D, $ = R(), w = P($), S = K(w), p = Y(), {
+      t: l
+    } = z(), F = h(!1), t = h(!1), L = h(!1), u = h(void 0), E = (e) => {
+      fe.isBoolean(e) ? t.value = e : t.value = !t.value;
+    }, i = h(q(b.initialValue)), N = k(() => !!i.value.name), U = k(() => {
+      var o;
+      const e = [], a = "en-US", m = (o = u.value) == null ? void 0 : o[a];
+      return i.value.name && !m && e.push({
+        locale: a,
+        name: i.value.name,
+        localeDisplay: A(a)
+      }), u.value && Object.entries(u.value).filter(([_, v]) => v && v.trim()).sort(([_], [v]) => _.localeCompare(v)).forEach(([_, v]) => {
+        e.push({
+          locale: _,
+          name: v,
+          localeDisplay: A(_)
+        });
+      }), e;
+    });
+    function B(e) {
+      u.value = e;
+    }
+    const s = de(() => {
+      const e = p.subcategories.find((v) => v._id === i.value._id), a = i.value.name !== (e == null ? void 0 : e.name), m = (e == null ? void 0 : e.name_locale) || {}, o = u.value || {}, _ = JSON.stringify(m) !== JSON.stringify(o);
+      return a || _;
+    }, () => {
+      t.value = !1;
+    });
+    async function r() {
+      const e = p.subcategories.find((m) => m._id === i.value._id), {
+        updateMenu: a
+      } = S;
+      await a({
+        module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
+        operation: X.F_OPERATION_TYPE.update,
+        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
+        data: {
+          ...e,
+          name: i.value.name ?? (e == null ? void 0 : e.name),
+          ...u.value && {
+            name_locale: u.value
+          }
+        }
+      }, i.value.name), E(!1);
+    }
+    return ae(() => t.value, () => {
+      if (!t.value) return;
+      i.value = q(b.initialValue);
+      const e = p.subcategories.find((a) => a._id === i.value._id);
+      u.value = e == null ? void 0 : e.name_locale;
+    }), V({
+      trigger: E,
+      show: t
+    }), (e, a) => {
+      const m = x("fm-button"), o = x("FmTooltip"), _ = x("FmTextField"), v = x("fm-side-sheet");
+      return f(), C(j, null, [oe(e.$slots, "default", {
+        trigger: E
+      }), d(v, {
+        id: "group-form",
+        modelValue: t.value,
+        "onUpdate:modelValue": a[3] || (a[3] = (g) => t.value = g),
+        "is-container": n(H).FmForm,
+        "is-container-props": {
+          onValidationSuccess: r,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 560,
+        "onOn:clickedAway": n(s)
+      }, {
+        "side-sheet-header": y(() => [c("p", ge, T(n(l)("menu.subcategory.title")), 1)]),
+        "side-sheet-footer": y(() => [c("div", he, [d(m, {
+          label: n(l)("menu.common.actions.update"),
+          loading: F.value,
+          size: "lg",
+          type: "submit",
+          variant: "primary",
+          disabled: !i.value._id
+        }, null, 8, ["label", "loading", "disabled"]), d(m, {
+          label: n(l)("menu.common.actions.cancel"),
+          size: "lg",
+          variant: "tertiary",
+          onClick: a[2] || (a[2] = () => t.value = !1)
+        }, null, 8, ["label"])])]),
+        default: y(() => [c("div", ye, [d(_, {
+          label: n(l)("menu.subcategory.name"),
+          modelValue: i.value.name,
+          "onUpdate:modelValue": a[1] || (a[1] = (g) => i.value.name = g),
+          disabled: !i.value._id,
+          rules: [n(pe)]
+        }, {
+          append: y(() => [d(o, {
+            variant: "plain",
+            placement: "top",
+            "z-index": 999
+          }, {
+            content: y(() => [c("div", be, [(f(!0), C(j, null, Q(U.value, (g) => (f(), C("div", {
+              key: g.locale
+            }, T(g.name) + " (" + T(g.localeDisplay) + ") ", 1))), 128))])]),
+            default: y(() => [d(m, {
+              variant: "tertiary",
+              icon: "g_translate",
+              onClick: a[0] || (a[0] = (g) => L.value = !0),
+              disabled: !N.value
+            }, null, 8, ["disabled"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["label", "modelValue", "disabled", "rules"])])]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]), d(_e, {
+        modelValue: L.value,
+        "onUpdate:modelValue": a[4] || (a[4] = (g) => L.value = g),
+        title: n(l)("menu.subcategory.title"),
+        name: i.value.name,
+        "name-locale": u.value,
+        "onUpdate:nameLocale": B
+      }, null, 8, ["modelValue", "title", "name", "name-locale"])], 64);
+    };
+  }
+}), Ce = xe, ke = {
+  key: 0
+}, Ve = {
+  class: "flex justify-end items-center"
+}, we = {
+  class: "w-[320px]"
+}, Fe = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+}, Le = {
+  class: "p-8"
+}, $e = {
+  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Se = ["onClick"], Ee = {
+  class: "flex-1 space-y-4"
+}, Me = {
+  class: "fm-typo-en-body-lg-600"
+}, Te = /* @__PURE__ */ I({
+  __name: "SubcategoryTable",
+  setup(D) {
+    const V = W(), b = R(), $ = P(b), w = K($), S = ee({
+      dialog: V,
+      menuLoader: w
+    }), p = k(() => Y().subcategories), l = h(""), F = k(() => p.value.filter((s) => s.name.toLowerCase().includes(l.value.toLowerCase()))), {
+      t
+    } = z(), L = h([{
+      accessorKey: "name",
+      header: () => t("menu.subcategory.columns.title"),
+      enableSorting: !1,
+      meta: {
+        width: "auto"
+      },
+      cell: (s) => {
+        const r = s.row.original, e = s.getValue(), m = Object.keys(r.name_locale ?? {}).map((o) => A(o));
+        return M("div", {
+          class: "flex items-center gap-8"
+        }, [M("span", {
+          class: "break-all"
+        }, e), ...m.map((o) => M("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, o))]);
+      }
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      header: "",
+      cell: (s) => {
+        const r = s.row.original;
+        return M("div", {
+          class: "flex justify-end"
+        }, [M(H.FmButton, {
+          icon: "delete",
+          disabled: !r._id,
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          onClick: G(async () => {
+            await u(r);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    async function u(s) {
+      if (!s._id) {
+        b.open({
+          message: t("menu.subcategory.dialog.remove.error"),
+          type: "warning"
+        });
+        return;
+      }
+      V.open({
+        title: t("menu.subcategory.dialog.remove.title"),
+        message: t("menu.common.dialog.remove_confirmation", {
+          name: s.name
+        }),
+        primaryActions: {
+          text: "Remove",
+          close: !0,
+          variant: J.Destructive
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await w.updateMenu({
+          module: Z.F_MENU_MODULE_V4_KEY.enum.subCategory,
+          operation: X.F_OPERATION_TYPE.delete,
+          data: s._id
+        }, s.name, !0);
+      });
+    }
+    async function E(s) {
+      const r = s.map((e) => e._id).filter((e) => !!e);
+      await S.rearrange(r);
+    }
+    const i = te();
+    async function N(s) {
+      me(i, Ce, {
+        initialValue: s
+      });
+    }
+    const U = le(), B = k(() => U.breakpoints.value.xs);
+    return (s, r) => {
+      const e = x("FmSearch"), a = x("FmTable"), m = x("FmButton");
+      return B.value ? (f(), C("div", Fe, [c("div", Le, [d(e, {
+        autofocus: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (o) => l.value = o),
+        class: "w-full",
+        placeholder: n(t)("menu.common.labels.search_placeholder", {
+          type: "categories"
+        })
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", $e, [(f(!0), C(j, null, Q(F.value, (o) => (f(), C("div", {
+        key: o._id || "",
+        class: "flex flex-row py-12 px-16",
+        onClick: (_) => N(o)
+      }, [c("div", Ee, [c("p", Me, T(o.name), 1)]), d(m, {
+        "text-color": n(se).NeutralGray400,
+        variant: n(J).Tertiary,
+        "prepend-icon": "delete",
+        disabled: !o._id,
+        onClick: G((_) => u(o), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Se))), 128))])])) : (f(), C("div", ke, [c("div", Ve, [c("div", we, [d(e, {
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => l.value = o),
+        autofocus: "",
+        class: "mb-8",
+        placeholder: n(t)("menu.common.labels.search_placeholder", {
+          type: n(t)("menu.subcategory.title")
+        })
+      }, null, 8, ["modelValue", "placeholder"])])]), d(ue, null, {
+        default: y(() => [d(a, {
+          "column-defs": L.value,
+          draggable: !0,
+          "page-size": p.value.length,
+          "row-data": p.value,
+          "search-value": l.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": "",
+          onDndChanged: E,
+          onRowClick: r[1] || (r[1] = (o) => N(o.original))
+        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]));
+    };
+  }
+}), Ne = { class: "flex-1 flex justify-between gap-8 pl-8" }, Oe = { class: "flex items-center" }, De = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ue = { class: "fm-typo-en-body-md-600 font-semibold" }, Xe = /* @__PURE__ */ I({
+  __name: "Subcategory",
+  setup(D) {
+    const V = W(), b = R(), $ = P(b), w = K($), S = ee({ dialog: V, menuLoader: w }), p = k(() => Y().subcategories), { t: l } = z();
+    function F() {
+      S.create();
+    }
+    const t = k(() => p.value.length);
+    return ve().resetOnMount(), (L, u) => (f(), O(ce, {
+      heading: n(l)("menu.subcategory.title")
+    }, {
+      default: y(() => [
+        p.value.length > 0 ? (f(), O(Te, { key: 0 })) : (f(), O(n(re), {
+          key: 1,
+          action: {
+            text: n(l)("menu.subcategory.add"),
+            callback: F
+          },
+          subtitle: n(l)("menu.subcategory.empty.subtitle"),
+          title: n(l)("menu.subcategory.empty.title")
+        }, null, 8, ["action", "subtitle", "title"]))
+      ]),
+      "append-heading": y(() => [
+        c("div", Ne, [
+          c("div", Oe, [
+            c("div", De, [
+              c("p", Ue, T(t.value), 1)
+            ])
+          ]),
+          p.value.length > 0 ? (f(), O(ie, {
+            key: 0,
+            label: n(l)("menu.subcategory.add"),
+            "prepend-icon": "add",
+            onClick: F
+          }, null, 8, ["label"])) : ne("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["heading"]));
+  }
+});
+export {
+  Xe as default
+};

package/dist/{Takeaway-CExKsbN5.js → Takeaway-CGGaO_dh.js}

@@ -1,12 +1,12 @@
 import { defineComponent as f, computed as y, ref as k, createBlock as i, openBlock as d, unref as a, withCtx as s, createElementVNode as t, toDisplayString as b, createCommentVNode as g, createVNode as m } from "vue";
-import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-CZJpW7cW.js";
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as V } from "@feedmepos/ui-library";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as C } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-GAZ3S2_n.js";
-import { T as S, l as L } from "./index-BaxQ5Nq0.js";
-import { a as O } from "./menu-LtIuM7Qj.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-Iy2ZwQf_.js";
+import { T as S, l as L } from "./index-DIXBx1sl.js";
+import { a as O } from "./menu-CoqhBDql.js";
 const U = { class: "flex-1 flex justify-between gap-8 pl-8" }, B = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, A = { class: "fm-typo-en-body-md-600 font-semibold" }, z = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(D) {

package/dist/{Takeaway-BfcHs1we.js → Takeaway-Doy30uHo.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-GAZ3S2_n.js";
+import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-Iy2ZwQf_.js";
 export {
   f as default
 };

package/dist/Takeaway.vue_vue_type_script_setup_true_lang-Iy2ZwQf_.js

@@ -0,0 +1,316 @@
+import { getCurrentInstance as te, defineComponent as oe, computed as x, watch as ne, h as E, resolveComponent as O, createElementBlock as C, openBlock as _, Fragment as P, normalizeClass as Y, createElementVNode as k, createVNode as V, unref as n, isRef as j, withCtx as F, renderList as ie, createBlock as G, createCommentVNode as $, toDisplayString as S, withModifiers as Q } from "vue";
+import { G as H, u as J, Q as W, M as N, A as z, I as A, B as se, ap as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-CZJpW7cW.js";
+import { useI18n as X, useCoreStore as le } from "@feedmepos/mf-common";
+import { useDialog as ce, useSnackbar as Z, FmButtonVariant as D, components as de, useBreakpoints as me } from "@feedmepos/ui-library";
+import { _ as ue } from "./app-BVB_5Ks2.js";
+import { a as pe, l as ee, T as ye } from "./index-DIXBx1sl.js";
+import { u as fe } from "./search-BAPEUu1R.js";
+import { f as L } from "./currency-B59CBSWJ.js";
+import { defineStore as _e } from "pinia";
+import { C as ke } from "./catalog-8-hugI0j.js";
+import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
+import { g as we } from "./translation-BeqjfyEb.js";
+function ge(T, M, l, p) {
+  var y, v, w, g;
+  const s = A(T);
+  s.override.takeaway[l._id] = {
+    price: l.price || void 0
+  };
+  const f = [...l.usedBy, ...M.usedBy];
+  for (const r of f) {
+    const c = l.usedBy.some(
+      (e) => e._id == r._id && e.combinationKey == r.combinationKey
+    ) ? l._id : null, a = (s.override.items[r._id] || []).findIndex(
+      (e) => e.combinationKey === r.combinationKey
+    );
+    let d;
+    if (a >= 0)
+      d = (y = s.override.items[r._id][a]) != null && y.takeawayUsed ? A((v = s.override.items[r._id][a]) == null ? void 0 : v.takeawayUsed) : void 0;
+    else {
+      const e = p.find((u) => u._id === r._id);
+      r.combinationKey ? d = ((g = (w = e == null ? void 0 : e.variant) == null ? void 0 : w.variantCombinations.find(
+        (u) => u.combinationKey === r.combinationKey
+      )) == null ? void 0 : g.takeawayUsed) || (e == null ? void 0 : e.takeawayUsed) : d = e == null ? void 0 : e.takeawayUsed;
+    }
+    if (a >= 0)
+      s.override.items[r._id][a].takeawayUsed = c;
+    else if (d !== c) {
+      const e = {
+        _id: r._id,
+        combinationKey: r.combinationKey,
+        takeawayUsed: c
+      };
+      s.override.items[r._id] = [...s.override.items[r._id] || [], e];
+    }
+  }
+  return s;
+}
+const be = _e("takeaway-manager", () => {
+  const T = ce(), M = Z(), l = H(M), p = W(l), s = J(), f = te(), { t: y } = X(), v = (a) => {
+    var e, u;
+    const { vNode: d } = ve(
+      pe,
+      f,
+      a
+    );
+    (u = (e = d.component) == null ? void 0 : e.exposed) == null || u.trigger();
+  };
+  async function w(a) {
+    var u, K;
+    const e = ((K = (u = s.currentCatalog) == null ? void 0 : u.override.takeaway[a._id]) == null ? void 0 : K.price) ? null : s.state.menu.modules.takeaway.find((b) => b._id === a._id);
+    v({
+      initialValue: a,
+      applyProduct: !0,
+      bindToVariant: s.rules.item.bindToVariant,
+      fallback: e,
+      action: "update",
+      "onUpdate:takeaway": async (b) => {
+        let o = A(s.currentCatalog);
+        b.price ? o.override.takeaway[a._id] = { price: b.price } : delete o.override.takeaway[a._id], o = ge(o, a, b, s.state.menu.modules.item), await new ke(o, s, p.updateMenu, T).update();
+      }
+    });
+  }
+  async function g(a) {
+    v({
+      initialValue: a,
+      bindToVariant: s.rules.item.bindToVariant,
+      applyProduct: !0,
+      action: "update",
+      "onUpdate:takeaway": async (d) => {
+        await p.updateMenu(
+          {
+            module: z.F_MENU_MODULE_V4_KEY.enum.takeaway,
+            operation: N.F_OPERATION_TYPE.update,
+            data: d,
+            link: ee(d.usedBy || [])
+          },
+          d.name
+        );
+      }
+    });
+  }
+  async function r(a) {
+    s.currentCatalog ? await w(a) : await g(a);
+  }
+  async function c(a) {
+    T.open({
+      title: y("menu.common.dialog.remove.takeaway.title"),
+      message: y("menu.common.dialog.remove.takeaway.message", { name: a.name }),
+      primaryActions: {
+        text: y("menu.common.actions.remove"),
+        close: !0,
+        variant: D.Destructive
+      },
+      secondaryActions: {
+        text: y("menu.common.actions.cancel"),
+        close: !0
+      }
+    }).onPrimary(async () => {
+      await p.updateMenu(
+        {
+          module: z.F_MENU_MODULE_V4_KEY.enum.takeaway,
+          operation: N.F_OPERATION_TYPE.delete,
+          data: a._id
+        },
+        a.name,
+        !0
+      );
+    });
+  }
+  return {
+    deleteTakeaway: c,
+    updateTakeaway: r
+  };
+}), he = {
+  key: 0,
+  class: /* @__PURE__ */ Y(["flex-1 overflow-hidden", "space-y-16", "flex flex-col", "overflow-hidden", "pt-16"])
+}, xe = {
+  class: "flex items-center space-x-8 justify-end"
+}, Ce = {
+  class: "w-[320px]"
+}, Ve = {
+  class: "px-16 pt-8"
+}, Te = {
+  class: /* @__PURE__ */ Y(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100"])
+}, Me = ["onClick"], Ue = {
+  class: "flex-1"
+}, Ee = {
+  class: "fm-typo-en-body-lg-600 mb-4"
+}, Ke = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ie = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Be = {
+  key: 1,
+  class: "xs:pt-24"
+}, Ge = /* @__PURE__ */ oe({
+  __name: "Takeaway",
+  emits: ["update:count"],
+  setup(T, {
+    emit: M
+  }) {
+    const l = J(), p = be(), s = x(() => l.rules.item.bindToVariant), f = x(() => l.rules.takeaway), y = W(H(Z())), v = le(), w = x(() => se.Country.getCountry(v.currentCountry.value).currency), g = x(() => l.takeaways.map((o) => ({
+      ...o,
+      usedBy: l.items.reduce((i, m) => {
+        var t, I, R;
+        const h = m.takeawayUsed === o._id;
+        if ((!s.value || !((I = (t = m.variant) == null ? void 0 : t.variantGroupIds) != null && I.length)) && h)
+          i.push({
+            _id: m._id
+          });
+        else {
+          const ae = (((R = m.variant) == null ? void 0 : R.variantCombinations) || []).filter((B) => B.takeawayUsed === o._id || !B.takeawayUsed && h).map((B) => ({
+            _id: m._id,
+            combinationKey: B.combinationKey
+          }));
+          i = [...i, ...ae];
+        }
+        return i;
+      }, [])
+    }))), {
+      filter: r,
+      searchKey: c
+    } = fe(), a = x(() => g.value.filter((o) => r([o.name, L(o.price, !1)]))), d = M;
+    ne(() => a.value.length, (o) => {
+      d("update:count", o);
+    }, {
+      immediate: !0
+    });
+    const {
+      t: e
+    } = X(), u = x(() => [{
+      accessorKey: "name",
+      header: () => e("menu.takeaway.table.columns.name"),
+      enableSorting: !1,
+      size: 700,
+      cell: (o) => {
+        const i = o.row.original, m = o.getValue(), U = Object.keys(i.name_locale ?? {}).map((t) => we(t));
+        return E("div", {
+          class: "flex items-center gap-8"
+        }, [E("span", {
+          class: "break-all"
+        }, m), ...U.map((t) => E("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, t))]);
+      }
+    }, {
+      accessorKey: "price",
+      header: () => e("menu.takeaway.table.columns.price", {
+        symbol: w.value.symbol
+      }),
+      enableSorting: !1,
+      size: 200,
+      meta: {
+        textAlign: "right"
+      },
+      cell: (o) => {
+        const i = o.getValue();
+        return L(i, !1);
+      }
+    }, {
+      accessorKey: "usedBy",
+      header: () => e("menu.takeaway.table.columns.products"),
+      enableSorting: !1,
+      size: 200,
+      cell: (o) => {
+        const i = o.getValue(), m = q(l.categorizedItems, i).flatMap((h) => h.items).length ?? 0;
+        return e("menu.takeaway.table.items_linked", {
+          count: m
+        });
+      }
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (o) => E("div", {
+        class: "flex justify-end items-center"
+      }, [f.value.delete ? E(de.FmButton, {
+        prependIcon: "delete",
+        variant: D.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (i) => {
+          i.stopPropagation(), p.deleteTakeaway(o.row.original);
+        }
+      }) : null])
+    }]), K = me(), b = x(() => K.breakpoints.value.xs);
+    return (o, i) => {
+      const m = O("fm-search"), h = O("fm-table"), U = O("fm-button");
+      return g.value.length ? (_(), C(P, {
+        key: 0
+      }, [b.value ? (_(), C(P, {
+        key: 1
+      }, [k("div", Ve, [V(m, {
+        class: "w-full",
+        autofocus: "",
+        modelValue: n(c),
+        "onUpdate:modelValue": i[2] || (i[2] = (t) => j(c) ? c.value = t : null),
+        placeholder: n(e)("menu.takeaway.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), k("div", Te, [(_(!0), C(P, null, ie(a.value, (t) => (_(), C("div", {
+        key: t._id,
+        class: Y(["py-12 px-16", "flex  space-x-8", "items-center"]),
+        onClick: () => {
+          f.value.edit && n(p).updateTakeaway(t);
+        }
+      }, [k("div", Ue, [k("p", Ee, S(t.name), 1), k("p", Ke, S(`${n(q)(n(l).categorizedItems, t.usedBy).flatMap((I) => I.items).length ?? 0} items linked`), 1), k("p", Ie, " Price: " + S(w.value.symbol) + S(n(L)(t.price, !1)), 1)]), f.value.delete ? (_(), G(U, {
+        key: 0,
+        variant: n(D).Tertiary,
+        "text-color": "neutral-gray-400",
+        "prepend-icon": "delete",
+        onClick: Q(() => n(p).deleteTakeaway(t), ["stop"])
+      }, null, 8, ["variant", "onClick"])) : $("", !0)], 8, Me))), 128))])], 64)) : (_(), C("div", he, [k("div", xe, [k("div", Ce, [V(m, {
+        autofocus: "",
+        modelValue: n(c),
+        "onUpdate:modelValue": i[0] || (i[0] = (t) => j(c) ? c.value = t : null),
+        placeholder: n(e)("menu.takeaway.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), V(ue, null, {
+        default: F(() => [V(h, {
+          "column-defs": u.value,
+          loading: n(y).checkMenuIsLoading(),
+          "page-size": a.value.length,
+          "row-data": a.value,
+          "search-value": n(c),
+          "shrink-at": !1,
+          class: "flex-1 overflow-hidden",
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: i[1] || (i[1] = (t) => {
+            f.value.edit && n(p).updateTakeaway(t.original);
+          })
+        }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]))], 64)) : (_(), C("div", Be, [V(n(re), {
+        subtitle: n(e)("menu.takeaway.empty.subtitle"),
+        title: n(e)("menu.takeaway.empty.title")
+      }, {
+        action: F(() => [f.value.create ? (_(), G(n(ye), {
+          key: 0,
+          "bind-to-variant": s.value,
+          action: "add",
+          "apply-product": "",
+          "onUpdate:takeaway": i[3] || (i[3] = (t) => n(y).updateMenu({
+            module: n(z.F_MENU_MODULE_V4_KEY).enum.takeaway,
+            operation: n(N.F_OPERATION_TYPE).create,
+            data: t,
+            link: n(ee)(t.usedBy || [])
+          }, t.name))
+        }, {
+          default: F(({
+            trigger: t
+          }) => [V(U, {
+            "prepend-icon": "add",
+            label: n(e)("menu.takeaway.empty.action"),
+            onClick: Q(t, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        }, 8, ["bind-to-variant"])) : $("", !0)]),
+        _: 1
+      }, 8, ["subtitle", "title"])]));
+    };
+  }
+});
+export {
+  Ge as _
+};