@feedmepos/mf-connect 0.1.0-beta.6 → 0.1.0-beta.61

package/dist/SelectItems.vue_vue_type_script_setup_true_lang-BWG-pz6F.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 x, renderList as j, createCommentVNode as B } from "vue";
+import { J as D } from "./app-DgfmbHZe.js";
+import "./plugins-9sQTEyth.js";
+import { c as E } from "./object-qECH92oz.js";
+const J = { class: "flex flex-col flex-nowrap" }, M = { class: "flex gap-16 items-center w-full" }, T = { class: "flex grow items-center" }, $ = { class: "grow text-fm-color-typo-secondary" }, z = { key: 0 }, K = { 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, b = D(), w = f(() => b.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 b.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", J, [
+        i(a, {
+          tag: "div",
+          clickable: !1
+        }, {
+          default: S(() => [
+            p("div", M, [
+              p("div", T, [
+                i(t, {
+                  icon: "sync",
+                  variant: "tertiary",
+                  onClick: e[0] || (e[0] = () => I([]))
+                }),
+                p("span", $, 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(x, null, j(v.value, (o) => (c(), u(x, {
+              key: o.id
+            }, [
+              Object.keys(o.items).length > 0 ? (c(), u("div", z, [
+                p("div", K, [
+                  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(x, 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 _
+};

package/dist/SendVoucherSheet.vue_vue_type_script_setup_true_lang-HgorlHNz.js

@@ -0,0 +1,147 @@
+import { defineComponent as L, ref as c, watch as S, onMounted as R, resolveComponent as f, openBlock as j, createBlock as B, unref as t, isRef as _, withCtx as V, createElementVNode as v, createVNode as m, toDisplayString as N } from "vue";
+import { J as A } from "./JsonViewer-v8_C7l5N.js";
+import { u as E } from "./loading-CUs_CN1k.js";
+import { u as P } from "./app-wDQR6dpb.js";
+import { l as U } from "./lodash-B5I3zXaY.js";
+import { m as D } from "./index-ChrOXJDq.js";
+import { c as J } from "./index-BVbiAxW8.js";
+const O = { class: "space-y-16" }, T = { class: "fm-typo-en-body-md-600" }, $ = { class: "flex items-center justify-end" }, q = { class: "flex items-center gap-8" }, ee = /* @__PURE__ */ L({
+  __name: "SendVoucherSheet",
+  emits: ["success"],
+  setup(G, { expose: w, emit: y }) {
+    const { minor: x } = E, h = c(""), l = c({}), C = y, r = c(!1), s = c([]);
+    function F(a) {
+      r.value = !0, h.value = a.campaignId, s.value = [];
+    }
+    function b() {
+      r.value = !1;
+    }
+    const I = [
+      {
+        header: "Name",
+        accessorFn: (a) => a.name || "No Profile"
+      },
+      {
+        header: "Phone",
+        accessorFn: (a) => a.phoneNumber || "-"
+      }
+    ], o = c({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), n = c([]), g = async (a) => {
+      o.value.isLoading = !0, n.value = [];
+      const e = await D.read({
+        limit: a.pageSize,
+        skip: a.pageIndex,
+        sortBy: "_id",
+        search: o.value.searchValue,
+        descending: !1
+      });
+      n.value = e.resources, o.value.totalRows = e.meta.totalResources ?? 0, o.value.pageCount = e.meta.totalPages ?? 0, o.value.isLoading = !1, l.value = {}, s.value.forEach((i) => {
+        const d = n.value.findIndex((p) => p._id == i);
+        d > -1 && (console.log(d, "fetch member index"), l.value[d] = !0);
+      });
+    };
+    function z() {
+      n.value.length > 0 && (s.value = s.value.filter(
+        (a) => !n.value.some((e) => e._id === a) || // Keep if not in current page
+        Object.entries(l.value).some(
+          ([e, i]) => i && n.value[e]._id === a
+          // Keep if selected in current page
+        )
+      ));
+      for (const [a, e] of Object.entries(l.value))
+        if (e) {
+          const i = n.value[a]._id;
+          s.value.includes(i) || s.value.push(i);
+        }
+    }
+    async function M(a) {
+      s.value.length < 1 || await x(
+        async () => {
+          await J.sendCollection(h.value, {
+            memberId: s.value
+          }), await C("success"), b();
+        },
+        {
+          message: "Sending claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return S(l, z, { deep: !0 }), S(
+      () => o.value.searchValue,
+      U.debounce(async () => {
+        await g({ pageSize: 10, pageIndex: 0 });
+      }, 500)
+    ), w({
+      showSheet: F,
+      hideSheet: b
+    }), R(async () => {
+      await g(o.value);
+    }), (a, e) => {
+      const i = f("FmSearch"), d = f("FmTable"), p = f("FmButton"), k = f("FmSideSheet");
+      return j(), B(k, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send voucher to",
+        modelValue: t(r),
+        "onUpdate:modelValue": [
+          e[3] || (e[3] = (u) => _(r) ? r.value = u : null),
+          e[4] || (e[4] = (u) => r.value = u)
+        ]
+      }, {
+        "side-sheet-footer": V(() => [
+          v("div", q, [
+            m(p, {
+              label: "Send",
+              loading: t(P)().isLoading,
+              onClick: M
+            }, null, 8, ["loading"]),
+            m(p, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: e[2] || (e[2] = (u) => r.value = !1)
+            })
+          ])
+        ]),
+        default: V(() => [
+          m(A, { json: t(s) }, null, 8, ["json"]),
+          v("div", O, [
+            v("div", T, N(t(s).length) + " members selected ", 1),
+            v("div", $, [
+              m(i, {
+                class: "mt-4",
+                modelValue: t(o).searchValue,
+                "onUpdate:modelValue": e[0] || (e[0] = (u) => t(o).searchValue = u),
+                placeholder: "Search Member",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            m(d, {
+              modelValue: t(l),
+              "onUpdate:modelValue": e[1] || (e[1] = (u) => _(l) ? l.value = u : null),
+              selection: "multiple",
+              loading: t(o).isLoading,
+              "row-data": t(n),
+              "column-defs": I,
+              "page-size": t(o).pageSize,
+              "page-count": t(o).pageCount,
+              "hide-footer": t(o).totalRows <= t(o).pageSize,
+              "fetch-fn": g
+            }, null, 8, ["modelValue", "loading", "row-data", "page-size", "page-count", "hide-footer"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  ee as _
+};