@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/MemberDetailSheet.vue_vue_type_script_setup_true_lang-_O3B-FIA.js

@@ -0,0 +1,1281 @@
+import { defineComponent as ae, computed as O, ref as L, resolveComponent as A, openBlock as i, createElementBlock as w, Fragment as Y, createElementVNode as r, unref as t, createBlock as I, createCommentVNode as oe, createVNode as g, renderList as Q, withCtx as se, createTextVNode as ye, toDisplayString as M, withDirectives as Ee, vShow as Ve, watch as Te, onBeforeMount as Ie, h as le, onMounted as Be, isRef as De, normalizeClass as Ye } from "vue";
+import { h } from "./moment-D7p2TMB-.js";
+import { c as Ue } from "./index-BUP4aHq8.js";
+import { u as $e, C as Se, s as Ne } from "./membership-DCVzFaFy.js";
+import { useDialog as Ce, components as we } from "@feedmepos/ui-library";
+import { _ as Fe } from "./lodash-CANlWUWW.js";
+import { D as Oe } from "./type_drinks-D6jnpvwV.js";
+import { d as Pe, e as Re, f as je, g as Le, h as qe } from "./index-B-bQnb0_.js";
+import "./index-BFIHEBnX.js";
+import { c as Me, f as ke } from "./string-Gcy5IM_H.js";
+import { u as ze } from "./loading-C686AMVG.js";
+import { p as Ae } from "./plugins-C39O5j42.js";
+import { C as _e } from "./collection.fn-zQwWDzZT.js";
+import { u as Ge } from "./business-DH7djUl8.js";
+import { defineStore as He } from "pinia";
+import { f as te } from "./number-B2HFiV0g.js";
+import "./index-BRPajAkE.js";
+import "./index-BTkxgos0.js";
+import "./index-BYvnqARr.js";
+import "./index-Dvqguh2B.js";
+import "./index-o2Ga_qaX.js";
+import "./index-BOJogkKQ.js";
+import "./index-Bonq819P.js";
+import { s as Ke } from "./index-CuvNtC_M.js";
+import { u as We, _ as Xe } from "./usePagination-DLOOwiiY.js";
+import { B as Je, e as Qe } from "./base.export-S_82Elmg.js";
+import { m as ve } from "./index-CDIe15AY.js";
+import { o as ge } from "./objectId-dwaoBfJX.js";
+import { F as he } from "./collectible.enum-Liy2wH3s.js";
+import { a as Ze, c as et } from "./campaign-k_WHxsOR.js";
+import { useRouter as tt } from "vue-router";
+import { m as fe } from "./index-CTrcdIkt.js";
+import { t as ot } from "./index-hAKRfE-4.js";
+import { R as rt } from "./app-BEYzXWZO.js";
+const nt = { class: "flex flex-col" }, st = { key: 1 }, lt = { class: "flex flex-nowrap gap-4 items-center my-[-4px]" }, at = { class: "flex flex-nowrap gap-8 items-center pt-24 w-full" }, it = /* @__PURE__ */ ae({
+  __name: "MemberStatsDialog",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(m) {
+    var ie, re, q, ne;
+    const F = Ce(), f = $e(), y = m, s = O(
+      () => {
+        var p;
+        return (((p = y.member.collection) == null ? void 0 : p.TITLE) ?? []).reduce(
+          (l, S) => {
+            var P, z, N, D, H;
+            const _ = f.sortedTitles.find(
+              (Z) => Z._id.toString() === S.collectible
+            );
+            if (!_) return l;
+            const B = [...S.expiryBalance ?? []].sort(
+              (Z, R) => h(Z.expiredAt).isAfter(h(R.expiredAt)) ? -1 : 1
+            );
+            return (P = B[0]) != null && P.expiredAt && h((z = B[0]) == null ? void 0 : z.expiredAt).isBefore(h()) || l.push({
+              _id: _._id,
+              name: _.name,
+              expiredAt: (N = B[0]) != null && N.expiredAt ? h((D = B[0]) == null ? void 0 : D.expiredAt).toISOString() : "",
+              expiresIn: h((H = B[0]) == null ? void 0 : H.expiredAt).diff(h(), "days")
+            }), l;
+          },
+          []
+        );
+      }
+    ), o = L({
+      cardNo: y.member.cardNo,
+      experience: ((re = (ie = y.member.collection) == null ? void 0 : ie.POINT) == null ? void 0 : re[0].balance) ?? 0,
+      tier: ((ne = (q = y.member.collection) == null ? void 0 : q.TIER) == null ? void 0 : ne[0].balance) ?? -1,
+      titles: s.value.map((p) => ({ expiredAt: p.expiresIn, id: p._id })) ?? void 0
+    }), u = O(
+      () => (f.sortedTitles ?? []).map((p) => ({
+        label: p.name,
+        value: p._id.toString(),
+        sublabel: s.value.some((l) => l._id === p._id) ? "Owned" : void 0
+      }))
+    ), d = O(() => (f.sortedTiers ?? []).map((p, l) => ({
+      label: p.name,
+      sublabel: `${p.option.from} - ${p.option.to}`,
+      from: p.option.from,
+      to: p.option.to,
+      value: l + 1
+    })));
+    function x() {
+      var S, _;
+      const p = ((S = d.value[(o.value.tier ?? 1) - 1]) == null ? void 0 : S.from) ?? 0, l = (_ = d.value[(o.value.tier ?? 1) - 1]) == null ? void 0 : _.to;
+      o.value.experience = Math.min(
+        l ?? p,
+        Math.max(p, o.value.experience ?? 0)
+      );
+    }
+    const a = O(() => {
+      var S, _, B, P, z, N;
+      const p = ((_ = (S = y.member.collection) == null ? void 0 : S.TIER) == null ? void 0 : _[0].balance) ?? -1, l = ((P = (B = y.member.collection) == null ? void 0 : B.POINT) == null ? void 0 : P[0].balance) ?? 0;
+      if (p != o.value.tier) return !0;
+      if (o.value.experience && o.value.experience != l) {
+        const D = ((z = d.value[p - 1]) == null ? void 0 : z.from) ?? 0, H = ((N = d.value[p - 1]) == null ? void 0 : N.to) ?? 0;
+        if (o.value.experience < D || H && o.value.experience > H)
+          return !0;
+      }
+      return !1;
+    });
+    function b(p) {
+      var l;
+      return (l = s.value.find((S) => S._id === p)) == null ? void 0 : l.expiresIn;
+    }
+    const k = O(() => {
+      const p = Pe.safeParse(o.value);
+      return p.success ? void 0 : p.error.errors;
+    });
+    function $(p) {
+      var l, S;
+      return (S = (l = k.value) == null ? void 0 : l.find((_) => _.path.join(".") === p)) == null ? void 0 : S.message;
+    }
+    function G(p) {
+      var l;
+      return (l = k.value) == null ? void 0 : l.filter((S) => S.path.join(".").startsWith(p)).map((S) => S.message);
+    }
+    async function U() {
+      await y.onSubmit(o.value), F.close();
+    }
+    return (p, l) => {
+      var Z, R;
+      const S = A("FmSelect"), _ = A("FmStepperField"), B = A("FmTextField"), P = A("FmField"), z = A("FmFormGroup"), N = A("FmButton"), D = A("FmHelperText"), H = A("FmSpacer");
+      return i(), w(Y, null, [
+        r("div", nt, [
+          l[6] || (l[6] = r("div", { class: "fm-typo-en-title-sm-800 mb-8" }, "Member tiering", -1)),
+          t(d).length ? (i(), I(S, {
+            key: 0,
+            modelValue: t(o).tier,
+            "onUpdate:modelValue": [
+              l[0] || (l[0] = (C) => t(o).tier = C),
+              x
+            ],
+            label: "Member Tier",
+            items: t(d),
+            "helper-text": $("tier"),
+            "helper-state": $("tier") ? "error" : void 0
+          }, null, 8, ["modelValue", "items", "helper-text", "helper-state"])) : oe("", !0),
+          g(_, {
+            "model-value": t(o).experience ?? 0,
+            "onUpdate:modelValue": l[1] || (l[1] = (C) => t(o).experience = C),
+            label: "Member Experience",
+            "max-fraction-digits": 0,
+            "helper-text": $("experience"),
+            "helper-state": $("experience") ? "error" : void 0
+          }, null, 8, ["model-value", "helper-text", "helper-state"]),
+          l[7] || (l[7] = r("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Member Card", -1)),
+          g(B, {
+            modelValue: t(o).cardNo,
+            "onUpdate:modelValue": l[2] || (l[2] = (C) => t(o).cardNo = C),
+            label: "Card number",
+            "helper-text": $("cardNo"),
+            "helper-state": $("cardNo") ? "error" : void 0
+          }, null, 8, ["modelValue", "helper-text", "helper-state"]),
+          l[8] || (l[8] = r("div", { class: "fm-typo-en-title-sm-800 mt-16 mb-8" }, "Titles", -1)),
+          (Z = t(o).titles) != null && Z.length ? (i(), w("div", st, [...l[5] || (l[5] = [
+            r("div", { class: "flex flex-nowrap gap-4 items-center" }, [
+              r("div", { class: "flex-1" }, "Title"),
+              r("div", { class: "flex-1" }, "Expires in days"),
+              r("div", { class: "w-24 h-1" })
+            ], -1)
+          ])])) : oe("", !0),
+          (i(!0), w(Y, null, Q(t(o).titles ?? [], (C, K) => (i(), w("div", { key: K }, [
+            r("div", lt, [
+              t(s).some((n) => n._id === C.id) ? (i(), I(z, {
+                key: 1,
+                "model-value": "",
+                class: "flex-1"
+              }, {
+                default: se(() => [
+                  g(P, {
+                    disabled: !0,
+                    class: "text-fm-color-typo-secondary"
+                  }, {
+                    default: se(() => {
+                      var n;
+                      return [
+                        ye(M((n = t(u).find((e) => e.value === C.id)) == null ? void 0 : n.label), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024)) : (i(), I(S, {
+                key: 0,
+                modelValue: C.id,
+                "onUpdate:modelValue": [(n) => C.id = n, (n) => C.expiredAt = b(n) ?? 1],
+                class: "flex-1",
+                items: t(u).filter(
+                  (n) => {
+                    var e;
+                    return !((e = t(o).titles) != null && e.map((c) => c.id).includes(n.value)) || C.id === n.value;
+                  }
+                )
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])),
+              g(_, {
+                modelValue: C.expiredAt,
+                "onUpdate:modelValue": (n) => C.expiredAt = n,
+                class: "flex-1",
+                label: "",
+                "max-fraction-digits": 0,
+                min: 0,
+                max: 9999,
+                step: 1
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              g(N, {
+                class: "w-24 h-24",
+                icon: "close",
+                variant: "tertiary",
+                onClick: (n) => {
+                  var e;
+                  return (e = t(o).titles) == null ? void 0 : e.splice(K, 1);
+                }
+              }, null, 8, ["onClick"])
+            ]),
+            (i(!0), w(Y, null, Q(G(`titles.${K}`), (n, e) => (i(), I(D, {
+              key: e,
+              class: "items-center",
+              state: "error",
+              text: n.toString()
+            }, null, 8, ["text"]))), 128))
+          ]))), 128)),
+          t(u).length && (((R = t(o).titles) == null ? void 0 : R.length) ?? 0) < t(u).length ? (i(), I(N, {
+            key: 2,
+            icon: "add",
+            label: "Give title",
+            variant: "plain",
+            onClick: l[3] || (l[3] = (C) => {
+              var K;
+              return t(o).titles = [
+                ...t(o).titles ?? [],
+                {
+                  id: ((K = t(u).find(
+                    (n) => {
+                      var e;
+                      return !((e = t(o).titles) != null && e.map((c) => c.id).includes(n.value));
+                    }
+                  )) == null ? void 0 : K.value) || t(u)[0].value,
+                  expiredAt: 0
+                }
+              ];
+            })
+          })) : oe("", !0)
+        ]),
+        r("div", at, [
+          Ee(g(D, {
+            state: "warning",
+            text: "Updating member will cause tier to change"
+          }, null, 512), [
+            [Ve, t(a)]
+          ]),
+          g(H),
+          g(N, {
+            variant: "secondary",
+            label: "Cancel",
+            size: "md",
+            onClick: l[4] || (l[4] = (C) => t(F).close())
+          }),
+          g(N, {
+            disabled: !!t(k),
+            variant: "primary",
+            label: "Submit",
+            size: "md",
+            onClick: U
+          }, null, 8, ["disabled"])
+        ])
+      ], 64);
+    };
+  }
+}), mt = { class: "fm-typo-en-title-sm-800" }, dt = { class: "space-y-16" }, ct = { class: "flex flex-nowrap gap-8 items-center justify-end pt-24 w-full" }, ut = /* @__PURE__ */ ae({
+  __name: "CreditCoinDialog",
+  props: {
+    type: { type: String, required: !0 },
+    action: { type: String, required: !0 },
+    onSubmit: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(m) {
+    const F = Ce(), f = m, y = L({
+      amount: 1,
+      day: 1,
+      remark: void 0
+    }), s = L(!0), o = O(() => _e.formattedType(f.type.toUpperCase()));
+    function u(a) {
+      s.value = a, !a && f.type === "coin" && (y.value.day = void 0);
+    }
+    async function d() {
+      if (f.action === "send") {
+        const a = y.value.day ? `, expire in ${y.value.day} days` : "";
+        Ae.confirm(
+          `Are you sure to send ${y.value.amount} ${o.value.toLowerCase()}${a}? This action cannot be reversed.`
+        ).then(async (b) => {
+          b && await f.onSubmit(y.value);
+        });
+      } else
+        Ae.confirm(
+          `Are you sure to deduct ${y.value.amount} ${o.value.toLowerCase()}? This action cannot be reversed.`
+        ).then(async (a) => {
+          a && await f.onSubmit(y.value);
+        });
+    }
+    const x = O(() => {
+      const b = (f.action === "send" ? f.type === "coin" ? Re : je : f.type === "coin" ? Le : qe).safeParse(y.value);
+      return b.success == !1 ? b.error.flatten().fieldErrors : void 0;
+    });
+    return (a, b) => {
+      const k = A("FmStepperField"), $ = A("FmSwitch"), G = A("FmTextarea"), U = A("FmButton"), ie = A("FmCard");
+      return i(), I(ie, { class: "flex flex-col gap-16 p-16" }, {
+        default: se(() => {
+          var re, q, ne, p, l, S;
+          return [
+            r("div", mt, M(f.action == "send" ? "Send" : "Deduct") + " " + M(t(Se)[f.type.toUpperCase()].name), 1),
+            ye(" " + M(t(x)) + " ", 1),
+            r("div", dt, [
+              g(k, {
+                modelValue: t(y).amount,
+                "onUpdate:modelValue": b[0] || (b[0] = (_) => t(y).amount = _),
+                label: `${t(Se)[f.type.toUpperCase()].name} amount`,
+                "is-currency": !0,
+                "max-fraction-digits": 2,
+                "helper-state": (re = t(x)) != null && re.amount ? "error" : void 0,
+                "helper-text": (ne = (q = t(x)) == null ? void 0 : q.amount) == null ? void 0 : ne[0]
+              }, null, 8, ["modelValue", "label", "helper-state", "helper-text"]),
+              m.action === "send" && f.type === "coin" ? (i(), I($, {
+                key: 0,
+                "model-value": t(s),
+                label: `${t(o)} expires`,
+                "label-placement": "right",
+                "onUpdate:modelValue": b[1] || (b[1] = (_) => u(_))
+              }, null, 8, ["model-value", "label"])) : oe("", !0),
+              m.action === "send" && t(s) ? (i(), I(k, {
+                key: 1,
+                modelValue: t(y).day,
+                "onUpdate:modelValue": b[2] || (b[2] = (_) => t(y).day = _),
+                label: `${t(o)} expires in`,
+                "max-fraction-digits": 0,
+                "append-text": "day(s)",
+                max: 9999,
+                min: 0,
+                "helper-state": (p = t(x)) != null && p.day ? "error" : void 0,
+                "helper-text": (S = (l = t(x)) == null ? void 0 : l.day) == null ? void 0 : S[0]
+              }, null, 8, ["modelValue", "label", "helper-state", "helper-text"])) : oe("", !0),
+              g(G, {
+                modelValue: t(y).remark,
+                "onUpdate:modelValue": b[3] || (b[3] = (_) => t(y).remark = _),
+                label: "Remark"
+              }, null, 8, ["modelValue"])
+            ]),
+            r("div", ct, [
+              g(U, {
+                variant: "secondary",
+                label: "Cancel",
+                size: "md",
+                onClick: b[4] || (b[4] = (_) => t(F).close())
+              }),
+              g(U, {
+                disabled: !!t(x),
+                variant: "primary",
+                label: "Submit",
+                size: "md",
+                onClick: b[5] || (b[5] = async () => d())
+              }, null, 8, ["disabled"])
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), pt = He("segment", () => {
+  const m = L([]);
+  async function F() {
+    const f = await Ne.readAll({
+      limit: 1e3,
+      skip: 0,
+      sortBy: "_id",
+      descending: !0
+    });
+    m.value = f.resources;
+  }
+  return {
+    segments: m,
+    read: F
+  };
+});
+class ft extends Je {
+}
+const bt = { class: "border border-fm-color-neutral-gray-100 rounded-lg p-16" }, yt = { class: "hidden xs:!flex items-center justify-end" }, vt = { class: "flex items-center justify-between mb-4" }, gt = { class: "flex items-center justify-between gap-x-8" }, xt = { class: "fm-typo-en-body-lg-600" }, ht = { class: "px-4 py-0.5 rounded-md bg-fm-color-neutral-gray-100 fm-typo-en-body-md-600" }, _t = { class: "xs:hidden flex justify-between gap-x-4" }, xe = /* @__PURE__ */ ae({
+  __name: "MemberCollectionTable",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    columns: {
+      type: Array,
+      default: [],
+      required: !0
+    },
+    filters: {
+      type: Object,
+      default: {}
+    },
+    withExport: {
+      type: Boolean,
+      default: !1
+    },
+    transformExportRecord: {
+      type: Function
+    }
+  },
+  setup(m) {
+    const F = m, f = L({
+      search: ""
+    }), y = L(!1), { tableMeta: s, rowData: o, onSort: u, debouncedFetchData: d, onSearch: x } = We(async (b) => {
+      const k = {
+        ...f.value,
+        ...F.filters
+      };
+      return await ve.readCollectionsByMemberId(
+        F.member._id.toString(),
+        b,
+        k
+      );
+    });
+    Te(
+      f,
+      () => {
+        d();
+      },
+      { deep: !0 }
+    );
+    async function a() {
+      try {
+        y.value = !0;
+        const b = {
+          ...f.value,
+          ...F.filters
+        };
+        await Qe({
+          exporter: new ft(),
+          readFunction: (k) => ve.readCollectionsByMemberId(
+            F.member._id.toString(),
+            k,
+            b
+          ),
+          transformRecord: F.transformExportRecord,
+          filename: `${F.member._id.toString()}-${F.title.replace(" ", "-").toLowerCase()}`
+        });
+      } catch (b) {
+        console.error(b);
+      } finally {
+        y.value = !1;
+      }
+    }
+    return Ie(async () => {
+      await d();
+    }), (b, k) => {
+      const $ = A("FmSearch"), G = A("FmButton");
+      return i(), w("div", bt, [
+        r("div", yt, [
+          g($, {
+            class: "hidden xs:!flex",
+            modelValue: t(f).search,
+            "onUpdate:modelValue": [
+              k[0] || (k[0] = (U) => t(f).search = U),
+              t(x)
+            ],
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+          m.withExport ? (i(), I(G, {
+            key: 0,
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: a
+          })) : oe("", !0)
+        ]),
+        r("div", vt, [
+          r("div", gt, [
+            r("div", xt, M(F.title), 1),
+            r("div", ht, M(t(s).totalRows), 1)
+          ]),
+          r("div", _t, [
+            g($, {
+              modelValue: t(f).search,
+              "onUpdate:modelValue": [
+                k[1] || (k[1] = (U) => t(f).search = U),
+                t(x)
+              ],
+              placeholder: "Search"
+            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+            m.withExport ? (i(), I(G, {
+              key: 0,
+              icon: "ios_share",
+              variant: "tertiary",
+              onClick: a
+            })) : oe("", !0)
+          ])
+        ]),
+        g(Xe, {
+          loading: t(s).isLoading,
+          "row-data": t(o),
+          "row-count": t(s).totalRows,
+          "column-defs": m.columns,
+          "page-count": t(s).pageCount,
+          "page-index": t(s).pageIndex,
+          "page-size": t(s).pageSize,
+          "shrink-at": !1,
+          onSortChange: t(u),
+          onPageChange: k[2] || (k[2] = (U) => t(d)({
+            pageSize: U.pageSize,
+            pageIndex: U.pageIndex
+          }))
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
+      ]);
+    };
+  }
+}), Ct = /* @__PURE__ */ ae({
+  __name: "MemberVouchers",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const F = m, f = [
+      {
+        header: "Voucher title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(o) {
+          var u;
+          return le(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((u = o.row.original.pf_collectible) == null ? void 0 : u.name) || "-"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Claimed at",
+        accessorKey: "_id",
+        accessorFn: (o) => h(ge(o._id.toString())).format("D MMM YYYY"),
+        enableSorting: !1
+      },
+      {
+        header: "Expired at",
+        cell(o) {
+          var d, x, a, b;
+          const u = (x = (d = o.row.original.expiryBalance) == null ? void 0 : d[0]) != null && x.expiredAt ? h((b = (a = o.row.original.expiryBalance) == null ? void 0 : a[0]) == null ? void 0 : b.expiredAt).format(
+            "D MMM YYYY"
+          ) : "-";
+          return le("div", {}, u);
+        },
+        enableSorting: !0
+      },
+      {
+        header: "Transfer open",
+        accessorFn: (o) => {
+          var u, d, x;
+          return Ke((x = (d = (u = o.pf_collectible) == null ? void 0 : u.options) == null ? void 0 : d.enableTransfer) == null ? void 0 : x.toString());
+        },
+        enableSorting: !1
+      }
+    ], y = (o) => ({
+      type: he.enum.VOUCHER,
+      isActive: o
+    }), s = (o) => {
+      var u, d, x, a, b, k, $;
+      return {
+        CollectionID: o._id,
+        Title: (u = o.pf_collectible) == null ? void 0 : u.name,
+        ClaimedAt: h(ge(o._id.toString())).format(
+          "D MMM YYYY, hh:mmA"
+        ),
+        ExpiredAt: (x = (d = o.expiryBalance) == null ? void 0 : d[0]) != null && x.expiredAt ? h((b = (a = o.expiryBalance) == null ? void 0 : a[0]) == null ? void 0 : b.expiredAt).format("D MMM YYYY") : "",
+        TransferOpen: (($ = (k = o.pf_collectible) == null ? void 0 : k.options) == null ? void 0 : $.enableTransfer) || !1
+      };
+    };
+    return (o, u) => (i(), w(Y, null, [
+      u[0] || (u[0] = r("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Voucher Collections", -1)),
+      g(xe, {
+        member: F.member,
+        columns: f,
+        title: "Active voucher",
+        filters: y(!0),
+        withExport: !0,
+        transformExportRecord: s
+      }, null, 8, ["member", "filters"]),
+      g(xe, {
+        member: F.member,
+        columns: f,
+        title: "Past voucher",
+        filters: y(!1),
+        withExport: !0,
+        transformExportRecord: s
+      }, null, 8, ["member", "filters"])
+    ], 64));
+  }
+}), St = /* @__PURE__ */ ae({
+  __name: "MemberMissions",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const F = m, f = [
+      {
+        header: "Mission title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(s) {
+          var o;
+          return le(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((o = s.row.original.pf_campaign) == null ? void 0 : o.name) || "Deleted Campaign"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Type",
+        accessorFn: (s) => {
+          var o, u, d;
+          return Me.title(((d = (u = (o = s == null ? void 0 : s.pf_collectible) == null ? void 0 : o.extras) == null ? void 0 : u.mission) == null ? void 0 : d.type) || "-");
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Status",
+        cell(s) {
+          var o;
+          if (s.row.original.pf_campaign) {
+            const u = {
+              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"
+            }, d = Ze(
+              s.row.original.pf_campaign
+            ), a = s.row.original.balance === s.row.original.pf_collectible.extras.mission.end && d === "active" ? "completed" : (o = s.row.original) != null && o.deactivatedAt ? "expired" : d;
+            return le(we.FmChip, {
+              class: u[a],
+              label: Me.title(a),
+              compact: !0
+            });
+          }
+          return le(we.FmChip, {
+            class: "",
+            label: "-",
+            compact: !0
+          });
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Summary",
+        accessorFn: (s) => s != null && s.pf_campaign ? et(s.pf_campaign) : "Deleted Campaign",
+        enableSorting: !1
+      },
+      {
+        header: "Current Step",
+        accessorKey: "balance",
+        enableSorting: !1
+      },
+      {
+        header: "Total Step",
+        accessorFn: (s) => {
+          var o, u, d;
+          return ((d = (u = (o = s == null ? void 0 : s.pf_collectible) == null ? void 0 : o.extras) == null ? void 0 : u.mission) == null ? void 0 : d.end) ?? 0;
+        },
+        enableSorting: !1
+      }
+    ], y = {
+      type: he.enum.STAMP
+    };
+    return (s, o) => (i(), w(Y, null, [
+      o[0] || (o[0] = r("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Mission", -1)),
+      g(xe, {
+        member: F.member,
+        columns: f,
+        title: "Mission",
+        filters: y
+      }, null, 8, ["member"])
+    ], 64));
+  }
+}), wt = /* @__PURE__ */ ae({
+  __name: "MemberGames",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const F = m, f = [
+      {
+        header: "Game title",
+        meta: {
+          maxWidth: "300px"
+        },
+        cell(s) {
+          var o;
+          return le(
+            "div",
+            { class: "text-ellipsis truncate" },
+            ((o = s.row.original.pf_campaign) == null ? void 0 : o.name) || "-"
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Claimed at",
+        accessorKey: "_id",
+        accessorFn: (s) => h(ge(s._id.toString())).format("D MMM YYYY"),
+        enableSorting: !1
+      },
+      {
+        header: "Expired at",
+        cell(s) {
+          var u, d, x, a;
+          const o = (d = (u = s.row.original.expiryBalance) == null ? void 0 : u[0]) != null && d.expiredAt ? h((a = (x = s.row.original.expiryBalance) == null ? void 0 : x[0]) == null ? void 0 : a.expiredAt).format(
+            "D MMM YYYY"
+          ) : "-";
+          return le("div", {}, o);
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Token received",
+        accessorKey: "balance",
+        enableSorting: !1
+      }
+    ], y = (s) => ({
+      type: he.enum.GAME,
+      isActive: s
+    });
+    return (s, o) => (i(), w(Y, null, [
+      o[0] || (o[0] = r("div", { class: "fm-typo-en-title-sm-600 mb-16" }, "Game program", -1)),
+      g(xe, {
+        member: F.member,
+        columns: f,
+        title: "Active game token",
+        filters: y(!0)
+      }, null, 8, ["member", "filters"])
+    ], 64));
+  }
+}), Ft = { class: "flex flex-col flex-nowrap gap-y-24 max-h-full" }, Mt = { class: "grid md:grid-cols-2 lg:grid-cols-2 gap-x-36 gap-y-24" }, kt = { class: "space-y-16" }, At = { class: "flex gap-16 items-center" }, Tt = { class: "flex-auto" }, $t = { class: "fm-typo-en-body-md-600" }, Et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, It = { class: "fm-typo-en-body-md-800" }, Bt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dt = { class: "fm-typo-en-body-md-800" }, Yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ut = { class: "fm-typo-en-body-md-600" }, Nt = { class: "gap-16 grid grid-cols-1" }, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pt = { class: "fm-typo-en-body-md-600" }, Rt = { 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" }, jt = { class: "flex justify-between mb-16" }, Lt = { class: "fm-typo-en-title-sm-600" }, qt = ["onClick"], zt = { class: "flex flex-col gap-y-16" }, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ht = { class: "fm-typo-en-body-md-600" }, Kt = { class: "space-y-8" }, Wt = {
+  key: 0,
+  class: "space-x-8"
+}, Xt = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, Jt = { class: "space-y-8" }, Qt = ["src"], Zt = { class: "fm-typo-en-body-md-600" }, eo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, to = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, oo = {
+  key: 1,
+  class: "space-y-24"
+}, ro = { class: "space-y-8" }, no = { class: "fm-typo-en-title-md-800" }, so = { class: "space-y-4" }, lo = { class: "fm-typo-en-body-md-600" }, ao = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, io = { class: "space-y-8" }, mo = { class: "fm-typo-en-title-md-800" }, co = { class: "space-y-4" }, uo = { class: "fm-typo-en-body-md-600" }, po = { class: "flex gap-24 items-center xs:flex-col xs:items-start" }, Ko = /* @__PURE__ */ ae({
+  __name: "MemberDetailSheet",
+  props: {
+    member: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:member"],
+  setup(m, { expose: F, emit: f }) {
+    const y = tt(), s = Ge(), o = $e(), u = pt(), d = Ce(), { minor: x } = ze, a = m, b = f, k = O(() => s.locations.map((n) => ({
+      label: n.name,
+      value: n._id
+    }))), $ = O(() => (a.member.segment || []).map((n) => {
+      var e;
+      return ((e = u.segments.find((c) => c._id === n)) == null ? void 0 : e.name) || "";
+    }).filter(Boolean)), G = [
+      {
+        label: "Loyalty",
+        stats: [
+          {
+            label: "Experiences",
+            getter: (n) => {
+              var e, c, T;
+              return te(((T = (c = (e = n.collection) == null ? void 0 : e.POINT) == null ? void 0 : c[0]) == null ? void 0 : T.balance) ?? 0, 2);
+            }
+          },
+          {
+            label: "Credits",
+            getter: (n) => {
+              var e, c, T;
+              return te(((T = (c = (e = n.collection) == null ? void 0 : e.CREDIT) == null ? void 0 : c[0]) == null ? void 0 : T.balance) ?? 0, 2);
+            }
+          }
+        ]
+      },
+      {
+        label: "Voucher",
+        stats: [
+          {
+            label: "Active vouchers",
+            getter: () => te(P.value.active, 0)
+          },
+          {
+            label: "Past vouchers",
+            getter: () => te(P.value.past, 0)
+          }
+        ]
+      },
+      {
+        label: "Mission",
+        stats: [
+          {
+            label: "Stamp missions",
+            getter: () => te(B.value.stamp, 0)
+          },
+          {
+            label: "Progress missions",
+            getter: () => te(B.value.progressive, 0)
+          }
+        ]
+      },
+      {
+        label: "Game",
+        stats: [
+          {
+            label: "Tokens",
+            getter: (n) => {
+              var e, c;
+              return te(
+                ((c = (e = n.collection) == null ? void 0 : e.GAME) == null ? void 0 : c.reduce(
+                  (T, E) => T + E.balance,
+                  0
+                )) || 0,
+                0
+              );
+            }
+          }
+        ]
+      },
+      {
+        label: "Store bundle",
+        stats: [
+          {
+            label: "Bundle purchased",
+            getter: () => te(N.value, 0)
+          }
+        ]
+      }
+    ], ie = (() => {
+      const e = [];
+      for (let c = 0; c < G.length; c += 3)
+        e.push(G.slice(c, c + 3));
+      return e;
+    })();
+    async function re(n, e) {
+      switch (n.stopPropagation(), e) {
+        case "Store bundle":
+          await y.push({
+            name: rt["$connect-LOYALTY_MEMBER_TRANSACTIONS"],
+            params: { id: a.member._id.toString() },
+            query: { tab: "store" }
+          });
+          break;
+        default:
+          C.value = R.find((c) => c.label === e) || R[0];
+          break;
+      }
+    }
+    async function q(n, e) {
+      d.open({
+        title: "",
+        dialogComponent: ut,
+        dialogComponentProps: {
+          type: n,
+          action: e,
+          onSubmit: async (c) => {
+            await x(
+              async () => {
+                const T = {
+                  "credit-send": fe.sendCredit,
+                  "credit-deduct": fe.deductCredit,
+                  "coin-send": fe.sendCoin,
+                  "coin-deduct": fe.deductCoin
+                }, E = `${n}-${e}`, W = T[E];
+                W && await W(a.member._id, c), b("update:member"), d.close();
+              },
+              {
+                message: `Adjusting ${_e.formattedType(
+                  n.toUpperCase()
+                ).toLowerCase()}`,
+                successMessage: `${c.amount} ${_e.formattedType(
+                  n.toUpperCase()
+                ).toLowerCase()} ${e} ${e == "send" ? "to" : "from"} ${a.member.phoneNumber}`
+              }
+            );
+          }
+        }
+      });
+    }
+    async function ne() {
+      d.open({
+        title: "Update member statistics",
+        contentComponent: it,
+        contentComponentProps: {
+          member: a.member,
+          onSubmit: async (n) => {
+            await x(
+              async () => {
+                await fe.updateMember(a.member._id, n), b("update:member"), d.close();
+              },
+              {
+                message: "Updating member stats",
+                successMessage: `Updated member ${a.member.phoneNumber} stats successfully`
+              }
+            );
+          }
+        }
+      });
+    }
+    const p = [
+      {
+        label: "Mobile No.",
+        key: "phoneNumber"
+      },
+      {
+        label: "Tier",
+        getter: (n) => {
+          var me, de, be, v, V;
+          const e = (((de = Fe.first((me = a.member.collection) == null ? void 0 : me.TIER)) == null ? void 0 : de.balance) || 0) - 1, c = S.value.name, T = ((v = (be = n.collection) == null ? void 0 : be.POINT) == null ? void 0 : v[0].balance) ?? 0, E = o.sortedTiers[e + 1], W = ((V = E == null ? void 0 : E.option) == null ? void 0 : V.from) ?? 1 / 0;
+          return `${c} (${T}/${W})`;
+        }
+      },
+      {
+        label: "Email",
+        key: "email"
+      },
+      {
+        label: "Birthday",
+        getter: (n) => n.birthday ? h(n.birthday).format("D MMM YYYY") : "-"
+      }
+    ], l = [
+      {
+        label: "Customer since",
+        getter: (n) => h(n.joinAt || ge(n._id.toString())).format("D MMM YYYY")
+      },
+      {
+        label: "Joined at location",
+        getter: (n) => {
+          var e;
+          return n != null && n.location && ((e = k.value.find((c) => c.value == n.location)) == null ? void 0 : e.label) || "-";
+        }
+      },
+      {
+        label: "Total visit(s)",
+        getter: (n) => ke.singularOrPlural(n.stats.visitCount, "bill")
+      },
+      {
+        label: "Last visit",
+        getter: (n) => h(n.stats.lastVisit).fromNow()
+      },
+      {
+        label: "Frequency",
+        getter: (n) => `Every ${ke.singularOrPlural(
+          Number(Math.ceil(n.stats.avgVisitFrequency).toFixed(0)),
+          "day"
+        )}`
+      },
+      {
+        label: "Average spend",
+        getter: (n) => Ue.Dinero.fromNumber({ number: Number(n.stats.avgBillSize || 0) }).toFormat(
+          !0
+        )
+      }
+      // {
+      //   label: 'Feedback',
+      //   key: 'feedbackCount',
+      // },
+    ], S = O(() => {
+      var c, T;
+      const n = (((T = Fe.first((c = a.member.collection) == null ? void 0 : c.TIER)) == null ? void 0 : T.balance) || 0) - 1, e = o.sortedTiers[n];
+      return { name: (e == null ? void 0 : e.name) || "-", tier: n, config: e };
+    }), _ = O(() => {
+      var n;
+      return (((n = a.member.collection) == null ? void 0 : n.TITLE) || []).map((e) => {
+        var T, E, W;
+        const c = (T = o.sortedTitles) == null ? void 0 : T.find(
+          (me) => me._id == e.collectible
+        );
+        return {
+          name: c == null ? void 0 : c.name,
+          expiredAt: (W = (E = e.expiryBalance) == null ? void 0 : E.at(-1)) == null ? void 0 : W.expiredAt,
+          collectible: c
+        };
+      }).filter(
+        (e) => e.expiredAt ? h(e.expiredAt).isAfter(h()) : !0
+      );
+    }), B = L({ stamp: 0, progressive: 0 }), P = L({ active: 0, past: 0 }), z = L([]), N = O(
+      () => z.value.reduce((n, e) => n + e.count, 0)
+    ), D = L(!0);
+    function H() {
+      D.value = !0, C.value = R[0];
+    }
+    function Z() {
+      D.value = !1;
+    }
+    const R = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Loyalty",
+        value: "loyalty"
+      },
+      {
+        label: "Voucher",
+        value: "voucher"
+      },
+      {
+        label: "Mission",
+        value: "mission"
+      },
+      {
+        label: "Game",
+        value: "game"
+      }
+    ], C = L(R[0]), K = async () => {
+      P.value = await ve.readCollectionCountByMemberId(
+        a.member._id.toString(),
+        he.enum.VOUCHER
+      ), z.value = await ot.readPurchaseCountByMember(
+        a.member._id.toString()
+      ), B.value = await ve.readMissionCountByMemberId(
+        a.member._id.toString()
+      );
+    };
+    return Be(async () => {
+      await o.readMembership(), await K(), s.locations.length || await s.readLocations();
+    }), Te(D, async () => {
+      await K();
+    }), F({
+      showSheet: H,
+      hideSheet: Z
+    }), (n, e) => {
+      const c = A("FmTabs"), T = A("FmAvatar"), E = A("FmButton"), W = A("FmIcon"), me = A("FmChip"), de = A("FmCard"), be = A("FmSideSheet");
+      return i(), I(be, {
+        modelValue: t(D),
+        "onUpdate:modelValue": e[5] || (e[5] = (v) => De(D) ? D.value = v : null),
+        header: "Member Detail",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 1100
+      }, {
+        "side-sheet-footer": se(() => [...e[19] || (e[19] = [])]),
+        default: se(() => [
+          r("div", Ft, [
+            r("div", null, [
+              g(c, {
+                "model-value": t(C).value,
+                items: R,
+                class: "overflow-x-auto",
+                "onUpdate:modelValue": e[0] || (e[0] = (v) => C.value = R.find((V) => V.value === v))
+              }, null, 8, ["model-value"])
+            ]),
+            t(C).value == "overview" ? (i(), w(Y, { key: 0 }, [
+              r("div", Mt, [
+                r("div", null, [
+                  e[9] || (e[9] = r("div", { class: "fm-typo-en-title-sm-800 mb-16" }, "Profile Information", -1)),
+                  r("div", kt, [
+                    r("div", At, [
+                      g(T, {
+                        name: m.member.photoUrl ? void 0 : m.member.name,
+                        src: m.member.photoUrl || void 0
+                      }, null, 8, ["name", "src"]),
+                      r("div", Tt, [
+                        e[8] || (e[8] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Member Name ", -1)),
+                        r("div", $t, M(m.member.name), 1),
+                        r("div", Et, M(m.member._id), 1),
+                        r("div", Vt, [
+                          e[6] || (e[6] = ye(" Member Card: ", -1)),
+                          r("span", It, M(m.member.cardNo ? m.member.cardNo : "-"), 1)
+                        ]),
+                        r("div", Bt, [
+                          e[7] || (e[7] = ye(" Referral Code: ", -1)),
+                          r("span", Dt, M(m.member.referralCode ? m.member.referralCode : "-"), 1)
+                        ])
+                      ]),
+                      g(E, {
+                        variant: "tertiary",
+                        icon: "settings",
+                        onClick: ne
+                      })
+                    ]),
+                    (i(), w(Y, null, Q(p, (v, V) => r("div", { key: V }, [
+                      r("div", Yt, M(v.label), 1),
+                      r("div", Ut, M(v.key ? m.member[v.key] : v.getter(m.member)), 1)
+                    ])), 64))
+                  ])
+                ]),
+                r("div", null, [
+                  e[10] || (e[10] = r("div", { class: "fm-typo-en-title-sm-800 mb-16" }, "Activities", -1)),
+                  r("div", Nt, [
+                    (i(), w(Y, null, Q(l, (v) => r("div", {
+                      key: v.key
+                    }, [
+                      r("div", Ot, M(v.label), 1),
+                      r("div", Pt, M(v.key ? a.member.stats[v.key] || "-" : v.getter(m.member)), 1)
+                    ])), 64))
+                  ])
+                ])
+              ]),
+              e[13] || (e[13] = r("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1)),
+              (i(!0), w(Y, null, Q(t(ie), (v) => (i(), w("div", Rt, [
+                (i(!0), w(Y, null, Q(v, (V, ee) => (i(), w("div", { key: ee }, [
+                  r("div", {
+                    class: Ye(ee !== 0 ? "pt-12 md:pt-0 lg:pt-0 md:pl-12 lg:pl-12" : "")
+                  }, [
+                    r("div", jt, [
+                      r("div", Lt, M(V.label), 1),
+                      r("button", {
+                        onClick: (j) => re(j, V.label)
+                      }, [
+                        g(W, {
+                          name: "chevron_right",
+                          outline: "",
+                          size: "md"
+                        })
+                      ], 8, qt)
+                    ]),
+                    r("div", zt, [
+                      (i(!0), w(Y, null, Q(V.stats, (j) => (i(), w("div", {
+                        key: j.key
+                      }, [
+                        r("div", Gt, M(j.label), 1),
+                        r("div", Ht, M(j.getter(m.member)), 1)
+                      ]))), 128))
+                    ])
+                  ], 2)
+                ]))), 128))
+              ]))), 256)),
+              r("div", Kt, [
+                e[11] || (e[11] = r("div", { class: "fm-typo-en-title-sm-800" }, "Segments", -1)),
+                t($).length ? (i(), w("div", Wt, [
+                  (i(!0), w(Y, null, Q(t($), (v) => (i(), I(me, {
+                    label: v.toString()
+                  }, null, 8, ["label"]))), 256))
+                ])) : (i(), w("div", Xt, "No titles"))
+              ]),
+              e[14] || (e[14] = r("div", { class: "border-fm-color-neutral-gray-100 rounded-sm border-t" }, null, -1)),
+              r("div", Jt, [
+                e[12] || (e[12] = r("div", { class: "fm-typo-en-title-sm-800" }, "Title badge", -1)),
+                t(_).length ? (i(!0), w(Y, { key: 0 }, Q(t(_).filter((v) => v.collectible), (v) => (i(), w("div", {
+                  class: "flex items-center gap-x-8 h-48",
+                  key: v.name
+                }, [
+                  r("img", {
+                    src: v.collectible.image || t(Oe),
+                    class: "aspect-square h-full object-contain"
+                  }, null, 8, Qt),
+                  r("div", null, [
+                    r("div", Zt, M(v.name), 1),
+                    r("div", eo, " Expired on " + M(t(h)(v.expiredAt).format("MMM D, Y")), 1)
+                  ])
+                ]))), 128)) : (i(), w("div", to, "No titles"))
+              ])
+            ], 64)) : t(C).value == "loyalty" ? (i(), w("div", oo, [
+              g(de, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: se(() => {
+                  var v, V, ee, j, ce, ue, pe;
+                  return [
+                    r("div", ro, [
+                      e[15] || (e[15] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credit ", -1)),
+                      r("div", no, M(((ee = (V = (v = m.member.collection) == null ? void 0 : v.CREDIT) == null ? void 0 : V[0]) == null ? void 0 : ee.balance) ?? 0), 1)
+                    ]),
+                    r("div", so, [
+                      e[16] || (e[16] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credit(s) to be expired in 30 days ", -1)),
+                      r("div", lo, M(((pe = (ue = (ce = (j = m.member.collection) == null ? void 0 : j.CREDIT) == null ? void 0 : ce[0]) == null ? void 0 : ue.expiryBalance) == null ? void 0 : pe.reduce(
+                        (X, J) => J.expiredAt && t(h)(J.expiredAt).isAfter(t(h)()) && t(h)(J.expiredAt).isBefore(t(h)().add(30, "days")) ? X + J.amount : X,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    r("div", ao, [
+                      g(E, {
+                        label: "Add credit",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: e[1] || (e[1] = (X) => q("credit", "send"))
+                      }),
+                      g(E, {
+                        label: "Deduct credit",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: e[2] || (e[2] = (X) => q("credit", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              g(de, {
+                class: "p-16 space-y-24",
+                variant: "outlined"
+              }, {
+                default: se(() => {
+                  var v, V, ee, j, ce, ue, pe;
+                  return [
+                    r("div", io, [
+                      e[17] || (e[17] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Point ", -1)),
+                      r("div", mo, M(((ee = (V = (v = m.member.collection) == null ? void 0 : v.COIN) == null ? void 0 : V[0]) == null ? void 0 : ee.balance) ?? 0), 1)
+                    ]),
+                    r("div", co, [
+                      e[18] || (e[18] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Point(s) to be expired in 30 days ", -1)),
+                      r("div", uo, M(((pe = (ue = (ce = (j = m.member.collection) == null ? void 0 : j.COIN) == null ? void 0 : ce[0]) == null ? void 0 : ue.expiryBalance) == null ? void 0 : pe.reduce(
+                        (X, J) => J.expiredAt && t(h)(J.expiredAt).isAfter(t(h)()) && t(h)(J.expiredAt).isBefore(t(h)().add(30, "days")) ? X + J.amount : X,
+                        0
+                      )) ?? 0), 1)
+                    ]),
+                    r("div", po, [
+                      g(E, {
+                        label: "Add point",
+                        icon: "add",
+                        variant: "plain",
+                        onClick: e[3] || (e[3] = (X) => q("coin", "send"))
+                      }),
+                      g(E, {
+                        label: "Deduct point",
+                        icon: "remove",
+                        variant: "plain",
+                        onClick: e[4] || (e[4] = (X) => q("coin", "deduct"))
+                      })
+                    ])
+                  ];
+                }),
+                _: 1
+              })
+            ])) : t(C).value == "voucher" ? (i(), I(Ct, {
+              key: 2,
+              member: a.member
+            }, null, 8, ["member"])) : t(C).value == "mission" ? (i(), I(St, {
+              key: 3,
+              member: a.member
+            }, null, 8, ["member"])) : t(C).value == "game" ? (i(), I(wt, {
+              key: 4,
+              member: a.member
+            }, null, 8, ["member"])) : oe("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Ko as _,
+  pt as u
+};