@feedmepos/mf-menu 0.32.37 → 0.32.38-dev.2

package/dist/Takeaway.vue_vue_type_script_setup_true_lang-B1jejzX7.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-BMBAQiGH.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-BASWdzxI.js";
+import { a as pe, l as ee, T as ye } from "./index-Cw3iqI80.js";
+import { u as fe } from "./search-BAPEUu1R.js";
+import { f as L } from "./currency-CozWj5-6.js";
+import { defineStore as _e } from "pinia";
+import { C as ke } from "./catalog-D1ldj55y.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 _
+};

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-Br279NC_.js → Thumbnail.vue_vue_type_script_setup_true_lang-CCBa35X7.js}

@@ -1,9 +1,9 @@
 import { computed as d, defineComponent as x, ref as F, resolveComponent as b, createElementBlock as L, openBlock as w, normalizeClass as R, createVNode as K, normalizeStyle as $, withCtx as B, createBlock as U, createCommentVNode as j } from "vue";
-import { A as h, M as E, G as C, Q as O, am as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
-import { u as S } from "./menuV2-N0hB53Gw.js";
-import { C as v, h as N } from "./catalog-CFKVaXk7.js";
+import { A as h, M as E, G as C, Q as O, al as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-BMBAQiGH.js";
+import { u as S } from "./menuV2-2B1i4-4v.js";
+import { C as v, h as N } from "./catalog-D1ldj55y.js";
 import { useSnackbar as P, useDialog as z } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-ImK8azTA.js";
+import { a as T } from "./LinkProductSideSheet-C5EJF94w.js";
 import { useI18n as Q } from "@feedmepos/mf-common";
 function q() {
   const t = S(), o = d(() => t.categorizedRawMenuItems.filter((u) => u.items.length > 0)), i = d(() => {

package/dist/TranslationSideSheet.vue_vue_type_script_setup_true_lang-PbYAxItr.js

@@ -0,0 +1,185 @@
+import { defineComponent as J, ref as w, watch as G, computed as j, unref as t, resolveComponent as f, createBlock as E, openBlock as d, withCtx as _, createElementVNode as e, toDisplayString as c, createElementBlock as m, createCommentVNode as F, Fragment as g, renderList as b, createVNode as r } from "vue";
+import { J as B } from "./index.vue_vue_type_script_setup_true_lang-BMBAQiGH.js";
+import { useI18n as H, useLocale as K } from "@feedmepos/mf-common";
+import { u as P } from "./discardConfirm-BHni0LNu.js";
+import { g as x, a as D, _ as Q, b as R } from "./translation-BeqjfyEb.js";
+const W = { class: "fm-typo-en-title-md-600" }, X = { class: "pt-8 space-y-24" }, Y = { class: "flex flex-col gap-8" }, Z = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, ee = { class: "flex items-center gap-8 flex-wrap" }, oe = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, te = { class: "fm-typo-en-body-md-600" }, le = ["onClick"], ne = { class: "flex items-center gap-8" }, ae = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, se = { class: "fm-typo-en-body-md-400" }, ce = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, de = { class: "flex items-center gap-16" }, ie = { class: "fm-typo-en-body-lg-600" }, re = { class: "flex flex-col gap-32 pl-32" }, me = {
+  key: 0,
+  class: "space-y-8"
+}, ue = { class: "flex w-[100px] items-center gap-8" }, pe = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, fe = { class: "fm-typo-en-body-md-400" }, _e = { class: "flex-1" }, ve = { class: "flex gap-8 items-center justify-start" }, Ce = /* @__PURE__ */ J({
+  __name: "TranslationSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    name: {},
+    nameLocale: {}
+  },
+  emits: ["update:modelValue", "update:nameLocale"],
+  setup(I, { emit: N }) {
+    const u = I, p = N, { t: i } = H(), { localeList: v } = K(), s = w([]), C = w([]);
+    function O() {
+      return !u.nameLocale || Object.keys(u.nameLocale).length === 0 ? [] : Object.entries(u.nameLocale).map(([o, n]) => ({
+        localeCode: o,
+        value: n
+      }));
+    }
+    G(
+      () => [u.modelValue, u.nameLocale],
+      ([o]) => {
+        o && (s.value = O(), C.value = B.clone(s.value));
+      },
+      { immediate: !0 }
+    );
+    const k = j(() => {
+      const o = new Set(s.value.map((a) => a.localeCode));
+      return t(v).filter((a) => !o.has(a.code)).map((a) => ({
+        code: a.code,
+        name: a.name,
+        icon: x(a.code)
+      }));
+    });
+    function S(o) {
+      const n = t(v).find((a) => a.code === o);
+      n && s.value.push({
+        localeCode: n.code,
+        value: ""
+      });
+    }
+    function T(o) {
+      s.value = s.value.filter((n) => n.localeCode !== o);
+    }
+    function $() {
+      return !B.isEqual(s.value, C.value);
+    }
+    function z() {
+      const o = s.value.filter((n) => n.value.trim());
+      if (o.length === 0)
+        p("update:nameLocale", void 0);
+      else {
+        const n = {};
+        o.forEach((a) => {
+          n[a.localeCode] = a.value.trim();
+        }), p("update:nameLocale", n);
+      }
+      p("update:modelValue", !1);
+    }
+    function U() {
+      p("update:modelValue", !1);
+    }
+    const L = P($, U), V = j({
+      get: () => u.modelValue,
+      set: (o) => p("update:modelValue", o)
+    });
+    return (o, n) => {
+      const a = f("FmIcon"), y = f("fm-button"), A = f("FmMenu"), M = f("fm-text-field"), q = f("fm-side-sheet");
+      return d(), E(q, {
+        modelValue: V.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (l) => V.value = l),
+        "max-width": 720,
+        "onOn:clickedAway": t(L)
+      }, {
+        "side-sheet-header": _(() => [
+          e("p", W, c(o.title) + " " + c(t(i)("menu.common.translation.title_suffix")), 1)
+        ]),
+        "side-sheet-footer": _(() => [
+          e("div", ve, [
+            r(y, {
+              label: t(i)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: z
+            }, null, 8, ["label"]),
+            r(y, {
+              label: t(i)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: t(L)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: _(() => [
+          e("div", X, [
+            e("div", Y, [
+              e("p", Z, c(t(i)("menu.common.translation.language")), 1),
+              e("div", ee, [
+                (d(!0), m(g, null, b(s.value, (l) => (d(), m("div", {
+                  key: l.localeCode,
+                  class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
+                }, [
+                  e("div", oe, c(t(x)(l.localeCode)), 1),
+                  e("span", te, c(t(D)(l.localeCode, t(v))), 1),
+                  r(a, {
+                    name: "close",
+                    class: "cursor-pointer",
+                    variant: "secondary",
+                    onClick: (h) => T(l.localeCode)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                k.value.length > 0 ? (d(), E(A, { key: 0 }, {
+                  "menu-button": _(() => [
+                    r(y, {
+                      variant: "secondary",
+                      "border-color": "neutral-gray-300",
+                      "text-color": "neutral-gray-400",
+                      icon: "add"
+                    })
+                  ]),
+                  default: _(() => [
+                    (d(!0), m(g, null, b(k.value, (l) => (d(), m("div", {
+                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                      key: l.code,
+                      onClick: (h) => S(l.code)
+                    }, [
+                      e("div", ne, [
+                        e("div", ae, c(l.icon), 1),
+                        e("span", se, c(l.name), 1)
+                      ])
+                    ], 8, le))), 128))
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ])
+            ]),
+            e("div", ce, [
+              e("div", de, [
+                r(a, { name: "keyboard_arrow_down" }),
+                e("p", ie, c(t(i)("menu.common.translation.name_section", { entity: o.title })), 1)
+              ]),
+              e("div", re, [
+                r(Q, {
+                  label: t(i)("menu.common.translation.default"),
+                  "model-value": o.name
+                }, null, 8, ["label", "model-value"]),
+                s.value.length > 0 ? (d(), m("div", me, [
+                  r(R, {
+                    label: t(i)("menu.common.translation.translation_label")
+                  }, null, 8, ["label"]),
+                  (d(!0), m(g, null, b(s.value, (l) => (d(), m("div", {
+                    key: l.localeCode,
+                    class: "flex items-center gap-16"
+                  }, [
+                    e("div", ue, [
+                      e("div", pe, c(t(x)(l.localeCode)), 1),
+                      e("span", fe, c(t(D)(l.localeCode, t(v))), 1)
+                    ]),
+                    e("div", _e, [
+                      r(M, {
+                        modelValue: l.value,
+                        "onUpdate:modelValue": (h) => l.value = h,
+                        placeholder: t(i)("menu.group.translation.placeholder")
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ])
+                  ]))), 128))
+                ])) : F("", !0)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+});
+export {
+  Ce as _
+};