@feedmepos/mf-connect 0.1.0-beta.3 → 0.1.0-beta.30

package/dist/MemberList-c2P1lToO.js

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