@feedmepos/mf-connect 0.1.38-beta.2 → 0.1.39-prod

package/dist/MemberList-DFW2bMbr.js

@@ -0,0 +1,1606 @@
+import { defineComponent as be, computed as H, ref as G, resolveComponent as $, openBlock as u, createElementBlock as A, Fragment as q, createElementVNode as t, unref as e, createBlock as R, createCommentVNode as ce, createVNode as h, renderList as ie, withCtx as xe, createTextVNode as Fe, toDisplayString as I, withDirectives as Re, vShow as Ue, watch as Le, onBeforeMount as st, h as K, onMounted as ze, isRef as rt, normalizeClass as it } from "vue";
+import { h as S } from "./moment-BWErdI6_.js";
+import { useDialog as Ee, components as ve } from "@feedmepos/ui-library";
+import { e as lt, M as ct } from "./email-addresses-CMRgb6Uv.js";
+import { w as dt } from "./xlsx-WnLDq4qn.js";
+import "./index-BoR-BOFw.js";
+import "./index-CIztuDE4.js";
+import { u as $e, C as De, s as mt } from "./membership-D0eN3i_T.js";
+import { c as ut } from "./index-VHu8hYtE.js";
+import { _ as Ne } from "./lodash-B5I3zXaY.js";
+import { D as pt } from "./type_drinks-D6jnpvwV.js";
+import { d as ft, e as bt, f as yt, g as gt, h as vt } from "./index-C7rl1eHp.js";
+import { p as Ye, c as Pe, b as Oe } from "./plugins-DK_ue6Xa.js";
+import { u as je } from "./loading-BFkEqWR6.js";
+import { C as Ae } from "./collection.fn-BsYCNgfJ.js";
+import { defineStore as xt } from "pinia";
+import { u as qe } from "./business-TTvv3aTz.js";
+import { f as ee } from "./number-C8Gt93v9.js";
+import "./index-DWdAUovq.js";
+import "./index-B_893fH7.js";
+import "./index-DkWcEDHA.js";
+import "./index-B0YZKHyu.js";
+import { s as _t } from "./index-CuvNtC_M.js";
+import { u as Ke, _ as Ge } from "./usePagination-JoYaROkV.js";
+import { B as ht, e as St } from "./export-DtarK6IJ.js";
+import { m as Me } from "./index-2OAcPmuQ.js";
+import { o as Ce } from "./objectId-dwaoBfJX.js";
+import { F as ke } from "./collectible.enum-Cgmm_s-C.js";
+import { g as Ct, b as wt } from "./campaign-CjEVStN1.js";
+import { useRouter as He } from "vue-router";
+import { m as le } from "./index-BQ3KHJXX.js";
+import { t as Ft } from "./index-D2uZzjpn.js";
+import { R as We } from "./app-DuIzRGvb.js";
+import { t as Mt } from "./money-DS9ZQwSP.js";
+import { g as Tt, a as kt, b as At } from "./user-DhV5Iy52.js";
+const Et = { class: "flex flex-col" }, $t = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mb-8" }, "Member tiering", -1), Vt = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Member Card", -1), It = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Titles", -1), Bt = { key: 1 }, Dt = /* @__PURE__ */ t("div", { class: "flex flex-nowrap gap-4 items-center" }, [
+  /* @__PURE__ */ t("div", { class: "flex-1" }, "Title"),
+  /* @__PURE__ */ t("div", { class: "flex-1" }, "Expires in days"),
+  /* @__PURE__ */ t("div", { class: "w-24 h-1" })
+], -1), Nt = [
+  Dt
+], Yt = { class: "flex flex-nowrap gap-4 items-center my-[-4px]" }, Pt = { class: "flex flex-nowrap gap-8 items-center pt-24 w-full" }, Ot = /* @__PURE__ */ be({
+  __name: "MemberStatsDialog",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(y) {
+    var de, ne, W, se;
+    const k = Ee(), p = $e(), x = y, r = H(
+      () => {
+        var c;
+        return (((c = x.member.collection) == null ? void 0 : c.TITLE) ?? []).reduce(
+          (f, M) => {
+            var w, T, O, E, U;
+            const s = p.sortedTitles.find(
+              (te) => te._id.toString() === M.collectible
+            );
+            if (!s) return f;
+            const i = [...M.expiryBalance ?? []].sort(
+              (te, z) => S(te.expiredAt).isAfter(S(z.expiredAt)) ? -1 : 1
+            );
+            return (w = i[0]) != null && w.expiredAt && S((T = i[0]) == null ? void 0 : T.expiredAt).isBefore(S()) || f.push({
+              _id: s._id,
+              name: s.name,
+              expiredAt: (O = i[0]) != null && O.expiredAt ? S((E = i[0]) == null ? void 0 : E.expiredAt).toISOString() : "",
+              expiresIn: S((U = i[0]) == null ? void 0 : U.expiredAt).diff(S(), "days")
+            }), f;
+          },
+          []
+        );
+      }
+    ), o = G({
+      cardNo: x.member.cardNo,
+      experience: ((ne = (de = x.member.collection) == null ? void 0 : de.POINT) == null ? void 0 : ne[0].balance) ?? 0,
+      tier: ((se = (W = x.member.collection) == null ? void 0 : W.TIER) == null ? void 0 : se[0].balance) ?? -1,
+      titles: r.value.map((c) => ({ expiredAt: c.expiresIn, id: c._id })) ?? void 0
+    }), v = H(
+      () => (p.sortedTitles ?? []).map((c) => ({
+        label: c.name,
+        value: c._id.toString(),
+        sublabel: r.value.some((f) => f._id === c._id) ? "Owned" : void 0
+      }))
+    ), d = H(() => (p.sortedTiers ?? []).map((c, f) => ({
+      label: c.name,
+      sublabel: `${c.option.from} - ${c.option.to}`,
+      from: c.option.from,
+      to: c.option.to,
+      value: f + 1
+    })));
+    function C() {
+      var M, s;
+      const c = ((M = d.value[(o.value.tier ?? 1) - 1]) == null ? void 0 : M.from) ?? 0, f = (s = d.value[(o.value.tier ?? 1) - 1]) == null ? void 0 : s.to;
+      o.value.experience = Math.min(
+        f ?? c,
+        Math.max(c, o.value.experience ?? 0)
+      );
+    }
+    const m = H(() => {
+      var M, s, i, w, T, O;
+      const c = ((s = (M = x.member.collection) == null ? void 0 : M.TIER) == null ? void 0 : s[0].balance) ?? -1, f = ((w = (i = x.member.collection) == null ? void 0 : i.POINT) == null ? void 0 : w[0].balance) ?? 0;
+      if (c != o.value.tier) return !0;
+      if (o.value.experience && o.value.experience != f) {
+        const E = ((T = d.value[c - 1]) == null ? void 0 : T.from) ?? 0, U = ((O = d.value[c - 1]) == null ? void 0 : O.to) ?? 0;
+        if (o.value.experience < E || U && o.value.experience > U)
+          return !0;
+      }
+      return !1;
+    });
+    function g(c) {
+      var f;
+      return (f = r.value.find((M) => M._id === c)) == null ? void 0 : f.expiresIn;
+    }
+    const V = H(() => {
+      const c = ft.safeParse(o.value);
+      return c.success ? void 0 : c.error.errors;
+    });
+    function D(c) {
+      var f, M;
+      return (M = (f = V.value) == null ? void 0 : f.find((s) => s.path.join(".") === c)) == null ? void 0 : M.message;
+    }
+    function L(c) {
+      var f;
+      return (f = V.value) == null ? void 0 : f.filter((M) => M.path.join(".").startsWith(c)).map((M) => M.message);
+    }
+    async function P() {
+      await x.onSubmit(o.value), k.close();
+    }
+    return (c, f) => {
+      var te, z;
+      const M = $("FmSelect"), s = $("FmStepperField"), i = $("FmTextField"), w = $("FmField"), T = $("FmFormGroup"), O = $("FmButton"), E = $("FmHelperText"), U = $("FmSpacer");
+      return u(), A(q, null, [
+        t("div", Et, [
+          $t,
+          e(d).length ? (u(), R(M, {
+            key: 0,
+            modelValue: e(o).tier,
+            "onUpdate:modelValue": [
+              f[0] || (f[0] = (F) => e(o).tier = F),
+              C
+            ],
+            label: "Member Tier",
+            items: e(d),
+            "helper-text": D("tier"),
+            "helper-state": D("tier") ? "error" : void 0
+          }, null, 8, ["modelValue", "items", "helper-text", "helper-state"])) : ce("", !0),
+          h(s, {
+            "model-value": e(o).experience ?? 0,
+            "onUpdate:modelValue": f[1] || (f[1] = (F) => e(o).experience = F),
+            label: "Member Experience",
+            "max-fraction-digits": 0,
+            "helper-text": D("experience"),
+            "helper-state": D("experience") ? "error" : void 0
+          }, null, 8, ["model-value", "helper-text", "helper-state"]),
+          Vt,
+          h(i, {
+            modelValue: e(o).cardNo,
+            "onUpdate:modelValue": f[2] || (f[2] = (F) => e(o).cardNo = F),
+            label: "Card number",
+            "helper-text": D("cardNo"),
+            "helper-state": D("cardNo") ? "error" : void 0
+          }, null, 8, ["modelValue", "helper-text", "helper-state"]),
+          It,
+          (te = e(o).titles) != null && te.length ? (u(), A("div", Bt, Nt)) : ce("", !0),
+          (u(!0), A(q, null, ie(e(o).titles ?? [], (F, J) => (u(), A("div", { key: J }, [
+            t("div", Yt, [
+              e(r).some((a) => a._id === F.id) ? (u(), R(T, {
+                key: 1,
+                "model-value": "",
+                class: "flex-1"
+              }, {
+                default: xe(() => [
+                  h(w, {
+                    disabled: !0,
+                    class: "text-fm-color-typo-secondary"
+                  }, {
+                    default: xe(() => {
+                      var a;
+                      return [
+                        Fe(I((a = e(v).find((n) => n.value === F.id)) == null ? void 0 : a.label), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)) : (u(), R(M, {
+                key: 0,
+                modelValue: F.id,
+                "onUpdate:modelValue": [(a) => F.id = a, (a) => F.expiredAt = g(a) ?? 1],
+                class: "flex-1",
+                items: e(v).filter(
+                  (a) => {
+                    var n;
+                    return !((n = e(o).titles) != null && n.map((b) => b.id).includes(a.value)) || F.id === a.value;
+                  }
+                )
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])),
+              h(s, {
+                modelValue: F.expiredAt,
+                "onUpdate:modelValue": (a) => F.expiredAt = a,
+                class: "flex-1",
+                label: "",
+                "max-fraction-digits": 0,
+                min: 0,
+                max: 9999,
+                step: 1
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              h(O, {
+                class: "w-24 h-24",
+                icon: "close",
+                variant: "tertiary",
+                onClick: (a) => {
+                  var n;
+                  return (n = e(o).titles) == null ? void 0 : n.splice(J, 1);
+                }
+              }, null, 8, ["onClick"])
+            ]),
+            (u(!0), A(q, null, ie(L(`titles.${J}`), (a, n) => (u(), R(E, {
+              key: n,
+              class: "items-center",
+              state: "error",
+              text: a.toString()
+            }, null, 8, ["text"]))), 128))
+          ]))), 128)),
+          e(v).length && (((z = e(o).titles) == null ? void 0 : z.length) ?? 0) < e(v).length ? (u(), R(O, {
+            key: 2,
+            icon: "add",
+            label: "Give title",
+            variant: "plain",
+            onClick: f[3] || (f[3] = (F) => {
+              var J;
+              return e(o).titles = [
+                ...e(o).titles ?? [],
+                {
+                  id: ((J = e(v).find(
+                    (a) => {
+                      var n;
+                      return !((n = e(o).titles) != null && n.map((b) => b.id).includes(a.value));
+                    }
+                  )) == null ? void 0 : J.value) || e(v)[0].value,
+                  expiredAt: 0
+                }
+              ];
+            })
+          })) : ce("", !0)
+        ]),
+        t("div", Pt, [
+          Re(h(E, {
+            state: "warning",
+            text: "Updating member will cause tier to change"
+          }, null, 512), [
+            [Ue, e(m)]
+          ]),
+          h(U),
+          h(O, {
+            variant: "secondary",
+            label: "Cancel",
+            size: "md",
+            onClick: f[4] || (f[4] = (F) => e(k).close())
+          }),
+          h(O, {
+            disabled: !!e(V),
+            variant: "primary",
+            label: "Submit",
+            size: "md",
+            onClick: P
+          }, null, 8, ["disabled"])
+        ])
+      ], 64);
+    };
+  }
+}), Rt = { class: "fm-typo-en-title-sm-800" }, Ut = { class: "space-y-16" }, Lt = { class: "flex flex-nowrap gap-8 items-center justify-end pt-24 w-full" }, zt = /* @__PURE__ */ be({
+  __name: "CreditCoinDialog",
+  props: {
+    type: { type: String, required: !0 },
+    action: { type: String, required: !0 },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(y) {
+    const k = Ee(), p = y, x = G({
+      amount: 1,
+      day: 1,
+      remark: void 0
+    }), r = G(!0), o = H(() => Ae.formattedType(p.type.toUpperCase()));
+    function v(m) {
+      r.value = m, !m && p.type === "coin" && (x.value.day = void 0);
+    }
+    async function d() {
+      if (p.action === "send") {
+        const m = x.value.day ? `, expire in ${x.value.day} days` : "";
+        Ye.confirm(
+          `Are you sure to send ${x.value.amount} ${o.value.toLowerCase()}${m}? This action cannot be reversed.`
+        ).then(async (g) => {
+          g && await p.onSubmit(x.value);
+        });
+      } else
+        Ye.confirm(
+          `Are you sure to deduct ${x.value.amount} ${o.value.toLowerCase()}? This action cannot be reversed.`
+        ).then(async (m) => {
+          m && await p.onSubmit(x.value);
+        });
+    }
+    const C = H(() => {
+      const g = (p.action === "send" ? p.type === "coin" ? bt : yt : p.type === "coin" ? gt : vt).safeParse(x.value);
+      return g.success == !1 ? g.error.flatten().fieldErrors : void 0;
+    });
+    return (m, g) => {
+      const V = $("FmStepperField"), D = $("FmSwitch"), L = $("FmTextarea"), P = $("FmButton"), de = $("FmCard");
+      return u(), R(de, { class: "flex flex-col gap-16 p-16" }, {
+        default: xe(() => {
+          var ne, W, se, c, f, M;
+          return [
+            t("div", Rt, I(p.action == "send" ? "Send" : "Deduct") + " " + I(e(De)[p.type.toUpperCase()].name), 1),
+            Fe(" " + I(e(C)) + " ", 1),
+            t("div", Ut, [
+              h(V, {
+                modelValue: e(x).amount,
+                "onUpdate:modelValue": g[0] || (g[0] = (s) => e(x).amount = s),
+                label: `${e(De)[p.type.toUpperCase()].name} amount`,
+                "is-currency": !0,
+                "max-fraction-digits": 2,
+                "helper-state": (ne = e(C)) != null && ne.amount ? "error" : void 0,
+                "helper-text": (se = (W = e(C)) == null ? void 0 : W.amount) == null ? void 0 : se[0]
+              }, null, 8, ["modelValue", "label", "helper-state", "helper-text"]),
+              y.action === "send" && p.type === "coin" ? (u(), R(D, {
+                key: 0,
+                "model-value": e(r),
+                label: `${e(o)} expires`,
+                "label-placement": "right",
+                "onUpdate:modelValue": g[1] || (g[1] = (s) => v(s))
+              }, null, 8, ["model-value", "label"])) : ce("", !0),
+              y.action === "send" && e(r) ? (u(), R(V, {
+                key: 1,
+                modelValue: e(x).day,
+                "onUpdate:modelValue": g[2] || (g[2] = (s) => e(x).day = s),
+                label: `${e(o)} expires in`,
+                "max-fraction-digits": 0,
+                "append-text": "day(s)",
+                max: 9999,
+                min: 0,
+                "helper-state": (c = e(C)) != null && c.day ? "error" : void 0,
+                "helper-text": (M = (f = e(C)) == null ? void 0 : f.day) == null ? void 0 : M[0]
+              }, null, 8, ["modelValue", "label", "helper-state", "helper-text"])) : ce("", !0),
+              h(L, {
+                modelValue: e(x).remark,
+                "onUpdate:modelValue": g[3] || (g[3] = (s) => e(x).remark = s),
+                label: "Remark"
+              }, null, 8, ["modelValue"])
+            ]),
+            t("div", Lt, [
+              h(P, {
+                variant: "secondary",
+                label: "Cancel",
+                size: "md",
+                onClick: g[4] || (g[4] = (s) => e(k).close())
+              }),
+              h(P, {
+                disabled: !!e(C),
+                variant: "primary",
+                label: "Submit",
+                size: "md",
+                onClick: g[5] || (g[5] = async () => d())
+              }, null, 8, ["disabled"])
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Je = xt("segment", () => {
+  const y = G([]);
+  async function k() {
+    const p = await mt.readAll({
+      limit: 1e3,
+      skip: 0,
+      sortBy: "_id",
+      descending: !0
+    });
+    y.value = p.resources;
+  }
+  return {
+    segments: y,
+    read: k
+  };
+});
+class jt extends ht {
+}
+const qt = { class: "border border-fm-color-neutral-gray-100 rounded-lg p-16" }, Kt = { class: "hidden xs:flex items-center justify-end" }, Gt = { class: "flex items-center justify-between mb-4" }, Ht = { class: "flex items-center justify-between gap-x-8" }, Wt = { class: "fm-typo-en-body-lg-600" }, Jt = { class: "px-4 py-0.5 rounded-md bg-fm-color-neutral-gray-100 fm-typo-en-body-md-600" }, Xt = { class: "xs:hidden flex justify-between gap-x-4" }, Te = /* @__PURE__ */ be({
+  __name: "MemberCollectionTable",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    columns: {
+      type: Array,
+      default: [],
+      required: !0
+    },
+    filters: {
+      type: Object,
+      default: {}
+    },
+    withExport: {
+      type: Boolean,
+      default: !1
+    },
+    transformExportRecord: {
+      type: Function
+    }
+  },
+  setup(y) {
+    const k = y, p = G({
+      search: ""
+    }), x = G(!1), { tableMeta: r, rowData: o, onSort: v, debouncedFetchData: d, onSearch: C } = Ke(async (g) => {
+      const V = {
+        ...p.value,
+        ...k.filters
+      };
+      return await Me.readCollectionsByMemberId(
+        k.member._id.toString(),
+        g,
+        V
+      );
+    });
+    Le(
+      p,
+      () => {
+        d();
+      },
+      { deep: !0 }
+    );
+    async function m() {
+      try {
+        x.value = !0;
+        const g = {
+          ...p.value,
+          ...k.filters
+        };
+        await St({
+          exporter: new jt(),
+          readFunction: (V) => Me.readCollectionsByMemberId(
+            k.member._id.toString(),
+            V,
+            g
+          ),
+          transformRecord: k.transformExportRecord,
+          filename: `${k.member._id.toString()}-${k.title.replace(" ", "-").toLowerCase()}`
+        });
+      } catch (g) {
+        console.error(g);
+      } finally {
+        x.value = !1;
+      }
+    }
+    return st(async () => {
+      await d();
+    }), (g, V) => {
+      const D = $("FmSearch"), L = $("FmButton");
+      return u(), A("div", qt, [
+        t("div", Kt, [
+          h(D, {
+            class: "hidden xs:flex",
+            modelValue: e(p).search,
+            "onUpdate:modelValue": [
+              V[0] || (V[0] = (P) => e(p).search = P),
+              e(C)
+            ],
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+          y.withExport ? (u(), R(L, {
+            key: 0,
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: m
+          })) : ce("", !0)
+        ]),
+        t("div", Gt, [
+          t("div", Ht, [
+            t("div", Wt, I(k.title), 1),
+            t("div", Jt, I(e(r).totalRows), 1)
+          ]),
+          t("div", Xt, [
+            h(D, {
+              modelValue: e(p).search,
+              "onUpdate:modelValue": [
+                V[1] || (V[1] = (P) => e(p).search = P),
+                e(C)
+              ],
+              placeholder: "Search"
+            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+            y.withExport ? (u(), R(L, {
+              key: 0,
+              icon: "ios_share",
+              variant: "tertiary",
+              onClick: m
+            })) : ce("", !0)
+          ])
+        ]),
+        h(Ge, {
+          loading: e(r).isLoading,
+          "row-data": e(o),
+          "row-count": e(r).totalRows,
+          "column-defs": y.columns,
+          "page-count": e(r).pageCount,
+          "page-index": e(r).pageIndex,
+          "page-size": e(r).pageSize,
+          "shrink-at": !1,
+          onSortChange: e(v),
+          onPageChange: V[2] || (V[2] = (P) => e(d)({
+            pageSize: P.pageSize,
+            pageIndex: P.pageIndex
+          }))
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
+      ]);
+    };
+  }
+}), Qt = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Voucher Collections", -1), Zt = /* @__PURE__ */ be({
+  __name: "MemberVouchers",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(y) {
+    const k = y, p = [
+      {
+        header: "Voucher title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(o) {
+          var v;
+          return K(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((v = o.row.original.pf_collectible) == null ? void 0 : v.name) || "-"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Claimed at",
+        accessorKey: "_id",
+        accessorFn: (o) => S(Ce(o._id.toString())).format("D MMM YYYY"),
+        enableSorting: !1
+      },
+      {
+        header: "Expired at",
+        cell(o) {
+          var d, C, m, g;
+          const v = (C = (d = o.row.original.expiryBalance) == null ? void 0 : d[0]) != null && C.expiredAt ? S((g = (m = o.row.original.expiryBalance) == null ? void 0 : m[0]) == null ? void 0 : g.expiredAt).format(
+            "D MMM YYYY"
+          ) : "-";
+          return K("div", {}, v);
+        },
+        enableSorting: !0
+      },
+      {
+        header: "Transfer open",
+        accessorFn: (o) => {
+          var v, d, C;
+          return _t((C = (d = (v = o.pf_collectible) == null ? void 0 : v.options) == null ? void 0 : d.enableTransfer) == null ? void 0 : C.toString());
+        },
+        enableSorting: !1
+      }
+    ], x = (o) => ({
+      type: ke.enum.VOUCHER,
+      isActive: o
+    }), r = (o) => {
+      var v, d, C, m, g, V, D;
+      return {
+        CollectionID: o._id,
+        Title: (v = o.pf_collectible) == null ? void 0 : v.name,
+        ClaimedAt: S(Ce(o._id.toString())).format(
+          "D MMM YYYY, hh:mmA"
+        ),
+        ExpiredAt: (C = (d = o.expiryBalance) == null ? void 0 : d[0]) != null && C.expiredAt ? S((g = (m = o.expiryBalance) == null ? void 0 : m[0]) == null ? void 0 : g.expiredAt).format("D MMM YYYY") : "",
+        TransferOpen: ((D = (V = o.pf_collectible) == null ? void 0 : V.options) == null ? void 0 : D.enableTransfer) || !1
+      };
+    };
+    return (o, v) => (u(), A(q, null, [
+      Qt,
+      h(Te, {
+        member: k.member,
+        columns: p,
+        title: "Active voucher",
+        filters: x(!0),
+        withExport: !0,
+        transformExportRecord: r
+      }, null, 8, ["member", "filters"]),
+      h(Te, {
+        member: k.member,
+        columns: p,
+        title: "Past voucher",
+        filters: x(!1),
+        withExport: !0,
+        transformExportRecord: r
+      }, null, 8, ["member", "filters"])
+    ], 64));
+  }
+}), eo = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Mission", -1), to = /* @__PURE__ */ be({
+  __name: "MemberMissions",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(y) {
+    const k = y, p = [
+      {
+        header: "Mission title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(r) {
+          var o;
+          return K(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((o = r.row.original.pf_campaign) == null ? void 0 : o.name) || "Deleted Campaign"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Type",
+        accessorFn: (r) => {
+          var o, v, d;
+          return Pe.title(((d = (v = (o = r == null ? void 0 : r.pf_collectible) == null ? void 0 : o.extras) == null ? void 0 : v.mission) == null ? void 0 : d.type) || "-");
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Status",
+        cell(r) {
+          if (r.row.original.pf_campaign) {
+            const o = {
+              active: "text-fm-color-typo-warning bg-fm-color-system-warning-100",
+              upcoming: "text-fm-color-typo-info bg-fm-color-system-info-100",
+              completed: "text-fm-color-typo-success bg-fm-color-system-success-100",
+              expired: "text-fm-color-typo-error bg-fm-color-system-error-100"
+            }, v = Ct(
+              r.row.original.pf_campaign
+            ), C = r.row.original.balance === r.row.original.pf_collectible.extras.mission.end && v === "active" ? "completed" : v;
+            return K(ve.FmChip, {
+              class: o[C],
+              label: Pe.title(C),
+              compact: !0
+            });
+          }
+          return K(ve.FmChip, {
+            class: "",
+            label: "-",
+            compact: !0
+          });
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Summary",
+        accessorFn: (r) => r != null && r.pf_campaign ? wt(r.pf_campaign) : "Deleted Campaign",
+        enableSorting: !1
+      },
+      {
+        header: "Current Step",
+        accessorKey: "balance",
+        enableSorting: !1
+      },
+      {
+        header: "Total Step",
+        accessorFn: (r) => {
+          var o, v, d;
+          return ((d = (v = (o = r == null ? void 0 : r.pf_collectible) == null ? void 0 : o.extras) == null ? void 0 : v.mission) == null ? void 0 : d.end) ?? 0;
+        },
+        enableSorting: !1
+      }
+    ], x = {
+      type: ke.enum.STAMP
+    };
+    return (r, o) => (u(), A(q, null, [
+      eo,
+      h(Te, {
+        member: k.member,
+        columns: p,
+        title: "Mission",
+        filters: x
+      }, null, 8, ["member"])
+    ], 64));
+  }
+}), oo = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Game program", -1), ao = /* @__PURE__ */ be({
+  __name: "MemberGames",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(y) {
+    const k = y, p = [
+      {
+        header: "Game title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(r) {
+          var o;
+          return K(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((o = r.row.original.pf_campaign) == null ? void 0 : o.name) || "-"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Claimed at",
+        accessorKey: "_id",
+        accessorFn: (r) => S(Ce(r._id.toString())).format("D MMM YYYY"),
+        enableSorting: !1
+      },
+      {
+        header: "Expired at",
+        cell(r) {
+          var v, d, C, m;
+          const o = (d = (v = r.row.original.expiryBalance) == null ? void 0 : v[0]) != null && d.expiredAt ? S((m = (C = r.row.original.expiryBalance) == null ? void 0 : C[0]) == null ? void 0 : m.expiredAt).format(
+            "D MMM YYYY"
+          ) : "-";
+          return K("div", {}, o);
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Token received",
+        accessorKey: "balance",
+        enableSorting: !1
+      }
+    ], x = (r) => ({
+      type: ke.enum.GAME,
+      isActive: r
+    });
+    return (r, o) => (u(), A(q, null, [
+      oo,
+      h(Te, {
+        member: k.member,
+        columns: p,
+        title: "Active game token",
+        filters: x(!0)
+      }, null, 8, ["member", "filters"])
+    ], 64));
+  }
+}), no = { class: "flex flex-col flex-nowrap gap-y-24 max-h-full" }, so = { class: "grid md:grid-cols-2 lg:grid-cols-2 gap-x-36 gap-y-24" }, ro = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mb-16" }, "Profile Information", -1), io = { class: "space-y-16" }, lo = { class: "flex gap-16 items-center" }, co = { class: "flex-auto" }, mo = /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Member Name ", -1), uo = { class: "fm-typo-en-body-md-600" }, po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bo = { class: "fm-typo-en-body-md-800" }, yo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, go = { class: "fm-typo-en-body-md-600" }, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xo = { class: "fm-typo-en-body-md-800" }, _o = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800 mb-16" }, "Activities", -1), ho = { class: "gap-16 grid grid-cols-1" }, So = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Co = { class: "fm-typo-en-body-md-600" }, wo = /* @__PURE__ */ t("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1), Fo = { class: "p-16 grid md:grid-cols-3 lg:grid-cols-3 border-2 border-fm-color-neutral-gray-100 rounded-lg gap-16 divide-y md:divide-y-0 lg:divide-y-0 md:divide-x lg:divide-x divide-fm-color-neutral-gray-100" }, Mo = { class: "flex justify-between mb-16" }, To = { class: "fm-typo-en-title-sm-600" }, ko = ["onClick"], Ao = { class: "flex flex-col gap-y-16" }, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $o = { class: "fm-typo-en-body-md-600" }, Vo = { class: "space-y-8" }, Io = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800" }, "Segments", -1), Bo = {
+  key: 0,
+  class: "space-x-8"
+}, Do = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, No = /* @__PURE__ */ t("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1), Yo = { class: "space-y-8" }, Po = /* @__PURE__ */ t("div", { class: "fm-typo-en-title-sm-800" }, "Title badge", -1), Oo = ["src"], Ro = { class: "fm-typo-en-body-md-600" }, Uo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Lo = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, zo = {
+  key: 1,
+  class: "space-y-24"
+}, jo = { class: "space-y-8" }, qo = /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credit ", -1), Ko = { class: "fm-typo-en-title-md-800" }, Go = { class: "space-y-4" }, Ho = /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credit(s) to be expired in 30 days ", -1), Wo = { class: "fm-typo-en-body-md-600" }, Jo = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, Xo = { class: "space-y-8" }, Qo = /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Point ", -1), Zo = { class: "fm-typo-en-title-md-800" }, ea = { class: "space-y-4" }, ta = /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Point(s) to be expired in 30 days ", -1), oa = { class: "fm-typo-en-body-md-600" }, aa = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, na = /* @__PURE__ */ be({
+  __name: "MemberDetailSheet",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:member"],
+  setup(y, { expose: k, emit: p }) {
+    const x = He(), r = $e(), o = qe(), v = Je(), d = Ee(), { minor: C } = je, m = y, g = p, V = H(() => o.locations.map((a) => ({
+      label: a.name,
+      value: a._id
+    }))), D = H(() => (m.member.segment || []).map((a) => {
+      var n;
+      return ((n = v.segments.find((b) => b._id === a)) == null ? void 0 : n.name) || "";
+    }).filter(Boolean)), L = [
+      {
+        label: "Loyalty",
+        stats: [
+          {
+            label: "Experiences",
+            getter: (a) => {
+              var n, b, B;
+              return ee(((B = (b = (n = a.collection) == null ? void 0 : n.POINT) == null ? void 0 : b[0]) == null ? void 0 : B.balance) ?? 0, 2);
+            }
+          },
+          {
+            label: "Credits",
+            getter: (a) => {
+              var n, b, B;
+              return ee(((B = (b = (n = a.collection) == null ? void 0 : n.CREDIT) == null ? void 0 : b[0]) == null ? void 0 : B.balance) ?? 0, 2);
+            }
+          }
+        ]
+      },
+      {
+        label: "Voucher",
+        stats: [
+          {
+            label: "Active vouchers",
+            getter: () => ee(w.value.active, 0)
+          },
+          {
+            label: "Past vouchers",
+            getter: () => ee(w.value.past, 0)
+          }
+        ]
+      },
+      {
+        label: "Mission",
+        stats: [
+          {
+            label: "Stamp missions",
+            getter: () => ee(i.value.stamp, 0)
+          },
+          {
+            label: "Progress missions",
+            getter: () => ee(i.value.progressive, 0)
+          }
+        ]
+      },
+      {
+        label: "Game",
+        stats: [
+          {
+            label: "Tokens",
+            getter: (a) => {
+              var n, b;
+              return ee(
+                ((b = (n = a.collection) == null ? void 0 : n.GAME) == null ? void 0 : b.reduce(
+                  (B, N) => B + N.balance,
+                  0
+                )) || 0,
+                0
+              );
+            }
+          }
+        ]
+      },
+      {
+        label: "Store bundle",
+        stats: [
+          {
+            label: "Bundle purchased",
+            getter: () => ee(O.value, 0)
+          }
+        ]
+      }
+    ], de = (() => {
+      const n = [];
+      for (let b = 0; b < L.length; b += 3)
+        n.push(L.slice(b, b + 3));
+      return n;
+    })();
+    async function ne(a, n) {
+      switch (a.stopPropagation(), n) {
+        case "Store bundle":
+          await x.push({
+            name: We["$connect-LOYALTY_MEMBER_TRANSACTIONS"],
+            params: { id: m.member._id.toString() },
+            query: { tab: "store" }
+          });
+          break;
+        default:
+          F.value = z.find((b) => b.label === n) || z[0];
+          break;
+      }
+    }
+    async function W(a, n) {
+      d.open({
+        title: "",
+        dialogComponent: zt,
+        dialogComponentProps: {
+          type: a,
+          action: n,
+          onSubmit: async (b) => {
+            await C(
+              async () => {
+                const B = {
+                  "credit-send": le.sendCredit,
+                  "credit-deduct": le.deductCredit,
+                  "coin-send": le.sendCoin,
+                  "coin-deduct": le.deductCoin
+                }, N = `${a}-${n}`, X = B[N];
+                X && await X(m.member._id, b), g("update:member"), d.close();
+              },
+              {
+                message: `Adjusting ${Ae.formattedType(
+                  a.toUpperCase()
+                ).toLowerCase()}`,
+                successMessage: `${b.amount} ${Ae.formattedType(
+                  a.toUpperCase()
+                ).toLowerCase()} ${n} ${n == "send" ? "to" : "from"} ${m.member.phoneNumber}`
+              }
+            );
+          }
+        }
+      });
+    }
+    async function se() {
+      d.open({
+        title: "Update member statistics",
+        contentComponent: Ot,
+        contentComponentProps: {
+          member: m.member,
+          onSubmit: async (a) => {
+            await C(
+              async () => {
+                await le.updateMember(m.member._id, a), g("update:member"), d.close();
+              },
+              {
+                message: "Updating member stats",
+                successMessage: `Updated member ${m.member.phoneNumber} stats successfully`
+              }
+            );
+          }
+        }
+      });
+    }
+    const c = [
+      {
+        label: "Mobile No.",
+        key: "phoneNumber"
+      },
+      {
+        label: "Tier",
+        getter: (a) => {
+          var re, me, ye, _, Y;
+          const n = (((me = Ne.first((re = m.member.collection) == null ? void 0 : re.TIER)) == null ? void 0 : me.balance) || 0) - 1, b = M.value.name, B = ((_ = (ye = a.collection) == null ? void 0 : ye.POINT) == null ? void 0 : _[0].balance) ?? 0, N = r.sortedTiers[n + 1], X = ((Y = N == null ? void 0 : N.option) == null ? void 0 : Y.to) ?? 1 / 0;
+          return `${b} (${B}/${X})`;
+        }
+      },
+      {
+        label: "Email",
+        key: "email"
+      },
+      {
+        label: "Birthday",
+        getter: (a) => a.birthday ? S(a.birthday).format("D MMM YYYY") : "-"
+      }
+    ], f = [
+      {
+        label: "Customer since",
+        getter: (a) => S(Ce(a._id.toString())).format("D MMM YYYY")
+      },
+      {
+        label: "Joined at location",
+        getter: (a) => {
+          var n;
+          return a != null && a.location && ((n = V.value.find((b) => b.value == a.location)) == null ? void 0 : n.label) || "-";
+        }
+      },
+      {
+        label: "Total visit(s)",
+        getter: (a) => Oe.singularOrPlural(a.stats.visitCount, "bill")
+      },
+      {
+        label: "Last visit",
+        getter: (a) => S(a.stats.lastVisit).fromNow()
+      },
+      {
+        label: "Frequency",
+        getter: (a) => `Every ${Oe.singularOrPlural(
+          Number(Math.ceil(a.stats.avgVisitFrequency).toFixed(0)),
+          "day"
+        )}`
+      },
+      {
+        label: "Average spend",
+        getter: (a) => ut.Dinero.fromNumber({ number: Number(a.stats.avgBillSize || 0) }).toFormat(
+          !0
+        )
+      }
+      // {
+      //   label: 'Feedback',
+      //   key: 'feedbackCount',
+      // },
+      // {
+      //   label: 'Tier Earned this season',
+      //   key: 'lastSeasonTierEarned',
+      // },
+      // {
+      //   label: 'Point Earned this season',
+      //   key: 'lastSeasonPointEarned',
+      // },
+    ], M = H(() => {
+      var b, B;
+      const a = (((B = Ne.first((b = m.member.collection) == null ? void 0 : b.TIER)) == null ? void 0 : B.balance) || 0) - 1, n = r.sortedTiers[a];
+      return { name: (n == null ? void 0 : n.name) || "-", tier: a, config: n };
+    }), s = H(() => {
+      var a;
+      return (((a = m.member.collection) == null ? void 0 : a.TITLE) || []).map((n) => {
+        var B, N, X;
+        const b = (B = r.sortedTitles) == null ? void 0 : B.find(
+          (re) => re._id == n.collectible
+        );
+        return {
+          name: b == null ? void 0 : b.name,
+          expiredAt: (X = (N = n.expiryBalance) == null ? void 0 : N.at(-1)) == null ? void 0 : X.expiredAt,
+          collectible: b
+        };
+      }).filter(
+        (n) => n.expiredAt ? S(n.expiredAt).isAfter(S()) : !0
+      );
+    }), i = G({ stamp: 0, progressive: 0 }), w = G({ active: 0, past: 0 }), T = G([]), O = H(
+      () => T.value.reduce((a, n) => a + n.count, 0)
+    ), E = G(!0);
+    function U() {
+      E.value = !0, F.value = z[0];
+    }
+    function te() {
+      E.value = !1;
+    }
+    const z = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Loyalty",
+        value: "loyalty"
+      },
+      {
+        label: "Voucher",
+        value: "voucher"
+      },
+      {
+        label: "Mission",
+        value: "mission"
+      },
+      {
+        label: "Game",
+        value: "game"
+      }
+    ], F = G(z[0]), J = async () => {
+      w.value = await Me.readCollectionCountByMemberId(
+        m.member._id.toString(),
+        ke.enum.VOUCHER
+      ), T.value = await Ft.readPurchaseCountByMember(
+        m.member._id.toString()
+      ), i.value = await Me.readMissionCountByMemberId(
+        m.member._id.toString()
+      );
+    };
+    return ze(async () => {
+      await r.readMembership(), await J(), o.locations.length || await o.readLocations();
+    }), Le(E, async () => {
+      await J();
+    }), k({
+      showSheet: U,
+      hideSheet: te
+    }), (a, n) => {
+      const b = $("FmTabs"), B = $("FmAvatar"), N = $("FmButton"), X = $("FmIcon"), re = $("FmChip"), me = $("FmCard"), ye = $("FmSideSheet");
+      return u(), R(ye, {
+        modelValue: e(E),
+        "onUpdate:modelValue": n[5] || (n[5] = (_) => rt(E) ? E.value = _ : null),
+        header: "Member Detail",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 1100
+      }, {
+        "side-sheet-footer": xe(() => []),
+        default: xe(() => [
+          t("div", no, [
+            t("div", null, [
+              h(b, {
+                "model-value": e(F).value,
+                items: z,
+                class: "overflow-x-auto",
+                "onUpdate:modelValue": n[0] || (n[0] = (_) => F.value = z.find((Y) => Y.value === _))
+              }, null, 8, ["model-value"])
+            ]),
+            e(F).value == "overview" ? (u(), A(q, { key: 0 }, [
+              t("div", so, [
+                t("div", null, [
+                  ro,
+                  t("div", io, [
+                    t("div", lo, [
+                      h(B, {
+                        name: y.member.photoUrl ? void 0 : y.member.name,
+                        src: y.member.photoUrl || void 0
+                      }, null, 8, ["name", "src"]),
+                      t("div", co, [
+                        mo,
+                        t("div", uo, I(y.member.name), 1),
+                        t("div", po, I(y.member._id), 1),
+                        t("div", fo, [
+                          Fe(" Member Card: "),
+                          t("span", bo, I(y.member.cardNo ? y.member.cardNo : "-"), 1)
+                        ])
+                      ]),
+                      h(N, {
+                        variant: "tertiary",
+                        icon: "settings",
+                        onClick: se
+                      })
+                    ]),
+                    (u(), A(q, null, ie(c, (_, Y) => t("div", { key: Y }, [
+                      t("div", yo, I(_.label), 1),
+                      t("div", go, I(_.key ? y.member[_.key] : _.getter(y.member)), 1)
+                    ])), 64)),
+                    t("div", vo, [
+                      Fe(" Referral Code: "),
+                      t("span", xo, I(y.member.referralCode ? y.member.referralCode : "-"), 1)
+                    ])
+                  ])
+                ]),
+                t("div", null, [
+                  _o,
+                  t("div", ho, [
+                    (u(), A(q, null, ie(f, (_) => t("div", {
+                      key: _.key
+                    }, [
+                      t("div", So, I(_.label), 1),
+                      t("div", Co, I(_.key ? m.member.stats[_.key] || "-" : _.getter(y.member)), 1)
+                    ])), 64))
+                  ])
+                ])
+              ]),
+              wo,
+              (u(!0), A(q, null, ie(e(de), (_) => (u(), A("div", Fo, [
+                (u(!0), A(q, null, ie(_, (Y, oe) => (u(), A("div", { key: oe }, [
+                  t("div", {
+                    class: it(oe !== 0 ? "pt-12 md:pt-0 lg:pt-0 md:pl-12 lg:pl-12" : "")
+                  }, [
+                    t("div", Mo, [
+                      t("div", To, I(Y.label), 1),
+                      t("button", {
+                        onClick: (j) => ne(j, Y.label)
+                      }, [
+                        h(X, {
+                          name: "chevron_right",
+                          outline: "",
+                          size: "md"
+                        })
+                      ], 8, ko)
+                    ]),
+                    t("div", Ao, [
+                      (u(!0), A(q, null, ie(Y.stats, (j) => (u(), A("div", {
+                        key: j.key
+                      }, [
+                        t("div", Eo, I(j.label), 1),
+                        t("div", $o, I(j.getter(y.member)), 1)
+                      ]))), 128))
+                    ])
+                  ], 2)
+                ]))), 128))
+              ]))), 256)),
+              t("div", Vo, [
+                Io,
+                e(D).length ? (u(), A("div", Bo, [
+                  (u(!0), A(q, null, ie(e(D), (_) => (u(), R(re, {
+                    label: _.toString()
+                  }, null, 8, ["label"]))), 256))
+                ])) : (u(), A("div", Do, "No titles"))
+              ]),
+              No,
+              t("div", Yo, [
+                Po,
+                e(s).length ? (u(!0), A(q, { key: 0 }, ie(e(s).filter((_) => _.collectible), (_) => (u(), A("div", {
+                  class: "flex items-center gap-x-8 h-48",
+                  key: _.name
+                }, [
+                  t("img", {
+                    src: _.collectible.image || e(pt),
+                    class: "aspect-square h-full object-contain"
+                  }, null, 8, Oo),
+                  t("div", null, [
+                    t("div", Ro, I(_.name), 1),
+                    t("div", Uo, " Expired on " + I(e(S)(_.expiredAt).format("MMM D, Y")), 1)
+                  ])
+                ]))), 128)) : (u(), A("div", Lo, "No titles"))
+              ])
+            ], 64)) : e(F).value == "loyalty" ? (u(), A("div", zo, [
+              h(me, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: xe(() => {
+                  var _, Y, oe, j, ue, pe, fe;
+                  return [
+                    t("div", jo, [
+                      qo,
+                      t("div", Ko, I(((oe = (Y = (_ = y.member.collection) == null ? void 0 : _.CREDIT) == null ? void 0 : Y[0]) == null ? void 0 : oe.balance) ?? 0), 1)
+                    ]),
+                    t("div", Go, [
+                      Ho,
+                      t("div", Wo, I(((fe = (pe = (ue = (j = y.member.collection) == null ? void 0 : j.CREDIT) == null ? void 0 : ue[0]) == null ? void 0 : pe.expiryBalance) == null ? void 0 : fe.reduce(
+                        (Q, Z) => Z.expiredAt && e(S)(Z.expiredAt).isAfter(e(S)()) && e(S)(Z.expiredAt).isBefore(e(S)().add(30, "days")) ? Q + Z.amount : Q,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    t("div", Jo, [
+                      h(N, {
+                        label: "Add credit",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: n[1] || (n[1] = (Q) => W("credit", "send"))
+                      }),
+                      h(N, {
+                        label: "Deduct credit",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: n[2] || (n[2] = (Q) => W("credit", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              h(me, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: xe(() => {
+                  var _, Y, oe, j, ue, pe, fe;
+                  return [
+                    t("div", Xo, [
+                      Qo,
+                      t("div", Zo, I(((oe = (Y = (_ = y.member.collection) == null ? void 0 : _.COIN) == null ? void 0 : Y[0]) == null ? void 0 : oe.balance) ?? 0), 1)
+                    ]),
+                    t("div", ea, [
+                      ta,
+                      t("div", oa, I(((fe = (pe = (ue = (j = y.member.collection) == null ? void 0 : j.COIN) == null ? void 0 : ue[0]) == null ? void 0 : pe.expiryBalance) == null ? void 0 : fe.reduce(
+                        (Q, Z) => Z.expiredAt && e(S)(Z.expiredAt).isAfter(e(S)()) && e(S)(Z.expiredAt).isBefore(e(S)().add(30, "days")) ? Q + Z.amount : Q,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    t("div", aa, [
+                      h(N, {
+                        label: "Add point",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: n[3] || (n[3] = (Q) => W("coin", "send"))
+                      }),
+                      h(N, {
+                        label: "Deduct point",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: n[4] || (n[4] = (Q) => W("coin", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              })
+            ])) : e(F).value == "voucher" ? (u(), R(Zt, {
+              key: 2,
+              member: m.member
+            }, null, 8, ["member"])) : e(F).value == "mission" ? (u(), R(to, {
+              key: 3,
+              member: m.member
+            }, null, 8, ["member"])) : e(F).value == "game" ? (u(), R(ao, {
+              key: 4,
+              member: m.member
+            }, null, 8, ["member"])) : ce("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), sa = { class: "flex items-center justify-end" }, Ua = /* @__PURE__ */ be({
+  __name: "MemberList",
+  setup(y) {
+    const k = Je(), p = $e(), x = qe(), { minor: r } = je, o = He(), v = [
+      {
+        header: "Name",
+        enableSorting: !0,
+        accessorKey: "name",
+        cell(s) {
+          return Tt(s.row.original);
+        }
+      },
+      {
+        header: "Phone",
+        enableSorting: !0,
+        accessorKey: "phoneNumber"
+      },
+      {
+        accessorFn: (s) => S(Ce(s._id.toString())).format("D MMM YYYY"),
+        header: "Customer Since",
+        accessorKey: "_id",
+        id: "_id"
+      },
+      {
+        accessorKey: "collection_TIER_0_balance",
+        header: "Tier",
+        enableSorting: !0,
+        cell(s) {
+          return kt(
+            s.row.original,
+            p.sortedTiers
+          );
+        }
+      },
+      {
+        header: "Title",
+        enableSorting: !1,
+        cell(s) {
+          return At(
+            s.row.original,
+            p.sortedTitles
+          );
+        }
+      },
+      {
+        accessorKey: "collection_CREDIT_0_balance",
+        accessorFn: (s) => {
+          var i, w, T;
+          return ee(((T = (w = (i = s.collection) == null ? void 0 : i.CREDIT) == null ? void 0 : w[0]) == null ? void 0 : T.balance) ?? 0, 2);
+        },
+        header: "Credit(s)",
+        enableSorting: !0
+      },
+      {
+        accessorKey: "collection_POINT_0_balance",
+        accessorFn: (s) => {
+          var i, w, T;
+          return ee(((T = (w = (i = s.collection) == null ? void 0 : i.POINT) == null ? void 0 : w[0]) == null ? void 0 : T.balance) ?? 0, 2);
+        },
+        header: "Experience(s)",
+        enableSorting: !0
+      },
+      {
+        accessorKey: "collection_COIN_0_balance",
+        accessorFn: (s) => {
+          var i, w, T;
+          return ee(((T = (w = (i = s.collection) == null ? void 0 : i.COIN) == null ? void 0 : w[0]) == null ? void 0 : T.balance) ?? 0, 2);
+        },
+        header: "Point(s)",
+        enableSorting: !0
+      },
+      {
+        accessorFn: (s) => {
+          var i;
+          return ((i = s.stats) == null ? void 0 : i.visitCount) ?? 0;
+        },
+        header: "Total visit",
+        accessorKey: "stats.visitCount",
+        id: "stats.visitCount"
+      },
+      {
+        accessorFn: (s) => {
+          var i;
+          return (i = s.stats) == null ? void 0 : i.lastVisit;
+        },
+        sortingFn: (s, i) => {
+          var w, T;
+          return new Date((w = s.original.stats) == null ? void 0 : w.lastVisit).getTime() - new Date((T = i.original.stats) == null ? void 0 : T.lastVisit).getTime();
+        },
+        id: "stats.lastVisit",
+        header: "Last visit",
+        cell(s) {
+          var i, w;
+          return K("div", { class: "flex items-center justify-end gap-4" }, [
+            K(
+              "span",
+              (i = s.row.original.stats) != null && i.lastVisit ? S((w = s.row.original.stats) == null ? void 0 : w.lastVisit).fromNow() : "NA"
+            ),
+            K(
+              ve.FmTooltip,
+              {
+                content: S(s.row.original.stats.lastVisit).format(
+                  "D MMM YYYY - hh:mmA"
+                )
+              },
+              [K(ve.FmIcon, { name: "info", outline: !0, size: "sm" })]
+            )
+          ]);
+        }
+      },
+      {
+        id: "actions",
+        cell(s) {
+          return K(
+            ve.FmMenu,
+            {
+              placement: "bottom-end",
+              onClick: (i) => {
+                i.stopPropagation();
+              }
+            },
+            {
+              "menu-button": () => K(ve.FmButton, { icon: "more_vert", variant: "tertiary" }),
+              default: () => [
+                K(ve.FmMenuItem, {
+                  label: "Transaction details",
+                  onClick: async (i) => {
+                    i.stopPropagation(), await se(s.row.original._id);
+                  }
+                })
+              ]
+            }
+          );
+        }
+      }
+    ], { tableMeta: d, rowData: C, onSort: m, debouncedFetchData: g, onSearch: V } = Ke(le.read), D = G(), L = G(!1), P = G(), de = H(() => x.locations.map((s) => ({
+      label: s.name,
+      value: s._id
+    })));
+    async function ne() {
+      P.value = await le.readById(
+        P.value._id.toString()
+      ), L.value = !0;
+    }
+    async function W() {
+      await g(), L.value = !1;
+    }
+    async function se(s) {
+      await o.push({
+        name: We["$connect-LOYALTY_MEMBER_TRANSACTIONS"],
+        params: { id: s }
+      });
+    }
+    const c = {
+      sortBy: "_id",
+      descending: !1,
+      rowsPerPage: 1e3,
+      page: 1,
+      rowsNumber: 0
+    };
+    function f(s) {
+      const i = S(s);
+      return i.isValid() ? i.format("DD/MM/YYYY") : "";
+    }
+    async function M() {
+      const s = new ct(), i = (await le.read({
+        limit: 1,
+        skip: 0,
+        sortBy: c.sortBy,
+        descending: c.descending
+      })).meta.totalResources ?? 0, w = c.rowsPerPage;
+      await r(
+        async () => {
+          var T, O, E, U, te, z, F, J, a, n, b, B, N, X, re, me, ye, _, Y, oe, j, ue, pe, fe, Q;
+          for (let Z = 0; Z < i; Z += w) {
+            const Xe = {
+              ...c,
+              limit: w,
+              skip: c.page - 1,
+              sortBy: c.sortBy,
+              descending: c.descending
+            }, Qe = await le.read(Xe);
+            for (const l of Qe.resources) {
+              const Ze = (T = lt.parseOneAddress(
+                l == null ? void 0 : l.email
+              )) != null && T.domain.includes("feedmepos.com") ? void 0 : l.email, et = (E = ((O = l == null ? void 0 : l.collection) == null ? void 0 : O.TITLE) || []) == null ? void 0 : E.reduce(
+                (ae, ge) => {
+                  var he, Se;
+                  const _e = (Se = (he = p.sortedTitles) == null ? void 0 : he.find(
+                    (we) => we._id === ge.collectible
+                  )) == null ? void 0 : Se.name;
+                  return !_e || ge.balance <= 0 || ae.push(_e), ae;
+                },
+                []
+              ), tt = (p.sortedTitles || []).reduce(
+                (ae, ge) => {
+                  var he, Se, we, Be;
+                  const _e = (Be = (we = (Se = (((he = l == null ? void 0 : l.collection) == null ? void 0 : he.TITLE) || []).find(
+                    (nt) => nt.collectible === ge._id
+                  )) == null ? void 0 : Se.expiryBalance) == null ? void 0 : we[0]) == null ? void 0 : Be.expiredAt;
+                  return ae[ge.name] = _e ? S(_e).format("DD/MM/YYYY") : "", ae;
+                },
+                {}
+              ), ot = ((z = (te = (U = l.collection) == null ? void 0 : U.CREDIT) == null ? void 0 : te.at(0)) == null ? void 0 : z.balance) || 0, Ve = ((n = (a = (J = (F = l.collection) == null ? void 0 : F.CREDIT) == null ? void 0 : J.at(0)) == null ? void 0 : a.expiryBalance) == null ? void 0 : n.reduce(
+                (ae, ge) => ae + ge.amount,
+                0
+              )) || 0, Ie = ee(ot, 2), at = {
+                ID: l._id.toString(),
+                Name: ((b = l.name) == null ? void 0 : b.trim()) || "",
+                Phone: ((B = l == null ? void 0 : l.phoneNumber) == null ? void 0 : B.trim()) || "",
+                Email: Ze || "",
+                Gender: l.gender || "",
+                CardNo: l.cardNo || "",
+                Birthday: l != null && l.birthday ? f(l == null ? void 0 : l.birthday) : "",
+                Credit: (Number(Ie) - Number(Ve)).toFixed(2),
+                FreeCredit: Number(Ve.toFixed(2)),
+                TotalCredit: Number(Ie),
+                Exp: l != null && l.collection ? ((re = (X = (N = l.collection) == null ? void 0 : N.POINT) == null ? void 0 : X.at(0)) == null ? void 0 : re.balance) ?? 0 : 0,
+                Point: l != null && l.collection ? ((_ = (ye = (me = l.collection) == null ? void 0 : me.COIN) == null ? void 0 : ye.at(0)) == null ? void 0 : _.balance) ?? 0 : 0,
+                Tier: l != null && l.collection ? ((j = (oe = (Y = l.collection) == null ? void 0 : Y.TIER) == null ? void 0 : oe.at(0)) == null ? void 0 : j.balance) ?? 0 : 0,
+                Titles: et.join(","),
+                ...tt,
+                TotalTransaction: l.stats.visitCount,
+                AvgSpent: Mt(Number(l.stats.avgBillSize || 0)).toFormat(
+                  !1
+                ),
+                TotalSpent: l.stats.avgBillSize * l.stats.visitCount,
+                LastVisit: f(l.stats.lastVisit),
+                Feedback: ((ue = l.stats) == null ? void 0 : ue.feedbackCount) || 0,
+                LastSeasonTierEarned: ((pe = l.stats) == null ? void 0 : pe.lastSeasonTierEarned) || 0,
+                LastSeasonPointEarned: ((fe = l.stats) == null ? void 0 : fe.lastSeasonPointEarned) || 0,
+                JoinedAt: f(l.joinAt || void 0),
+                JoinedAtLocation: l.location && ((Q = de.value.find((ae) => ae.value == l.location)) == null ? void 0 : Q.label) || "-",
+                VisitFrequency: `${Number(
+                  Math.ceil(l.stats.avgVisitFrequency).toFixed(0)
+                )}`
+              };
+              s.addRecord(at);
+            }
+            c.page++;
+          }
+          await dt(
+            s.buildExcel(),
+            `members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            {
+              bookType: "xlsx",
+              bookSST: !1,
+              type: "array"
+            }
+          ), c.page = 1;
+        },
+        {
+          message: "Exporting member...",
+          successMessage: "Member exported successfully"
+        }
+      );
+    }
+    return ze(async () => {
+      await p.readMembership(), await k.read(), await x.readLocations(), await g();
+    }), (s, i) => {
+      const w = $("FmSearch"), T = $("FmButton"), O = $("FmSnackbar");
+      return u(), A("div", null, [
+        t("div", sa, [
+          h(w, {
+            class: "mt-4",
+            modelValue: e(d).searchValue,
+            "onUpdate:modelValue": [
+              i[0] || (i[0] = (E) => e(d).searchValue = E),
+              e(V)
+            ],
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+          h(T, {
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: M
+          })
+        ]),
+        Re(h(O, {
+          "z-index": 0,
+          class: "!max-w-full my-16",
+          title: "Info",
+          description: "Current list is not up to date, please refresh table for latest data.",
+          variant: "info",
+          dismissable: "",
+          onOnDismiss: i[1] || (i[1] = (E) => L.value = !1),
+          action: "Refresh",
+          onOnAction: W
+        }, null, 512), [
+          [Ue, e(L)]
+        ]),
+        h(Ge, {
+          loading: e(d).isLoading,
+          "row-data": e(C),
+          "row-count": e(d).totalRows,
+          "column-defs": v,
+          "shrink-at": !1,
+          "page-count": e(d).pageCount,
+          "page-index": e(d).pageIndex,
+          "page-size": e(d).pageSize,
+          onSortChange: e(m),
+          onPageChange: i[2] || (i[2] = (E) => e(g)({ pageSize: E.pageSize, pageIndex: E.pageIndex })),
+          onRowClick: i[3] || (i[3] = (E) => {
+            var U;
+            P.value = E.original, (U = e(D)) == null || U.showSheet();
+          })
+        }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"]),
+        e(P) ? (u(), R(na, {
+          key: 0,
+          ref_key: "sheetRef",
+          ref: D,
+          member: e(P),
+          "onUpdate:member": ne
+        }, null, 8, ["member"])) : ce("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Ua as default
+};