@feedmepos/mf-connect 0.1.0-beta.39 → 0.1.0-beta.40

package/dist/MemberList-BQcsV-Bz.js

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