@feedmepos/mf-connect 0.1.98-beta.15 → 0.1.98-beta.16

package/dist/SelectItems.vue_vue_type_script_setup_true_lang-C33DPiN6.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 F, createElementVNode as p, toDisplayString as q, normalizeClass as A, Fragment as x, renderList as S, createCommentVNode as B } from "vue";
+import { F as D } from "./app-CyNzTZOx.js";
+import "./index-pjXQwa0j.js";
+import { c as E } from "./object-BYyQ0PZp.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(j, { expose: O }) {
+    const m = j, 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, [g, o]) => (o.name.toLowerCase().includes(n) && (d[g] = 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.store.getMenu(), I(m.initialValue);
+    });
+    function h(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 = h(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"), g = _("fm-list");
+      return c(), u("div", M, [
+        i(a, {
+          tag: "div",
+          clickable: !1
+        }, {
+          default: F(() => [
+            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(g, {
+          class: A(["grow overflow-y-auto", `max-h-${m.maxHeight ? `[${m.maxHeight}px]` : "full"}`])
+        }, {
+          default: F(() => [
+            (c(!0), u(x, null, S(v.value, (o) => (c(), u(x, {
+              key: o.id
+            }, [
+              Object.keys(o.items).length > 0 ? (c(), u("div", K, [
+                p("div", J, [
+                  i(d, {
+                    "model-value": h(o.id) ?? !1,
+                    indeterminate: h(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, S(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/SendCollectionSheet.vue_vue_type_script_setup_true_lang-YMpQ-IiW.js

@@ -0,0 +1,188 @@
+import { defineComponent as L, ref as p, computed as C, onMounted as P, resolveComponent as i, openBlock as $, createBlock as D, unref as e, isRef as H, withCtx as S, createElementVNode as v, createVNode as c, toDisplayString as w } from "vue";
+import { u as O } from "./loading-D-RglDMV.js";
+import { p as Z } from "./plugins-CbpvMMOJ.js";
+import { u as q } from "./app-wDQR6dpb.js";
+import { m as z } from "./index-BK0OmX3R.js";
+import "./index-Dh2apeby.js";
+import { b as G } from "./index-COXmoOd1.js";
+import "./index-D41Xq5qY.js";
+import "./index-pjXQwa0j.js";
+import "./index-Bc7JXl59.js";
+import { Z as d } from "./zod-Dw8_B6RC.js";
+import { z as Y } from "./app-CyNzTZOx.js";
+import { u as j } from "./vue-i18n-Dn9zxRuv.js";
+import { c as J } from "./campaign--IUcyI8h.js";
+const K = { class: "fm-typo-en-body-lg-600" }, Q = { class: "fm-typo-en-body-lg-400" }, W = { class: "flex items-center gap-8" }, fe = /* @__PURE__ */ L({
+  __name: "SendCollectionSheet",
+  emits: ["success"],
+  setup(X, { expose: V, emit: I }) {
+    const { t: l } = j(), { minor: k } = O, A = I, n = p({
+      memberId: [],
+      amount: 1,
+      ref: ""
+    }), h = p(null), f = p(), b = p([]), r = p(!1), _ = p(), T = G.extend({
+      ref: Y.string().max(50, "Reference must be at most 50 characters").optional()
+    }), F = C(() => {
+      var a;
+      switch ((a = h.value) == null ? void 0 : a.type) {
+        case "MISSION":
+          return l("connect.sendCollectionSheet.stamp");
+        case "GAME":
+          return l("connect.sendCollectionSheet.game_token");
+        default:
+          return "Unknown";
+      }
+    }), u = C(() => {
+      const a = T.safeParse(n.value);
+      return a.success ? [] : a.error.errors;
+    });
+    function M(a) {
+      r.value = !0, h.value = a.campaign, f.value = null, n.value = {
+        memberId: [],
+        amount: 1,
+        ref: ""
+      };
+    }
+    function g() {
+      r.value = !1;
+    }
+    async function y(a) {
+      const t = await z.read({
+        limit: 25,
+        skip: 0,
+        sortBy: "_id",
+        search: a,
+        descending: !1
+      });
+      b.value = t.resources.map((s) => ({
+        label: `${s.name} (${s.phoneNumber})`,
+        value: s._id
+      }));
+      const m = 100;
+      await new Promise((s) => setTimeout(s, m));
+    }
+    async function U() {
+      var t;
+      await Z.confirm(
+        l("connect.sendCollectionSheet.confirmation_message", {
+          amount: n.value.amount,
+          type: F.value,
+          memberName: f.value ? (t = b.value.find((m) => m.value === f.value)) == null ? void 0 : t.label : "Unknown Member"
+        }),
+        l("connect.common.confirm"),
+        l("connect.common.confirm"),
+        l("connect.common.cancel")
+      ) && await k(
+        async () => {
+          var m;
+          await J.sendStamp((m = h.value) == null ? void 0 : m._id.toString(), {
+            memberId: n.value.memberId,
+            amount: n.value.amount,
+            ref: n.value.ref
+          }), await A("success"), g();
+        },
+        {
+          message: "Sending claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return V({
+      showSheet: M,
+      hideSheet: g
+    }), P(async () => {
+      await y("");
+    }), (a, t) => {
+      const m = i("FmCard"), s = i("FmSelect"), B = i("FmStepperField"), N = i("FmTextField"), E = i("FmForm"), x = i("FmButton"), R = i("FmSideSheet");
+      return $(), D(R, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: e(l)("connect.sendCollectionSheet.title", {
+          type: e(F)
+        }),
+        modelValue: e(r),
+        "onUpdate:modelValue": [
+          t[5] || (t[5] = (o) => H(r) ? r.value = o : null),
+          t[6] || (t[6] = (o) => r.value = o)
+        ]
+      }, {
+        "side-sheet-footer": S(() => [
+          v("div", W, [
+            c(x, {
+              label: "Send",
+              loading: e(q)().isLoading,
+              onClick: t[3] || (t[3] = async () => {
+                var o;
+                return (o = e(_)) == null ? void 0 : o.validateInputs();
+              })
+            }, null, 8, ["loading"]),
+            c(x, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: t[4] || (t[4] = (o) => r.value = !1)
+            })
+          ])
+        ]),
+        default: S(() => [
+          c(E, {
+            class: "space-y-16",
+            ref_key: "form",
+            ref: _,
+            onValidationSuccess: U,
+            blameFormChildOnValidationFailed: ""
+          }, {
+            default: S(() => [
+              c(m, {
+                variant: "outlined",
+                class: "p-16"
+              }, {
+                default: S(() => {
+                  var o;
+                  return [
+                    v("div", K, w(e(l)("connect.campaign.common.campaign")), 1),
+                    v("div", Q, w((o = e(h)) == null ? void 0 : o.name), 1)
+                  ];
+                }),
+                _: 1
+              }),
+              c(s, {
+                "model-value": e(f),
+                "onUpdate:modelValue": t[0] || (t[0] = (o) => {
+                  e(n).memberId = [o], f.value = o;
+                }),
+                label: "Select member",
+                searchable: "",
+                items: e(b),
+                onSearch: y,
+                rules: [(o) => !!o || "Member is required"],
+                "helper-text": "Type to search member",
+                "helper-state": e(d).helperState(e(u), "memberId"),
+                "error-text": e(d).helperText(e(u), "memberId")
+              }, null, 8, ["model-value", "items", "rules", "helper-state", "error-text"]),
+              c(B, {
+                modelValue: e(n).amount,
+                "onUpdate:modelValue": t[1] || (t[1] = (o) => e(n).amount = o),
+                label: "Amount",
+                "helper-state": e(d).helperState(e(u), "amount"),
+                "helper-text": e(d).helperText(e(u), "amount")
+              }, null, 8, ["modelValue", "helper-state", "helper-text"]),
+              c(N, {
+                modelValue: e(n).ref,
+                "onUpdate:modelValue": t[2] || (t[2] = (o) => e(n).ref = o),
+                label: "Reference (optional)",
+                "helper-state": e(d).helperState(e(u), "ref"),
+                "helper-text": e(d).helperText(e(u), "ref")
+              }, null, 8, ["modelValue", "helper-state", "helper-text"])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue"]);
+    };
+  }
+});
+export {
+  fe as _
+};

package/dist/SendVoucherSheet.vue_vue_type_script_setup_true_lang--Rtf3gRa.js

@@ -0,0 +1,226 @@
+import { defineComponent as O, ref as p, computed as g, watch as T, onMounted as q, resolveComponent as x, openBlock as I, createBlock as G, unref as t, isRef as k, withCtx as z, createElementVNode as n, createVNode as s, toDisplayString as f, createElementBlock as H, createCommentVNode as K } from "vue";
+import { J as Q } from "./JsonViewer-v8_C7l5N.js";
+import { _ as F } from "./FmTableSelection.vue_vue_type_script_setup_true_lang-DzcUc0_w.js";
+import { u as W } from "./loading-D-RglDMV.js";
+import { u as X } from "./app-wDQR6dpb.js";
+import { l as Y } from "./lodash-cggYhL9V.js";
+import { m as Z } from "./index-BK0OmX3R.js";
+import { c as ee } from "./campaign--IUcyI8h.js";
+const ae = { class: "space-y-16" }, te = { class: "fm-typo-en-body-md-600" }, oe = { class: "flex items-center justify-end" }, le = {
+  key: 0,
+  class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
+}, ne = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, se = { class: "flex gap-8 items-center" }, ie = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, re = { class: "flex gap-8 items-center" }, ue = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, de = { class: "flex gap-8" }, ce = { class: "flex items-center gap-8" }, Se = /* @__PURE__ */ O({
+  __name: "SendVoucherSheet",
+  emits: ["success"],
+  setup(me, { expose: M, emit: R }) {
+    const { minor: j } = W, h = p(""), r = p({}), N = R, m = p(!1), i = p([]);
+    function P(o) {
+      m.value = !0, h.value = o.campaignId, i.value = [];
+    }
+    function S() {
+      m.value = !1;
+    }
+    const B = [
+      {
+        header: "Name",
+        accessorFn: (o) => o.name || "No Profile"
+      },
+      {
+        header: "Phone",
+        accessorFn: (o) => o.phoneNumber || "-"
+      }
+    ], e = p({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), u = p([]), L = g(() => e.value.pageIndex + 1), _ = g(
+      () => e.value.pageIndex * e.value.pageSize
+    ), U = g(
+      () => Math.min(
+        _.value + e.value.pageSize,
+        e.value.totalRows
+      )
+    ), w = g(() => e.value.pageIndex > 0), C = g(
+      () => e.value.pageIndex < e.value.pageCount - 1
+    ), b = async (o) => {
+      e.value.pageSize = o.pageSize, e.value.pageIndex = o.pageIndex, e.value.isLoading = !0, u.value = [];
+      try {
+        const a = await Z.read({
+          limit: o.pageSize,
+          skip: o.pageIndex,
+          sortBy: "_id",
+          search: e.value.searchValue,
+          descending: !1
+        });
+        u.value = a.resources, e.value.totalRows = a.meta.totalResources ?? 0, e.value.pageCount = a.meta.totalPages ?? 0, r.value = {}, i.value.forEach((d) => {
+          const y = u.value.findIndex((c) => c._id == d);
+          y > -1 && (r.value[y] = !0);
+        });
+      } finally {
+        e.value.isLoading = !1;
+      }
+    }, $ = Y.debounce(async () => {
+      await b({ pageSize: e.value.pageSize, pageIndex: 0 });
+    }, 500), v = async (o) => {
+      await b({ pageSize: e.value.pageSize, pageIndex: o });
+    }, A = async (o) => {
+      await b({ pageSize: o, pageIndex: 0 });
+    };
+    function E() {
+      u.value.length > 0 && (i.value = i.value.filter(
+        (o) => !u.value.some((a) => a._id === o) || // Keep if not in current page
+        Object.entries(r.value).some(
+          ([a, d]) => d && u.value[a]._id === o
+          // Keep if selected in current page
+        )
+      ));
+      for (const [o, a] of Object.entries(r.value))
+        if (a) {
+          const d = u.value[o]._id;
+          i.value.includes(d) || i.value.push(d);
+        }
+    }
+    async function D(o) {
+      i.value.length < 1 || await j(
+        async () => {
+          await ee.sendCollection(h.value, {
+            memberId: i.value
+          }), await N("success"), S();
+        },
+        {
+          message: "Sending claim(s)",
+          successMessage: "Claim(s) created"
+        }
+      );
+    }
+    return T(r, E, { deep: !0 }), M({
+      showSheet: P,
+      hideSheet: S
+    }), q(async () => {
+      await b(e.value);
+    }), (o, a) => {
+      const d = x("FmSearch"), y = x("FmTable"), c = x("FmButton"), J = x("FmSideSheet");
+      return I(), G(J, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Send voucher to",
+        modelValue: t(m),
+        "onUpdate:modelValue": [
+          a[8] || (a[8] = (l) => k(m) ? m.value = l : null),
+          a[9] || (a[9] = (l) => m.value = l)
+        ]
+      }, {
+        "side-sheet-footer": z(() => [
+          n("div", ce, [
+            s(c, {
+              label: "Send",
+              loading: t(X)().isLoading,
+              onClick: D
+            }, null, 8, ["loading"]),
+            s(c, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: a[7] || (a[7] = (l) => m.value = !1)
+            })
+          ])
+        ]),
+        default: z(() => [
+          s(Q, { json: t(i) }, null, 8, ["json"]),
+          n("div", ae, [
+            n("div", te, f(t(i).length) + " members selected ", 1),
+            n("div", oe, [
+              s(d, {
+                class: "mt-4",
+                modelValue: t(e).searchValue,
+                "onUpdate:modelValue": [
+                  a[0] || (a[0] = (l) => t(e).searchValue = l),
+                  t($)
+                ],
+                placeholder: "Search Member",
+                collapsible: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            s(y, {
+              modelValue: t(r),
+              "onUpdate:modelValue": a[1] || (a[1] = (l) => k(r) ? r.value = l : null),
+              selection: "multiple",
+              loading: t(e).isLoading,
+              "row-data": t(u),
+              "column-defs": B,
+              "page-size": t(e).pageSize,
+              "page-count": t(e).pageCount,
+              "fetch-fn": void 0,
+              "hide-footer": ""
+            }, null, 8, ["modelValue", "loading", "row-data", "page-size", "page-count"]),
+            t(e).totalRows > t(e).pageSize ? (I(), H("div", le, [
+              n("div", ne, [
+                n("div", se, [
+                  a[10] || (a[10] = n("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+                  s(F, {
+                    items: [
+                      { label: "10", value: 10 },
+                      { label: "20", value: 20 },
+                      { label: "50", value: 50 }
+                    ],
+                    value: t(e).pageSize,
+                    "onUpdate:modelValue": A
+                  }, null, 8, ["value"])
+                ]),
+                n("span", ie, f(t(_) + 1) + " - " + f(t(U)) + " of " + f(t(e).totalRows) + " items ", 1)
+              ]),
+              n("div", re, [
+                s(F, {
+                  items: Array.from(Array(t(e).pageCount), (l, V) => ({
+                    label: (V + 1).toString(),
+                    value: V + 1
+                  })),
+                  value: t(L),
+                  "onUpdate:modelValue": a[2] || (a[2] = (l) => v(l - 1))
+                }, null, 8, ["items", "value"]),
+                n("span", ue, " of " + f(t(e).pageCount) + " pages ", 1),
+                n("div", de, [
+                  s(c, {
+                    disabled: !t(w),
+                    icon: "first_page",
+                    "icon-color": "neutral-black",
+                    variant: "tertiary",
+                    onClick: a[3] || (a[3] = (l) => v(0))
+                  }, null, 8, ["disabled"]),
+                  s(c, {
+                    disabled: !t(w),
+                    icon: "chevron_left",
+                    "icon-color": "neutral-black",
+                    variant: "tertiary",
+                    onClick: a[4] || (a[4] = (l) => v(t(e).pageIndex - 1))
+                  }, null, 8, ["disabled"]),
+                  s(c, {
+                    disabled: !t(C),
+                    icon: "chevron_right",
+                    "icon-color": "neutral-black",
+                    variant: "tertiary",
+                    onClick: a[5] || (a[5] = (l) => v(t(e).pageIndex + 1))
+                  }, null, 8, ["disabled"]),
+                  s(c, {
+                    disabled: !t(C),
+                    icon: "last_page",
+                    "icon-color": "neutral-black",
+                    variant: "tertiary",
+                    onClick: a[6] || (a[6] = (l) => v(t(e).pageCount - 1))
+                  }, null, 8, ["disabled"])
+                ])
+              ])
+            ])) : K("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Se as _
+};