@feedmepos/mf-connect 0.1.88-prod → 0.1.90-prod

package/dist/SendVoucherSheet.vue_vue_type_script_setup_true_lang-w9sbHf1G.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-kCbpDTvS.js";
+import { u as X } from "./app-wDQR6dpb.js";
+import { l as Y } from "./lodash-C4AZ3S-J.js";
+import { m as Z } from "./index-CsjJKy32.js";
+import { c as ee } from "./campaign-PkE8sv2w.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 _
+};