@feedmepos/mf-connect 0.1.0-beta.4 → 0.1.0-beta.41

package/dist/SelectItems.vue_vue_type_script_setup_true_lang-CDyT_cSb.js

@@ -0,0 +1,181 @@
+import { defineComponent as N, computed as f, ref as V, onMounted as H, resolveComponent as _, openBlock as c, createElementBlock as u, createVNode as i, withCtx as S, createElementVNode as p, toDisplayString as q, normalizeClass as A, Fragment as b, renderList as j, createCommentVNode as B } from "vue";
+import { e as D } from "./app-BkSGMADw.js";
+import "./loading-DxppIZmv.js";
+import { c as E } from "./object-qECH92oz.js";
+const M = { class: "flex flex-col flex-nowrap" }, T = { class: "flex gap-16 items-center w-full" }, $ = { class: "flex grow items-center" }, z = { class: "grow text-fm-color-typo-secondary" }, K = { key: 0 }, J = { class: "px-16" }, X = /* @__PURE__ */ N({
+  __name: "SelectItems",
+  props: {
+    initialValue: {
+      type: Array,
+      default: () => []
+    },
+    filterItems: {
+      type: Function,
+      default: void 0
+    },
+    onComplete: {
+      type: Function,
+      required: !0
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: 380
+    }
+  },
+  setup(F, { expose: O }) {
+    const m = F, x = D(), w = f(() => x.menu.value || {
+      _id: "",
+      modules: {
+        catalog: [],
+        category: [],
+        item: [],
+        variant: [],
+        group: [],
+        takeaway: [],
+        scheduler: [],
+        printDepartment: [],
+        recipe: [],
+        sku: [],
+        unit: [],
+        cookingGuide: [],
+        serveSequence: []
+      }
+    }), k = f(() => {
+      const n = m.filterItems ?? ((t) => !!t.category);
+      return w.value.modules.item.filter(n).reduce((t, l) => {
+        const a = {
+          id: l._id,
+          category: l.category,
+          name: (l.name2 || l.name).trim()
+        };
+        return t = [...t, a], t;
+      }, []);
+    }), C = f(() => {
+      const n = w.value.modules.category.reduce((e, t) => (e[t._id] = {
+        id: t._id,
+        name: t.name,
+        items: {}
+      }, e), {});
+      return k.value.reduce(
+        (e, t) => {
+          const l = t.category ?? "";
+          return e[l].items = {
+            ...e[l].items,
+            [t.id]: t
+          }, e;
+        },
+        {
+          ...n,
+          "": {
+            id: "",
+            name: "Addons",
+            items: {}
+          }
+        }
+      );
+    }), v = f(() => {
+      const n = y.value.toLowerCase();
+      return n ? Object.entries(C.value).reduce((e, [t, l]) => {
+        if (l.name.toLowerCase().includes(n))
+          return e[t] = l, e;
+        const a = Object.entries(l.items).reduce((d, [h, o]) => (o.name.toLowerCase().includes(n) && (d[h] = o), d), {});
+        return Object.keys(a).length > 0 && (e[t] = { ...l, items: a }), e;
+      }, {}) : C.value;
+    }), s = V({}), y = V(""), G = f(() => Object.values(s.value).filter((n) => !!n).length);
+    function I(n) {
+      s.value = k.value.reduce((e, t) => (e[t.id] = n.includes(t.id), e), {});
+    }
+    H(async () => {
+      await x.getMenu(), I(m.initialValue);
+    });
+    function g(n) {
+      const e = Object.keys(v.value[n].items), t = e.filter((l) => s.value[l]);
+      return t.length ? t.length === e.length ? !0 : null : !1;
+    }
+    function U(n) {
+      const e = Object.keys(v.value[n].items), t = g(n), l = E(s.value);
+      for (const a of e)
+        l[a] = t !== !0;
+      s.value = l;
+    }
+    function L(n) {
+      s.value[n] = !s.value[n];
+    }
+    return O({
+      onConfirm: () => {
+        const n = Object.entries(s.value).filter(([, e]) => !!e).map(([e]) => e);
+        m.onComplete(n);
+      }
+    }), (n, e) => {
+      const t = _("fm-button"), l = _("FmTextField"), a = _("fm-list-item"), d = _("fm-checkbox"), h = _("fm-list");
+      return c(), u("div", M, [
+        i(a, {
+          tag: "div",
+          clickable: !1
+        }, {
+          default: S(() => [
+            p("div", T, [
+              p("div", $, [
+                i(t, {
+                  icon: "sync",
+                  variant: "tertiary",
+                  onClick: e[0] || (e[0] = () => I([]))
+                }),
+                p("span", z, q(G.value) + " product(s) selected ", 1)
+              ]),
+              i(l, {
+                modelValue: y.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => y.value = o),
+                placeholder: "Search",
+                "leading-icon": { name: "search", color: "" },
+                style: { width: "200px", "min-width": "200px" }
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        i(h, {
+          class: A(["grow overflow-y-auto", `max-h-${m.maxHeight ? `[${m.maxHeight}px]` : "full"}`])
+        }, {
+          default: S(() => [
+            (c(!0), u(b, null, j(v.value, (o) => (c(), u(b, {
+              key: o.id
+            }, [
+              Object.keys(o.items).length > 0 ? (c(), u("div", K, [
+                p("div", J, [
+                  i(d, {
+                    "model-value": g(o.id) ?? !1,
+                    indeterminate: g(o.id) === null,
+                    label: o.name,
+                    value: "",
+                    name: "",
+                    sublabel: "",
+                    class: "w-full",
+                    "onUpdate:modelValue": () => U(o.id)
+                  }, null, 8, ["model-value", "indeterminate", "label", "onUpdate:modelValue"])
+                ]),
+                (c(!0), u(b, null, j(o.items, (r) => (c(), u("div", {
+                  key: r.id,
+                  class: "pl-48"
+                }, [
+                  i(d, {
+                    "model-value": s.value[r.id],
+                    label: r.name,
+                    value: r.id,
+                    name: r.name,
+                    class: "w-full",
+                    "onUpdate:modelValue": () => L(r.id)
+                  }, null, 8, ["model-value", "label", "value", "name", "onUpdate:modelValue"])
+                ]))), 128))
+              ])) : B("", !0)
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]);
+    };
+  }
+});
+export {
+  X as _
+};