@feedmepos/mf-connect 0.1.0-beta.11 → 0.1.0-beta.13

package/dist/MemberList-BiqQuhWx.js

@@ -0,0 +1,1040 @@
+import { defineComponent as ue, computed as Y, ref as X, resolveComponent as h, openBlock as y, createElementBlock as V, Fragment as ee, createElementVNode as a, unref as o, createBlock as j, createCommentVNode as ae, createVNode as g, renderList as se, withCtx as ne, createTextVNode as fe, toDisplayString as A, withDirectives as Pe, vShow as Oe, onMounted as Re, isRef as Ze, h as oe } from "vue";
+import { h as x } 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-CiIGkdZd.js";
+import { a as ot, _ as nt, w as at } from "./usePagination-DSH2zVJ_.js";
+import "./index-DYTBka1k.js";
+import { p as Ee, b as De, u as Ye } from "./loading-sqn4egKz.js";
+import { u as ye, C as Be, s as st } from "./membership-CFgp0Gr1.js";
+import { c as it } from "./index-CNk82BB9.js";
+import { _ as Ue } from "./lodash-B5I3zXaY.js";
+import { D as rt } from "./type_drinks-D6jnpvwV.js";
+import { F as lt, a as dt, b as ct, c as mt } from "./index-x7P8HJ9i.js";
+import { F as ut } from "./index-CM_02sYD.js";
+import { C as pe } from "./collection.fn-yhoNFXoc.js";
+import { u as Le } from "./business-BhQb-hkF.js";
+import { defineStore as pt } from "pinia";
+import { m as J } from "./index-D6wN6YpG.js";
+import { o as ze } from "./objectId-dwaoBfJX.js";
+import { f as me } from "./number-CmUbTbIe.js";
+import { t as ft } from "./money-BIslIi4C.js";
+import { g as bt, a as yt, b as vt } from "./user-Bm4KttFq.js";
+import { useRouter as xt } from "vue-router";
+import { R as gt } from "./app-BNcCsLJ1.js";
+const Ct = { class: "flex flex-col" }, St = { key: 1 }, _t = { class: "flex flex-nowrap gap-4 items-center my-[-4px]" }, Ft = { class: "flex flex-nowrap gap-8 items-center pt-24 w-full" }, ht = /* @__PURE__ */ ue({
+  __name: "MemberStatsDialog",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(C) {
+    var W, H, G, D;
+    const q = be(), v = ye(), f = C, I = Y(
+      () => {
+        var l;
+        return (((l = f.member.collection) == null ? void 0 : l.TITLE) ?? []).reduce(
+          (r, u) => {
+            var e, d, b, m, _;
+            const n = v.sortedTitles.find(
+              (M) => M._id.toString() === u.collectible
+            );
+            if (!n) return r;
+            const t = [...u.expiryBalance ?? []].sort(
+              (M, U) => x(M.expiredAt).isAfter(x(U.expiredAt)) ? -1 : 1
+            );
+            return (e = t[0]) != null && e.expiredAt && x((d = t[0]) == null ? void 0 : d.expiredAt).isBefore(x()) || r.push({
+              _id: n._id,
+              name: n.name,
+              expiredAt: (b = t[0]) != null && b.expiredAt ? x((m = t[0]) == null ? void 0 : m.expiredAt).toISOString() : "",
+              expiresIn: x((_ = t[0]) == null ? void 0 : _.expiredAt).diff(x(), "days")
+            }), r;
+          },
+          []
+        );
+      }
+    ), c = X({
+      cardNo: f.member.cardNo,
+      experience: ((H = (W = f.member.collection) == null ? void 0 : W.POINT) == null ? void 0 : H[0].balance) ?? 0,
+      tier: ((D = (G = f.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(
+      () => (v.sortedTitles ?? []).map((l) => ({
+        label: l.name,
+        value: l._id.toString(),
+        sublabel: I.value.some((r) => r._id === l._id) ? "Owned" : void 0
+      }))
+    ), k = Y(() => (v.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 u, n;
+      const l = ((u = k.value[(c.value.tier ?? 1) - 1]) == null ? void 0 : u.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 u, n, t, e, d, b;
+      const l = ((n = (u = f.member.collection) == null ? void 0 : u.TIER) == null ? void 0 : n[0].balance) ?? -1, r = ((e = (t = f.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, _ = ((b = k.value[l - 1]) == null ? void 0 : b.to) ?? 0;
+        if (c.value.experience < m || _ && c.value.experience > _)
+          return !0;
+      }
+      return !1;
+    });
+    function S(l) {
+      var r;
+      return (r = I.value.find((u) => u._id === l)) == null ? void 0 : r.expiresIn;
+    }
+    const L = Y(() => {
+      const l = ut.safeParse(c.value);
+      return l.success ? void 0 : l.error.errors;
+    });
+    function N(l) {
+      var r, u;
+      return (u = (r = L.value) == null ? void 0 : r.find((n) => n.path.join(".") === l)) == null ? void 0 : u.message;
+    }
+    function K(l) {
+      var r;
+      return (r = L.value) == null ? void 0 : r.filter((u) => u.path.join(".").startsWith(l)).map((u) => u.message);
+    }
+    async function B() {
+      await f.onSubmit(c.value), q.close();
+    }
+    return (l, r) => {
+      var M, U;
+      const u = h("FmSelect"), n = h("FmStepperField"), t = h("FmTextField"), e = h("FmField"), d = h("FmFormGroup"), b = h("FmButton"), m = h("FmHelperText"), _ = h("FmSpacer");
+      return y(), 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 ? (y(), j(u, {
+            key: 0,
+            modelValue: o(c).tier,
+            "onUpdate:modelValue": [
+              r[0] || (r[0] = (s) => o(c).tier = s),
+              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),
+          g(n, {
+            "model-value": o(c).experience ?? 0,
+            "onUpdate:modelValue": r[1] || (r[1] = (s) => o(c).experience = s),
+            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)),
+          g(t, {
+            modelValue: o(c).cardNo,
+            "onUpdate:modelValue": r[2] || (r[2] = (s) => o(c).cardNo = s),
+            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)),
+          (M = o(c).titles) != null && M.length ? (y(), 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),
+          (y(!0), V(ee, null, se(o(c).titles ?? [], (s, F) => (y(), V("div", { key: F }, [
+            a("div", _t, [
+              o(I).some((p) => p._id === s.id) ? (y(), j(d, {
+                key: 1,
+                "model-value": "",
+                class: "flex-1"
+              }, {
+                default: ne(() => [
+                  g(e, {
+                    disabled: !0,
+                    class: "text-fm-color-typo-secondary"
+                  }, {
+                    default: ne(() => {
+                      var p;
+                      return [
+                        fe(A((p = o($).find((w) => w.value === s.id)) == null ? void 0 : p.label), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)) : (y(), j(u, {
+                key: 0,
+                modelValue: s.id,
+                "onUpdate:modelValue": [(p) => s.id = p, (p) => s.expiredAt = S(p) ?? 1],
+                class: "flex-1",
+                items: o($).filter(
+                  (p) => {
+                    var w;
+                    return !((w = o(c).titles) != null && w.map((P) => P.id).includes(p.value)) || s.id === p.value;
+                  }
+                )
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])),
+              g(n, {
+                modelValue: s.expiredAt,
+                "onUpdate:modelValue": (p) => s.expiredAt = p,
+                class: "flex-1",
+                label: "",
+                "max-fraction-digits": 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              g(b, {
+                class: "w-24 h-24",
+                icon: "close",
+                variant: "tertiary",
+                onClick: (p) => {
+                  var w;
+                  return (w = o(c).titles) == null ? void 0 : w.splice(F, 1);
+                }
+              }, null, 8, ["onClick"])
+            ]),
+            (y(!0), V(ee, null, se(K(`titles.${F}`), (p, w) => (y(), j(m, {
+              key: w,
+              class: "items-center",
+              state: "error",
+              text: p.toString()
+            }, null, 8, ["text"]))), 128))
+          ]))), 128)),
+          o($).length && (((U = o(c).titles) == null ? void 0 : U.length) ?? 0) < o($).length ? (y(), j(b, {
+            key: 2,
+            icon: "add",
+            label: "Give title",
+            variant: "plain",
+            onClick: r[3] || (r[3] = (s) => {
+              var F;
+              return o(c).titles = [
+                ...o(c).titles ?? [],
+                {
+                  id: ((F = o($).find(
+                    (p) => {
+                      var w;
+                      return !((w = o(c).titles) != null && w.map((P) => P.id).includes(p.value));
+                    }
+                  )) == null ? void 0 : F.value) || o($)[0].value,
+                  expiredAt: 0
+                }
+              ];
+            })
+          })) : ae("", !0)
+        ]),
+        a("div", Ft, [
+          Pe(g(m, {
+            state: "warning",
+            text: "Updating member will cause tier to change"
+          }, null, 512), [
+            [Oe, o(E)]
+          ]),
+          g(_),
+          g(b, {
+            variant: "secondary",
+            label: "Cancel",
+            size: "md",
+            onClick: r[4] || (r[4] = (s) => o(q).close())
+          }),
+          g(b, {
+            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__ */ ue({
+  __name: "CreditCoinDialog",
+  props: {
+    type: { type: String, required: !0 },
+    action: { type: String, required: !0 },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(C) {
+    const q = be(), v = C, f = X({
+      amount: 1,
+      day: 1,
+      remark: void 0
+    }), I = X(!0), c = Y(() => pe.formattedType(v.type.toUpperCase()));
+    function $(E) {
+      I.value = E, !E && v.type === "coin" && (f.value.day = void 0);
+    }
+    async function k() {
+      if (v.action === "send") {
+        const E = f.value.day ? `, expire in ${f.value.day} days` : "";
+        Ee.confirm(
+          `Are you sure to send ${f.value.amount} ${c.value.toLowerCase()}${E}? This action cannot be reversed.`
+        ).then(async (S) => {
+          S && await v.onSubmit(f.value);
+        });
+      } else
+        Ee.confirm(
+          `Are you sure to deduct ${f.value.amount} ${c.value.toLowerCase()}? This action cannot be reversed.`
+        ).then(async (E) => {
+          E && await v.onSubmit(f.value);
+        });
+    }
+    const T = Y(() => {
+      const S = (v.action === "send" ? v.type === "coin" ? lt : dt : v.type === "coin" ? ct : mt).safeParse(f.value);
+      return S.success == !1 ? S.error.flatten().fieldErrors : void 0;
+    });
+    return (E, S) => {
+      const L = h("FmStepperField"), N = h("FmSwitch"), K = h("FmTextarea"), B = h("FmButton"), W = h("FmCard");
+      return y(), j(W, { class: "flex flex-col gap-16 p-16" }, {
+        default: ne(() => {
+          var H, G, D, l, r, u;
+          return [
+            a("div", Tt, A(v.action == "send" ? "Send" : "Deduct") + " " + A(o(Be)[v.type.toUpperCase()].name), 1),
+            fe(" " + A(o(T)) + " ", 1),
+            a("div", wt, [
+              g(L, {
+                modelValue: o(f).amount,
+                "onUpdate:modelValue": S[0] || (S[0] = (n) => o(f).amount = n),
+                label: `${o(Be)[v.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"]),
+              C.action === "send" && v.type === "coin" ? (y(), 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),
+              C.action === "send" && o(I) ? (y(), j(L, {
+                key: 1,
+                modelValue: o(f).day,
+                "onUpdate:modelValue": S[2] || (S[2] = (n) => o(f).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": (u = (r = o(T)) == null ? void 0 : r.day) == null ? void 0 : u[0]
+              }, null, 8, ["modelValue", "label", "helper-state", "helper-text"])) : ae("", !0),
+              g(K, {
+                modelValue: o(f).remark,
+                "onUpdate:modelValue": S[3] || (S[3] = (n) => o(f).remark = n),
+                label: "Remark"
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", kt, [
+              g(B, {
+                variant: "secondary",
+                label: "Cancel",
+                size: "md",
+                onClick: S[4] || (S[4] = (n) => o(q).close())
+              }),
+              g(B, {
+                disabled: !!o(T),
+                variant: "primary",
+                label: "Submit",
+                size: "md",
+                onClick: S[5] || (S[5] = async () => k())
+              }, null, 8, ["disabled"])
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), je = pt("segment", () => {
+  const C = X([]);
+  async function q() {
+    const v = await st.readAll({
+      limit: 1e3,
+      skip: 0,
+      sortBy: "_id",
+      descending: !0
+    });
+    C.value = v.resources;
+  }
+  return {
+    segments: C,
+    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-600" }, Ot = { class: "gap-16 grid grid-cols-2" }, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yt = { class: "fm-typo-en-body-md-600" }, Lt = { class: "space-y-8" }, zt = {
+  key: 0,
+  class: "space-x-8"
+}, jt = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, qt = { class: "space-y-8" }, Kt = ["src"], Gt = { class: "fm-typo-en-body-md-600" }, Ht = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Jt = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, Xt = {
+  key: 1,
+  class: "space-y-24"
+}, Wt = { class: "space-y-8" }, Qt = { class: "fm-typo-en-title-md-800" }, Zt = { class: "space-y-4" }, eo = { class: "fm-typo-en-body-md-600" }, to = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, oo = { class: "space-y-8" }, no = { class: "fm-typo-en-title-md-800" }, ao = { class: "space-y-4" }, so = { class: "fm-typo-en-body-md-600" }, io = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, ro = /* @__PURE__ */ ue({
+  __name: "MemberDetailSheet",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:member"],
+  setup(C, { expose: q, emit: v }) {
+    const f = Le(), I = ye(), c = je(), $ = be(), { minor: k } = Ye, T = C, E = v, S = Y(() => f.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 b = {
+                  "credit-send": J.sendCredit,
+                  "credit-deduct": J.deductCredit,
+                  "coin-send": J.sendCoin,
+                  "coin-deduct": J.deductCoin
+                }, m = `${t}-${e}`, _ = b[m];
+                _ && await _(T.member._id, d), E("update:member"), $.close();
+              },
+              {
+                message: `Adjusting ${pe.formattedType(t.toUpperCase()).toLowerCase()}`,
+                successMessage: `${d.amount} ${pe.formattedType(t.toUpperCase()).toLowerCase()} ${e} ${e == "send" ? "to" : "from"} ${T.member.phoneNumber}`
+              }
+            );
+          }
+        }
+      });
+    }
+    async function K() {
+      $.open({
+        title: "Update member statistics",
+        contentComponent: ht,
+        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 M, U, s, F, p;
+          const e = (((U = Ue.first((M = T.member.collection) == null ? void 0 : M.TIER)) == null ? void 0 : U.balance) || 0) - 1, d = H.value.name, b = ((F = (s = t.collection) == null ? void 0 : s.POINT) == null ? void 0 : F[0].balance) ?? 0, m = I.sortedTiers[e + 1], _ = ((p = m == null ? void 0 : m.option) == null ? void 0 : p.to) ?? 1 / 0;
+          return `${d} (${b}/${_})`;
+        }
+      },
+      {
+        label: "Email",
+        key: "email"
+      },
+      {
+        label: "Birthday",
+        getter: (t) => t.birthday ? x(t.birthday).format("D MMM YYYY") : "-"
+      }
+    ], W = [
+      {
+        label: "Customer since",
+        getter: (t) => x(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) => x(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) => it.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, b;
+      const t = (((b = Ue.first((d = T.member.collection) == null ? void 0 : d.TIER)) == null ? void 0 : b.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 b, m, _;
+        const d = (b = I.sortedTitles) == null ? void 0 : b.find(
+          (M) => M._id == e.collectible
+        );
+        return {
+          name: d == null ? void 0 : d.name,
+          expiredAt: (_ = (m = e.expiryBalance) == null ? void 0 : m.at(-1)) == null ? void 0 : _.expiredAt,
+          collectible: d
+        };
+      }).filter(
+        (e) => e.expiredAt ? x(e.expiredAt).isAfter(x()) : !0
+      );
+    }), D = X(!0);
+    function l() {
+      D.value = !0, n.value = u[0];
+    }
+    function r() {
+      D.value = !1;
+    }
+    const u = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Loyalty",
+        value: "loyalty"
+      }
+    ], n = X(u[0]);
+    return Re(async () => {
+      await I.readMembership(), f.locations.length || await f.readLocations();
+    }), q({
+      showSheet: l,
+      hideSheet: r
+    }), (t, e) => {
+      const d = h("FmTabs"), b = h("FmAvatar"), m = h("FmButton"), _ = h("FmChip"), M = h("FmCard"), U = h("FmSideSheet");
+      return y(), j(U, {
+        modelValue: o(D),
+        "onUpdate:modelValue": e[5] || (e[5] = (s) => Ze(D) ? D.value = s : null),
+        header: "Member Detail",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 550
+      }, {
+        "side-sheet-footer": ne(() => e[19] || (e[19] = [])),
+        default: ne(() => [
+          a("div", At, [
+            g(d, {
+              "model-value": o(n).value,
+              items: u,
+              "onUpdate:modelValue": e[0] || (e[0] = (s) => n.value = u.find((F) => F.value === s))
+            }, null, 8, ["model-value"]),
+            o(n).value == "overview" ? (y(), V(ee, { key: 0 }, [
+              e[10] || (e[10] = a("div", { class: "fm-typo-en-title-sm-800" }, "Profile Information", -1)),
+              a("div", Nt, [
+                a("div", Vt, [
+                  g(b, {
+                    name: C.member.photoUrl ? void 0 : C.member.name,
+                    src: C.member.photoUrl || void 0
+                  }, null, 8, ["name", "src"]),
+                  a("div", It, [
+                    e[7] || (e[7] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Member Name ", -1)),
+                    a("div", $t, A(C.member.name), 1),
+                    a("div", Et, A(C.member._id), 1),
+                    a("div", Dt, [
+                      e[6] || (e[6] = fe(" Member Card: ")),
+                      a("span", Bt, A(C.member.cardNo ? C.member.cardNo : "-"), 1)
+                    ])
+                  ]),
+                  g(m, {
+                    variant: "tertiary",
+                    icon: "settings",
+                    onClick: K
+                  })
+                ]),
+                (y(), V(ee, null, se(B, (s, F) => a("div", { key: F }, [
+                  a("div", Ut, A(s.label), 1),
+                  a("div", Pt, A(s.key ? C.member[s.key] : s.getter(C.member)), 1)
+                ])), 64))
+              ]),
+              e[11] || (e[11] = a("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1)),
+              e[12] || (e[12] = a("div", { class: "fm-typo-en-title-sm-800" }, "Activities", -1)),
+              a("div", Ot, [
+                (y(), V(ee, null, se(W, (s) => a("div", {
+                  key: s.key
+                }, [
+                  a("div", Rt, A(s.label), 1),
+                  a("div", Yt, A(s.key ? T.member.stats[s.key] || "-" : s.getter(C.member)), 1)
+                ])), 64))
+              ]),
+              e[13] || (e[13] = a("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1)),
+              a("div", Lt, [
+                e[8] || (e[8] = a("div", { class: "fm-typo-en-title-sm-800" }, "Segments", -1)),
+                o(L).length ? (y(), V("div", zt, [
+                  (y(!0), V(ee, null, se(o(L), (s) => (y(), j(_, {
+                    label: s.toString()
+                  }, null, 8, ["label"]))), 256))
+                ])) : (y(), V("div", jt, "No titles"))
+              ]),
+              e[14] || (e[14] = a("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1)),
+              a("div", qt, [
+                e[9] || (e[9] = a("div", { class: "fm-typo-en-title-sm-800" }, "Title badge", -1)),
+                o(G).length ? (y(!0), V(ee, { key: 0 }, se(o(G).filter((s) => s.collectible), (s) => (y(), V("div", {
+                  class: "flex items-center gap-x-8 h-48",
+                  key: s.name
+                }, [
+                  a("img", {
+                    src: s.collectible.image || o(rt),
+                    class: "aspect-square h-full object-contain"
+                  }, null, 8, Kt),
+                  a("div", null, [
+                    a("div", Gt, A(s.name), 1),
+                    a("div", Ht, " Expired on " + A(o(x)(s.expiredAt).format("MMM D, Y")), 1)
+                  ])
+                ]))), 128)) : (y(), V("div", Jt, "No titles"))
+              ])
+            ], 64)) : o(n).value == "loyalty" ? (y(), V("div", Xt, [
+              g(M, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: ne(() => {
+                  var s, F, p, w, P, Q, Z;
+                  return [
+                    a("div", Wt, [
+                      e[15] || (e[15] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credit ", -1)),
+                      a("div", Qt, A(((p = (F = (s = C.member.collection) == null ? void 0 : s.CREDIT) == null ? void 0 : F[0]) == null ? void 0 : p.balance) ?? 0), 1)
+                    ]),
+                    a("div", Zt, [
+                      e[16] || (e[16] = 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", eo, A(((Z = (Q = (P = (w = C.member.collection) == null ? void 0 : w.CREDIT) == null ? void 0 : P[0]) == null ? void 0 : Q.expiryBalance) == null ? void 0 : Z.reduce(
+                        (O, R) => R.expiredAt && o(x)(R.expiredAt).isAfter(o(x)()) && o(x)(R.expiredAt).isBefore(o(x)().add(30, "days")) ? O + R.amount : O,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    a("div", to, [
+                      g(m, {
+                        label: "Add credit",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: e[1] || (e[1] = (O) => N("credit", "send"))
+                      }),
+                      g(m, {
+                        label: "Deduct credit",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: e[2] || (e[2] = (O) => N("credit", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              g(M, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: ne(() => {
+                  var s, F, p, w, P, Q, Z;
+                  return [
+                    a("div", oo, [
+                      e[17] || (e[17] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Point ", -1)),
+                      a("div", no, A(((p = (F = (s = C.member.collection) == null ? void 0 : s.COIN) == null ? void 0 : F[0]) == null ? void 0 : p.balance) ?? 0), 1)
+                    ]),
+                    a("div", ao, [
+                      e[18] || (e[18] = 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", so, A(((Z = (Q = (P = (w = C.member.collection) == null ? void 0 : w.COIN) == null ? void 0 : P[0]) == null ? void 0 : Q.expiryBalance) == null ? void 0 : Z.reduce(
+                        (O, R) => R.expiredAt && o(x)(R.expiredAt).isAfter(o(x)()) && o(x)(R.expiredAt).isBefore(o(x)().add(30, "days")) ? O + R.amount : O,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    a("div", io, [
+                      g(m, {
+                        label: "Add point",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: e[3] || (e[3] = (O) => N("coin", "send"))
+                      }),
+                      g(m, {
+                        label: "Deduct point",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: e[4] || (e[4] = (O) => N("coin", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              })
+            ])) : ae("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), lo = { class: "flex items-center justify-end" }, $o = /* @__PURE__ */ ue({
+  __name: "MemberList",
+  setup(C) {
+    const q = je(), v = ye(), f = Le(), { minor: I } = Ye, c = xt(), $ = [
+      {
+        header: "Name",
+        enableSorting: !0,
+        accessorKey: "name",
+        cell(n) {
+          return bt(n.row.original);
+        }
+      },
+      {
+        accessorFn: (n) => x(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,
+            v.sortedTiers
+          );
+        }
+      },
+      {
+        header: "Title",
+        enableSorting: !1,
+        cell(n) {
+          return vt(
+            n.row.original,
+            v.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 ? x((e = n.row.original.stats) == null ? void 0 : e.lastVisit).fromNow() : "NA"
+            ),
+            oe(
+              de.FmTooltip,
+              {
+                content: x(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 } = ot(J.read), N = X(), K = X(!1), B = X(), W = Y(() => f.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 = x(n);
+      return t.isValid() ? t.format("DD/MM/YYYY") : "";
+    }
+    async function u() {
+      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, b, m, _, M, U, s, F, p, w, P, Q, Z, O, R, ve, xe, ge, Ce, Se, _e, Fe, he, 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 i of Ke.resources) {
+              const Ge = (d = et.parseOneAddress(
+                i == null ? void 0 : i.email
+              )) != null && d.domain.includes("feedmepos.com") ? void 0 : i.email, He = (m = ((b = i == null ? void 0 : i.collection) == null ? void 0 : b.TITLE) || []) == null ? void 0 : m.reduce(
+                (z, te) => {
+                  var re, le;
+                  const ie = (le = (re = v.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 = (v.sortedTitles || []).reduce(
+                (z, te) => {
+                  var re, le, ce, $e;
+                  const ie = ($e = (ce = (le = (((re = i == null ? void 0 : i.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 ? x(ie).format("DD/MM/YYYY") : "", z;
+                },
+                {}
+              ), Xe = ((U = (M = (_ = i.collection) == null ? void 0 : _.CREDIT) == null ? void 0 : M.at(0)) == null ? void 0 : U.balance) || 0, Ve = ((w = (p = (F = (s = i.collection) == null ? void 0 : s.CREDIT) == null ? void 0 : F.at(0)) == null ? void 0 : p.expiryBalance) == null ? void 0 : w.reduce(
+                (z, te) => z + te.amount,
+                0
+              )) || 0, Ie = me(Xe, 2), We = {
+                ID: i._id.toString(),
+                Name: ((P = i.name) == null ? void 0 : P.trim()) || "",
+                Phone: ((Q = i == null ? void 0 : i.phoneNumber) == null ? void 0 : Q.trim()) || "",
+                Email: Ge || "",
+                Gender: i.gender || "",
+                CardNo: i.cardNo || "",
+                Birthday: r((i == null ? void 0 : i.birthday) || void 0),
+                Credit: (Number(Ie) - Number(Ve)).toFixed(2),
+                FreeCredit: Number(Ve.toFixed(2)),
+                TotalCredit: Number(Ie),
+                Exp: i != null && i.collection ? ((R = (O = (Z = i.collection) == null ? void 0 : Z.POINT) == null ? void 0 : O.at(0)) == null ? void 0 : R.balance) ?? 0 : 0,
+                Point: i != null && i.collection ? ((ge = (xe = (ve = i.collection) == null ? void 0 : ve.COIN) == null ? void 0 : xe.at(0)) == null ? void 0 : ge.balance) ?? 0 : 0,
+                Level: i != null && i.collection ? ((_e = (Se = (Ce = i.collection) == null ? void 0 : Ce.TIER) == null ? void 0 : Se.at(0)) == null ? void 0 : _e.balance) ?? 0 : 0,
+                Tier: i != null && i.collection ? ((Te = (he = (Fe = i.collection) == null ? void 0 : Fe.TIER) == null ? void 0 : he.at(0)) == null ? void 0 : Te.balance) ?? 0 : 0,
+                Titles: He.join(","),
+                ...Je,
+                TotalTransaction: i.stats.visitCount,
+                AvgSpent: ft(Number(i.stats.avgBillSize || 0)).toFormat(
+                  !1
+                ),
+                TotalSpent: i.stats.avgBillSize * i.stats.visitCount,
+                LastVisit: r(i.stats.lastVisit),
+                Feedback: ((we = i.stats) == null ? void 0 : we.feedbackCount) || 0,
+                LastSeasonTierEarned: ((ke = i.stats) == null ? void 0 : ke.lastSeasonTierEarned) || 0,
+                LastSeasonPointEarned: ((Me = i.stats) == null ? void 0 : Me.lastSeasonPointEarned) || 0,
+                JoinedAt: r(i.joinAt || void 0),
+                JoinedAtLocation: i.location && ((Ae = W.value.find((z) => z.value == i.location)) == null ? void 0 : Ae.label) || "-",
+                VisitFrequency: `${Number(
+                  Math.ceil(i.stats.avgVisitFrequency).toFixed(0)
+                )}`
+              };
+              n.addRecord(We);
+            }
+            l.page++;
+          }
+          await at(
+            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 Re(async () => {
+      await v.readMembership(), await f.readLocations(), await q.read(), await S();
+    }), (n, t) => {
+      const e = h("FmSearch"), d = h("FmButton"), b = h("FmSnackbar");
+      return y(), V("div", null, [
+        a("div", lo, [
+          g(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"]),
+          g(d, {
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: u
+          })
+        ]),
+        Pe(g(b, {
+          "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), [
+          [Oe, o(K)]
+        ]),
+        g(nt, {
+          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 _;
+            B.value = m.original, (_ = o(N)) == null || _.showSheet();
+          })
+        }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"]),
+        o(B) ? (y(), j(ro, {
+          key: 0,
+          ref_key: "sheetRef",
+          ref: N,
+          member: o(B),
+          "onUpdate:member": H
+        }, null, 8, ["member"])) : ae("", !0)
+      ]);
+    };
+  }
+});
+export {
+  $o as default
+};