@feedmepos/mf-menu 0.0.2 → 0.0.54

package/dist/Takeaway.vue_vue_type_script_setup_true_lang-bykZsQyj.js

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

package/dist/TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js

@@ -0,0 +1,20 @@
+import { defineComponent as i, computed as r, createElementBlock as s, openBlock as m, normalizeClass as p, toDisplayString as d } from "vue";
+const f = /* @__PURE__ */ i({
+  __name: "TextChip",
+  props: {
+    label: {},
+    variant: {},
+    border: { type: Boolean },
+    bold: { type: Boolean, default: !0 },
+    size: { default: "md" }
+  },
+  setup(o) {
+    const e = o, n = r(() => e.variant === "warning" ? "primary" : "typo-" + e.variant), t = r(() => e.variant === "neutral" ? "neutral-gray-100" : "system-" + e.variant + "-100"), a = r(() => e.size === "xs" ? "text-[8px] tracking-wide leading-[10px] no-underline" : e.size === "sm" ? e.bold ? "fm-typo-en-body-sm-600" : "fm-typo-en-body-sm-400" : e.bold ? "fm-typo-en-body-md-600" : "fm-typo-en-body-md-400");
+    return (l, u) => (m(), s("span", {
+      class: p(`inline-block fm-corner-radius-md px-4 py-[2px] ${a.value} text-fm-color-${n.value} bg-fm-color-${t.value} text-nowrap max-w-full ${e.border ? "border border-fm-color-neutral-gray-400" : ""}`)
+    }, d(l.label), 3));
+  }
+});
+export {
+  f as _
+};

package/dist/Thumbnail.vue_vue_type_script_setup_true_lang-CvOTKNYT.js

@@ -0,0 +1,63 @@
+import { defineComponent as g, ref as c, computed as u, resolveComponent as m, createElementBlock as d, openBlock as n, normalizeClass as o, createVNode as z, normalizeStyle as w, withCtx as k, createBlock as h, createCommentVNode as b } from "vue";
+import { useI18n as x } from "@feedmepos/mf-common";
+const C = ["alt", "src"], E = /* @__PURE__ */ g({
+  __name: "Thumbnail",
+  props: {
+    src: {},
+    alt: {},
+    className: {},
+    size: {}
+  },
+  setup(f) {
+    const e = f, { t: l } = x(), a = c(!1), t = c(!e.src), p = () => {
+      a.value = !1, t.value = !0;
+    }, _ = () => {
+      a.value = !0, t.value = !0;
+    }, v = u(() => e.alt ? l("menu.thumbnail.alt.with_name", { name: e.alt }) : l("menu.thumbnail.alt.default")), r = u(() => typeof e.size == "number" ? {
+      width: e.size,
+      height: e.size
+    } : {
+      width: e.size.width,
+      height: e.size.height
+    });
+    return (s, N) => {
+      const i = m("fm-icon"), y = m("fm-card");
+      return n(), d("div", {
+        class: o([s.className, "flex items-center justify-center"])
+      }, [
+        z(y, {
+          class: o(["flex items-center justify-center", "rounded-md"]),
+          style: w({ width: `${r.value.width}px`, height: `${r.value.height}px` }),
+          variant: "outlined"
+        }, {
+          default: k(() => [
+            s.src && !a.value ? (n(), d("img", {
+              key: 0,
+              alt: v.value,
+              class: o(["w-full h-full", "object-cover", t.value ? "" : "hidden"]),
+              src: s.src,
+              onError: _,
+              onLoad: p,
+              crossorigin: "anonymous"
+            }, null, 42, C)) : (n(), h(i, {
+              key: 1,
+              color: "neutral-gray-300",
+              name: "image",
+              outline: ""
+            })),
+            t.value ? b("", !0) : (n(), h(i, {
+              key: 2,
+              class: "animate-spin",
+              name: "progress_activity",
+              spin: ""
+            }))
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ], 2);
+    };
+  }
+});
+export {
+  E as _
+};