@feedmepos/mf-connect 0.1.0-beta.34 → 0.1.0-beta.36

package/dist/MemberList-CyHaxFqq.js

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