@feedmepos/mf-connect 0.1.111-prod → 0.1.113-beta.3

package/dist/StoreTransactions.vue_vue_type_script_setup_true_lang-CNDv6eiZ.js

@@ -1,1009 +0,0 @@
-import { ref as M, defineComponent as J, computed as W, h as l, resolveComponent as Y, openBlock as P, createBlock as te, unref as s, isRef as ve, withCtx as oe, createElementVNode as x, createVNode as C, createElementBlock as O, Fragment as Q, renderList as ne, toDisplayString as K, createTextVNode as xe, resolveDynamicComponent as Se, watch as re, onBeforeMount as be, onMounted as _e } from "vue";
-import { components as v, useDialog as we } from "@feedmepos/ui-library";
-import { s as se } from "./index-Df4l6y-S.js";
-import "./index-uuNGb1nv.js";
-import { T as A } from "./transaction.fn-BkF4Ad2z.js";
-import { h as T } from "./moment-D7p2TMB-.js";
-import { _ as H } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
-import { _ as le } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-CJA-yunY.js";
-import { s as j } from "./index-CuvNtC_M.js";
-import { f as X } from "./number-9TEd27Ku.js";
-import { u as ie } from "./business-CbqG6NXr.js";
-import { _ as ce, u as Ce } from "./usePagination-CrC-1v4L.js";
-import { c as Z, p as Te } from "./plugins-CCibSJZa.js";
-import { g as ue } from "./user-CrylHgF1.js";
-import { B as me, e as Re } from "./export-D0hWZSfH.js";
-import { u as de } from "./campaign-Rj7oDBnN.js";
-import "./index-CDm0BWa3.js";
-import "./index-DlGnYR5y.js";
-import "./index-Cp7oHMm3.js";
-import "./index-BZ2b0Pk6.js";
-import "./index-BWgc2-Qz.js";
-import { u as pe } from "./vue-i18n-BjtkXdmG.js";
-import { o as z } from "./objectId-dwaoBfJX.js";
-import { u as fe } from "./loading-rIhCiB_S.js";
-import { w as Ie } from "./xlsx-CJNYF7-l.js";
-import { useRouter as Fe } from "vue-router";
-import { t as q } from "./index-tbo0pMIu.js";
-import { R as G } from "./app-QxosLNkH.js";
-import { useCoreStore as De } from "@feedmepos/mf-common";
-import { c as Ne } from "./string-Gcy5IM_H.js";
-import { m as Ae } from "./index-DlQJZNwD.js";
-const Me = (_) => {
-  if (_.startsWith("_") || _.includes("."))
-    return _;
-  for (const w of ["pf_user_", "pf_collectible_"])
-    if (_.startsWith(w))
-      return `${w.slice(0, -1)}.${_.slice(w.length).replace(new RegExp("_", "g"), ".")}`;
-  return _.replace(new RegExp("_", "g"), ".");
-};
-function Ee(_, w = { key: "_id", descending: !0 }) {
-  const c = M({
-    pageCount: 1,
-    searchValue: "",
-    pageIndex: 0,
-    totalRows: 0,
-    isLoading: !1,
-    pageSize: 10,
-    hasNext: !1
-  }), u = M(w), S = M([]), h = M([void 0]);
-  function I() {
-    h.value = [void 0], c.value.pageIndex = 0, c.value.pageCount = 1, c.value.hasNext = !1;
-  }
-  const E = async (t = {}) => {
-    const o = t.pageSize ?? c.value.pageSize, y = o !== c.value.pageSize;
-    y && I();
-    const p = y ? 0 : Math.max(t.pageIndex ?? c.value.pageIndex, 0), f = p === 0 || !!h.value[p] ? p : c.value.pageIndex, V = h.value[f];
-    c.value.isLoading = !0, c.value.pageSize = o, S.value = [];
-    try {
-      const N = await _({
-        limit: o,
-        sortBy: u.value.key,
-        descending: u.value.descending,
-        search: c.value.searchValue,
-        ...V ? { cursor: V } : {}
-      });
-      S.value = N.resources, c.value.pageIndex = f, c.value.totalRows = N.resources.length, c.value.hasNext = N.meta.hasNext, c.value.pageCount = f + (N.meta.hasNext ? 2 : 1), N.meta.nextCursor ? h.value[f + 1] = N.meta.nextCursor : h.value.splice(f + 1);
-    } catch (N) {
-      console.error("Error fetching data:", N), c.value.hasNext = !1;
-    } finally {
-      c.value.isLoading = !1;
-    }
-  };
-  let R, d;
-  const m = (t) => (R && clearTimeout(R), d && d(), new Promise((o) => {
-    d = o, R = setTimeout(async () => {
-      R = void 0, d = void 0, await E(t), o();
-    }, 200);
-  }));
-  return {
-    tableMeta: c,
-    rowData: S,
-    sortBy: u,
-    pageCursors: h,
-    resetCursorState: I,
-    fetchData: E,
-    debouncedFetchData: m,
-    onSort: async (t) => {
-      t.length ? u.value = {
-        key: Me(t[0].id),
-        descending: t[0].desc
-      } : u.value = w, I(), await m({
-        pageIndex: 0,
-        pageSize: c.value.pageSize
-      });
-    },
-    onSearch: () => (I(), m({
-      pageIndex: 0,
-      pageSize: c.value.pageSize
-    }))
-  };
-}
-class ke extends me {
-}
-const Pe = { class: "space-y-24 pr-12" }, Ve = { class: "w-full space-y-16" }, Oe = { class: "fm-typo-en-body-lg-600" }, ze = ["onClick"], Ye = { class: "fm-typo-en-body-lg-600" }, Ue = ["onClick"], $e = { class: "flex items-center gap-8" }, Be = /* @__PURE__ */ J({
-  __name: "TransactionDetailSheet",
-  setup(_, { expose: w }) {
-    pe();
-    const c = M(!1), u = M(), S = de(), h = ie();
-    function I(m, n) {
-      c.value = m, u.value = n ?? null;
-    }
-    const E = W(() => {
-      var m, n;
-      return X(
-        ((n = u.value) == null ? void 0 : n.expiryAmount.reduce(
-          (e, t) => e + t.amount,
-          ((m = u.value) == null ? void 0 : m.amount) ?? 0
-        )) ?? 0,
-        2
-      );
-    }), R = W(() => {
-      var m, n, e, t, o;
-      return u.value ? [
-        {
-          label: "Transaction ID",
-          value: (m = u.value) == null ? void 0 : m._id
-        },
-        {
-          label: "Date/Time",
-          value: T(z(u.value._id.toString())).format(
-            "D MMM YYYY, hh:mmA"
-          )
-        },
-        {
-          label: "Amount",
-          component: () => l(
-            "span",
-            {
-              class: [
-                "pr-2",
-                +E.value > 0 ? "text-fm-color-system-success-300" : "text-fm-color-system-error-300"
-              ]
-            },
-            E.value
-          )
-        },
-        {
-          label: "Type",
-          value: A.formattedType(u.value)
-        },
-        {
-          label: "Source",
-          value: j(A.getReason(u.value.source))
-        },
-        {
-          label: "User",
-          value: (e = (n = u.value) == null ? void 0 : n.pf_user) == null ? void 0 : e.name
-        },
-        {
-          label: "Phone Number",
-          value: (o = (t = u.value) == null ? void 0 : t.pf_user) == null ? void 0 : o.phoneNumber
-        }
-      ] : [];
-    }), d = W(() => {
-      var o, y, p, D;
-      if (!u.value) return [];
-      const m = [], n = (o = u.value) == null ? void 0 : o.metadata, e = u.value;
-      if (n != null && n.campaign) {
-        const f = S.campaigns.all.find(
-          (V) => V._id === (n == null ? void 0 : n.campaign)
-        );
-        f && m.push({
-          label: "Campaign",
-          value: f.name
-        });
-      }
-      const t = A.formattedRemark(e);
-      return t && m.push({
-        label: "Remark",
-        value: t
-      }), (y = u.value) != null && y.ref.startsWith("bill_") && m.push({
-        label: "Bill Number",
-        value: (p = u.value) == null ? void 0 : p.ref,
-        copy: () => {
-          var f;
-          return Z((f = u.value) == null ? void 0 : f.ref);
-        }
-      }), n != null && n.location && m.push({
-        label: "Location",
-        value: (D = h.locations.find(
-          (f) => f._id.toString() === (n == null ? void 0 : n.location)
-        )) == null ? void 0 : D.name
-      }), e.source === se.enum.STORE && m.push({
-        label: "Store Transaction",
-        value: e.ref
-      }), n != null && n.originTransaction && m.push({
-        label: "Parent Transaction",
-        value: n.originTransaction
-      }), n != null && n.referral_count && m.push({
-        label: "Referral Count",
-        value: n.referral_count
-      }), e.refundedFrom && m.push({
-        label: "Refunded From",
-        value: e.refundedFrom
-      }), m;
-    });
-    return w({
-      showSheet: I
-    }), (m, n) => {
-      const e = Y("FmButton"), t = Y("FmSideSheet");
-      return P(), te(t, {
-        "max-width": 560,
-        modelValue: s(c),
-        "onUpdate:modelValue": n[1] || (n[1] = (o) => ve(c) ? c.value = o : null),
-        header: "Transaction Details"
-      }, {
-        "side-sheet-footer": oe(() => [
-          x("div", $e, [
-            C(e, {
-              label: "Close",
-              onClick: n[0] || (n[0] = (o) => I(!1)),
-              variant: "tertiary"
-            })
-          ])
-        ]),
-        default: oe(() => [
-          x("div", Pe, [
-            x("div", Ve, [
-              (P(!0), O(Q, null, ne(s(R), (o) => (P(), O("div", {
-                key: o.label,
-                class: "flex flex-col gap-4"
-              }, [
-                x("div", Oe, K(o.label), 1),
-                x("div", {
-                  class: "text-fm-color-typo-secondary fm-typo-en-body-md-400 hover:underline",
-                  onClick: o.copy
-                }, [
-                  xe(K(o.accessorFn ? o.accessorFn() : o.value) + " ", 1),
-                  (P(), te(Se(o.component)))
-                ], 8, ze),
-                n[2] || (n[2] = x("hr", { class: "mt-3" }, null, -1))
-              ]))), 128)),
-              (P(!0), O(Q, null, ne(s(d), (o) => (P(), O("div", {
-                key: o.label,
-                class: "flex flex-col gap-4"
-              }, [
-                x("div", Ye, K(o.label), 1),
-                x("div", {
-                  class: "text-fm-color-typo-secondary fm-typo-en-body-md-400 hover:underline",
-                  onClick: o.copy
-                }, K(o.accessorFn ? o.accessorFn() : o.value), 9, Ue),
-                n[3] || (n[3] = x("hr", { class: "mt-3" }, null, -1))
-              ]))), 128))
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Le = { class: "hidden xs:!flex items-center justify-end" }, Ke = { class: "flex items-center justify-between" }, Ge = { class: "flex gap-8 items-center w-full overflow-x-scroll" }, We = { class: "xs:hidden" }, Fa = /* @__PURE__ */ J({
-  __name: "CollectionTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(_) {
-    const { t: w } = pe(), c = ie(), u = de(), S = Fe(), h = _, I = M(!1), { minor: E } = fe, R = [
-      {
-        header: "Transaction ID",
-        accessorKey: "_id",
-        meta: {
-          maxWidth: "100px"
-        },
-        cell(a) {
-          return l("div", { class: "flex items-center" }, [
-            l(v.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4",
-              onClick: (r) => {
-                r.preventDefault(), r.stopPropagation(), Z(a.row.original._id.toString());
-              }
-            }),
-            l(
-              "div",
-              { class: "pr-2 text-ellipsis overflow-hidden" },
-              a.row.original._id.toString()
-            )
-          ]);
-        },
-        enableSorting: !1
-      },
-      {
-        header: "Created at",
-        accessorKey: "_id",
-        accessorFn: (a) => T(z(a._id.toString())),
-        cell: (a) => T(z(a.row.original._id.toString())).format(
-          "D MMM YYYY, hh:mmA"
-        ),
-        enableSorting: !0
-      },
-      {
-        header: "Amount",
-        // accessorKey: 'totalAmount',
-        enableSorting: !1,
-        cell(a) {
-          var g, i, k, U;
-          const r = X(
-            a.row.original.expiryAmount.reduce(
-              ($, B) => $ + B.amount,
-              a.row.original.amount ?? 0
-            ),
-            2
-          ), b = (i = (g = a.row.original.expiryAmount) == null ? void 0 : g[0]) != null && i.expiredAt ? T((U = (k = a.row.original.expiryAmount) == null ? void 0 : k[0]) == null ? void 0 : U.expiredAt).format(
-            "D MMM YYYY"
-          ) : "";
-          return l("div", { class: "flex items-center" }, [
-            l(
-              "div",
-              {
-                class: [
-                  "pr-2",
-                  +r > 0 ? "text-fm-color-system-success-300" : "text-fm-color-system-error-300"
-                ]
-              },
-              r
-            ),
-            l("div", { class: "flex items-center" }, [
-              a.row.original.expiryAmount.length > 0 ? l(
-                v.FmTooltip,
-                {
-                  content: `Expired on ${b}`
-                },
-                [
-                  l(v.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : l("div")
-            ])
-          ]);
-        }
-      },
-      {
-        header: "Type",
-        accessorKey: "pf_collectible.type",
-        accessorFn: (a) => A.formattedType(a),
-        meta: {
-          maxWidth: "200px"
-        },
-        cell(a) {
-          const r = A.formattedType(a.row.original);
-          return l("div", { class: "flex items-center" }, [
-            l("div", { class: "truncate text-ellipsis" }, r),
-            r.length > 20 ? l(
-              v.FmTooltip,
-              {
-                content: r
-              },
-              [
-                l(v.FmIcon, {
-                  name: "info",
-                  color: "primary",
-                  outline: !0,
-                  size: "sm"
-                })
-              ]
-            ) : null
-          ]);
-        }
-      },
-      {
-        header: "Source",
-        accessorKey: "source",
-        cell(a) {
-          var r;
-          return l("div", { class: "flex items-center gap-4" }, [
-            l(
-              "div",
-              { class: "truncate text-ellipsis" },
-              j(A.getReason(a.row.original.source))
-            ),
-            ...(r = a.row.original.metadata) != null && r.campaign ? [
-              l(
-                v.FmTooltip,
-                {
-                  get content() {
-                    var b;
-                    return (b = u.campaigns.all.find(
-                      (g) => {
-                        var i;
-                        return g._id === ((i = a.row.original.metadata) == null ? void 0 : i.campaign);
-                      }
-                    )) == null ? void 0 : b.name;
-                  }
-                },
-                [
-                  l(v.FmIcon, {
-                    name: "info",
-                    color: "primary",
-                    size: "sm",
-                    onClick: async (b) => {
-                      b.preventDefault(), b.stopPropagation();
-                      const g = u.campaigns.all.find(
-                        (i) => {
-                          var k;
-                          return i._id === ((k = a.row.original.metadata) == null ? void 0 : k.campaign);
-                        }
-                      );
-                      if (g)
-                        switch (g.type) {
-                          case "VOUCHER":
-                          case "PROMOTION":
-                          case "BROADCAST":
-                            await S.push({
-                              name: G[`$connect-CAMPAIGN_${g.type}`]
-                            });
-                            break;
-                          case "GAME":
-                          case "CREDIT":
-                          case "MISSION":
-                            await S.push({
-                              name: G[`$connect-PROGRAM_${g.type}`]
-                            });
-                            break;
-                          case "POINT":
-                            await S.push({
-                              name: G["$connect-PROGRAM_EXPERIENCE"]
-                            });
-                            break;
-                          case "COIN":
-                            await S.push({
-                              name: G["$connect-PROGRAM_POINT"]
-                            });
-                            break;
-                        }
-                    }
-                  })
-                ]
-              )
-            ] : []
-          ]);
-        }
-      },
-      {
-        header: "User",
-        accessorKey: "pf_user.name",
-        cell(a) {
-          return ue(a.row.original.pf_user);
-        }
-      },
-      {
-        header: "Phone No.",
-        accessorKey: "pf_user.phoneNumber",
-        accessorFn: (a) => {
-          var r;
-          return ((r = a == null ? void 0 : a.pf_user) == null ? void 0 : r.phoneNumber) || "";
-        }
-      },
-      {
-        header: "Status",
-        id: "status",
-        enableSorting: !1,
-        cell(a) {
-          const r = !!a.row.original.refunded;
-          return l(v.FmChip, {
-            label: w(r ? "connect.transaction.refunded" : "connect.transaction.completed"),
-            variant: "plain",
-            class: r ? "text-fm-color-typo-warning bg-fm-color-system-warning-100" : "text-fm-color-typo-success bg-fm-color-system-success-100"
-          });
-        }
-      },
-      {
-        accessorFn: (a) => a.ref,
-        header: "References",
-        accessorKey: "ref",
-        cell(a) {
-          const r = A.formattedRemark(a.row.original);
-          return l("div", { class: "flex items-center justify-between gap-4" }, [
-            l("div", { class: "flex items-center" }, [
-              r ? l(
-                v.FmTooltip,
-                {
-                  content: r
-                },
-                [
-                  l(v.FmIcon, {
-                    name: "info",
-                    class: "pl-2",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : l("div")
-            ]),
-            l("div", { class: "flex-1" }, a.row.original.ref)
-          ]);
-        }
-      }
-    ], d = M({
-      search: "",
-      "pf_collectible.type": [],
-      "metadata.location": [],
-      dateRange: {
-        startDate: T().subtract(7, "day").toISOString(),
-        endDate: T().endOf("day").toISOString()
-      },
-      source: []
-    }), m = () => ({
-      ...d.value,
-      user: h.user,
-      dateRange: {
-        start: new Date(d.value.dateRange.startDate).toISOString(),
-        end: new Date(d.value.dateRange.endDate).toISOString()
-      }
-    }), {
-      tableMeta: n,
-      rowData: e,
-      onSort: t,
-      debouncedFetchData: o,
-      resetCursorState: y
-    } = Ee(async (a) => {
-      const r = await q.readAllCursor(
-        a,
-        m()
-      );
-      return {
-        resources: r.resources.map((b) => {
-          const g = p.value.find((i) => i._id === b.ref);
-          return { ...b, ref: (g == null ? void 0 : g.seqNumber) || b.ref };
-        }),
-        meta: r.meta
-      };
-    }), p = M([]), D = se.options.map((a) => ({ label: j(A.getReason(a)), value: a })), f = W(
-      () => c.locations.map((a) => ({ label: a.name, value: a._id }))
-    );
-    re(
-      d,
-      () => {
-        y(), o({ pageIndex: 0 });
-      },
-      { deep: !0 }
-    );
-    async function V() {
-      try {
-        I.value = !0;
-        const a = new ke(), r = m(), b = 1e3;
-        await E(
-          async () => {
-            var k, U, $, B, ee, ae;
-            let g, i = !0;
-            for (; i; ) {
-              const L = await q.readAllCursor(
-                {
-                  limit: b,
-                  sortBy: "_id",
-                  descending: !1,
-                  ...g ? { cursor: g } : {}
-                },
-                r
-              );
-              if (!L.resources.length)
-                break;
-              for (const F of L.resources)
-                a.addRecord({
-                  TransactionID: F._id,
-                  CreatedAt: T(z(F._id.toString())).format(
-                    "D MMM YYYY, hh:mmA"
-                  ),
-                  Amount: X(
-                    F.expiryAmount.reduce(
-                      (he, ye) => he + ye.amount,
-                      F.amount ?? 0
-                    ),
-                    2
-                  ),
-                  ExpiredAt: (U = (k = F.expiryAmount) == null ? void 0 : k[0]) != null && U.expiredAt ? T((B = ($ = F.expiryAmount) == null ? void 0 : $[0]) == null ? void 0 : B.expiredAt).format(
-                    "D MMM YYYY"
-                  ) : "",
-                  Type: A.formattedType(F),
-                  Source: j(A.getReason(F.source)),
-                  User: ((ee = F.pf_user) == null ? void 0 : ee.name) || "",
-                  "Phone No.": ((ae = F.pf_user) == null ? void 0 : ae.phoneNumber) || "",
-                  References: F.ref,
-                  Remark: A.formattedRemark(F)
-                });
-              g = L.meta.nextCursor ?? void 0, i = L.meta.hasNext && !!g;
-            }
-            await Ie(
-              a.buildExcel(),
-              `transactions-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
-              {
-                bookType: "xlsx",
-                bookSST: !1,
-                type: "array"
-              }
-            );
-          },
-          {
-            message: "Exporting transactions...",
-            successMessage: "transactions exported successfully"
-          }
-        );
-      } catch (a) {
-        console.error(a);
-      } finally {
-        I.value = !1;
-      }
-    }
-    const N = M(null);
-    function ge(a) {
-      var r;
-      console.log(a), (r = N.value) == null || r.showSheet(!0, a.original);
-    }
-    return be(async () => {
-      await c.readLocations(), await u.read(), await o();
-    }), (a, r) => {
-      const b = Y("FmSearch"), g = Y("FmButton");
-      return P(), O(Q, null, [
-        x("div", null, [
-          x("div", Le, [
-            C(b, {
-              class: "hidden xs:!flex border-b border-fm-color-neutral-gray-100",
-              modelValue: s(d).search,
-              "onUpdate:modelValue": r[0] || (r[0] = (i) => s(d).search = i),
-              placeholder: "Search",
-              collapsible: ""
-            }, null, 8, ["modelValue"]),
-            C(g, {
-              icon: "ios_share",
-              variant: "tertiary",
-              onClick: V
-            })
-          ]),
-          x("div", Ke, [
-            x("div", Ge, [
-              C(H, {
-                class: "cursor-pointer text-fm-color-neutral-gray-400",
-                "right-icon": "keyboard_arrow_down",
-                modelValue: s(d)["metadata.location"],
-                "onUpdate:modelValue": r[1] || (r[1] = (i) => s(d)["metadata.location"] = i),
-                icon: "storefront",
-                "show-item-label": !0,
-                items: s(f)
-              }, null, 8, ["modelValue", "items"]),
-              C(H, {
-                class: "cursor-pointer text-fm-color-neutral-gray-400",
-                "right-icon": "keyboard_arrow_down",
-                modelValue: s(d)["pf_collectible.type"],
-                "onUpdate:modelValue": r[2] || (r[2] = (i) => s(d)["pf_collectible.type"] = i),
-                label: "Type: ",
-                "show-item-label": !0,
-                items: [
-                  { label: "Point", value: "COIN" },
-                  { label: "Credit", value: "CREDIT" },
-                  { label: "Voucher", value: "VOUCHER" },
-                  { label: "Experience", value: "POINT" },
-                  { label: "Tier", value: "TIER" },
-                  { label: "Title", value: "TITLE" },
-                  { label: "Game", value: "GAME" },
-                  { label: "Stamp", value: "STAMP" }
-                ]
-              }, null, 8, ["modelValue"]),
-              C(H, {
-                class: "cursor-pointer text-fm-color-neutral-gray-400",
-                "right-icon": "keyboard_arrow_down",
-                modelValue: s(d).source,
-                "onUpdate:modelValue": r[3] || (r[3] = (i) => s(d).source = i),
-                label: "Source: ",
-                "show-item-label": !0,
-                items: s(D)
-              }, null, 8, ["modelValue", "items"]),
-              C(le, {
-                "model-value": {
-                  startDate: s(d).dateRange.startDate,
-                  endDate: s(d).dateRange.endDate
-                },
-                "onUpdate:modelValue": r[4] || (r[4] = (i) => s(d).dateRange = {
-                  startDate: s(T)(i.startDate).startOf("d").toISOString(),
-                  endDate: s(T)(i.endDate).endOf("d").toISOString()
-                })
-              }, null, 8, ["model-value"])
-            ]),
-            C(b, {
-              class: "xs:hidden",
-              modelValue: s(d).search,
-              "onUpdate:modelValue": r[5] || (r[5] = (i) => s(d).search = i),
-              placeholder: "Search",
-              collapsible: ""
-            }, null, 8, ["modelValue"]),
-            x("div", We, [
-              C(g, {
-                icon: "ios_share",
-                variant: "tertiary",
-                onClick: V
-              })
-            ])
-          ]),
-          C(ce, {
-            loading: s(n).isLoading,
-            "row-data": s(e),
-            "row-count": s(n).totalRows,
-            "column-defs": R.filter(
-              (i) => !h.user || i.header !== "User" && i.header !== "Phone No."
-            ),
-            "page-count": s(n).pageCount,
-            "page-index": s(n).pageIndex,
-            "page-size": s(n).pageSize,
-            "shrink-at": !1,
-            "pagination-mode": "cursor",
-            "has-next": s(n).hasNext,
-            onSortChange: s(t),
-            onPageChange: r[6] || (r[6] = (i) => s(o)({
-              pageSize: i.pageSize,
-              pageIndex: i.pageIndex
-            })),
-            onRowClick: ge
-          }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "has-next", "onSortChange"])
-        ]),
-        C(Be, {
-          ref_key: "transactionDetailSheet",
-          ref: N
-        }, null, 512)
-      ], 64);
-    };
-  }
-});
-class je extends me {
-}
-const qe = { class: "flex items-center justify-between" }, He = { class: "flex gap-8 items-center" }, Qe = { class: "flex gap-8 items-center xs:hidden" }, Da = /* @__PURE__ */ J({
-  __name: "StoreTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(_) {
-    const w = _, { minor: c } = fe;
-    we();
-    const u = [
-      {
-        header: "Transaction ID",
-        meta: {
-          maxWidth: "150px"
-        },
-        cell(e) {
-          return l("div", { class: "flex items-center" }, [
-            l(v.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4 shrink-0",
-              onClick: (t) => {
-                t.preventDefault(), t.stopPropagation(), Z(e.row.original._id.toString());
-              }
-            }),
-            l("div", { class: "truncate" }, e.row.original._id.toString())
-          ]);
-        }
-      },
-      {
-        header: "Created at",
-        accessorFn: (e) => T(z(e._id.toString())).format("D MMM YYYY， hh:mmA"),
-        enableSorting: !0
-      },
-      {
-        header: "Bundle",
-        accessorFn: (e) => e.bundle.name
-      },
-      {
-        header: "Location",
-        accessorFn: (e) => e.location ? e.pf_location[0].name : "Online Store"
-      },
-      {
-        header: "Payment Type",
-        accessorFn: (e) => {
-          var t;
-          return ((t = e.paymentType) == null ? void 0 : t.type) ?? "N/A";
-        },
-        cell(e) {
-          var t, o;
-          return l("div", { class: "flex items-center gap-4" }, [
-            l("div", { class: "flex items-center" }, [
-              ((t = e.row.original.paymentType) == null ? void 0 : t.type) == "ONLINE" && e.row.original.paymentType.extra ? l(
-                v.FmTooltip,
-                {
-                  content: e.row.original.paymentType.extra
-                },
-                [
-                  l(v.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : l("div")
-            ]),
-            l(
-              "div",
-              { class: "flex-1" },
-              ((o = e.row.original.paymentType) == null ? void 0 : o.type) ?? "N/A"
-            )
-          ]);
-        }
-      },
-      {
-        header: "User",
-        cell: (e) => ue(e.row.original.pf_member)
-      },
-      {
-        header: "Phone No.",
-        accessorFn: (e) => e.pf_member.phoneNumber
-      },
-      {
-        header: "Status",
-        // accessorFn: (u) => u.status,
-        cell(e) {
-          var y, p, D, f;
-          const t = e.row.original.status, o = {
-            COMPLETED: "text-fm-color-typo-success bg-fm-color-system-success-100",
-            REFUNDED: "text-fm-color-typo-warning bg-fm-color-system-warning-100"
-          };
-          return l("div", { class: "flex items-center gap-4" }, [
-            l(v.FmChip, {
-              label: Ne.title(t),
-              variant: "plain",
-              class: o[t] ?? ""
-            }),
-            (p = (y = e.row.original) == null ? void 0 : y.refund) != null && p.reason ? l(
-              v.FmTooltip,
-              {
-                content: (f = (D = e.row.original) == null ? void 0 : D.refund) == null ? void 0 : f.reason
-              },
-              [
-                l(v.FmIcon, {
-                  name: "info",
-                  color: "primary",
-                  outline: !0,
-                  size: "sm"
-                })
-              ]
-            ) : null
-          ]);
-        }
-      },
-      {
-        header: "Source",
-        accessorFn: (e) => e.source
-      },
-      {
-        header: "Ref",
-        accessorFn: (e) => e.ref
-      },
-      {
-        id: "action",
-        cell(e) {
-          const t = e.row.original, o = t.status === "COMPLETED" && !t.refund && t.source == "ADMIN";
-          return o ? l(
-            v.FmMenu,
-            {
-              placement: "bottom-end",
-              onClick: (y) => {
-                y.stopPropagation();
-              }
-            },
-            {
-              "menu-button": () => l(v.FmButton, {
-                icon: "settings",
-                variant: "tertiary",
-                if: o
-              }),
-              default: () => [
-                l(v.FmMenuItem, {
-                  label: "Refund",
-                  sublabel: "Refund this transaction",
-                  onClick: async (y) => {
-                    y.stopPropagation(), await m(t);
-                  }
-                })
-              ]
-            }
-          ) : l("div");
-        }
-      }
-    ], S = M({
-      searchValue: "",
-      dateRange: {
-        startDate: T().subtract(7, "day").toISOString(),
-        endDate: T().toISOString()
-      }
-    }), { tableMeta: h, rowData: I, onSort: E, debouncedFetchData: R, onSearch: d } = Ce(async (e) => {
-      const t = {
-        ...S.value.dateRange,
-        user: w.user
-      };
-      return await q.readStoreTransactions(e, t);
-    });
-    async function m(e) {
-      await Te.confirm(
-        "Are you sure you want to refund this transaction?",
-        "Refund Store Transaction",
-        "Confirm",
-        "Cancel"
-      ) && await c(
-        async () => {
-          var o;
-          await Ae.refundStoreTransaction({
-            id: e._id,
-            reason: `ADMIN:${(o = De().sessionUser) == null ? void 0 : o.name}`
-          }), await R();
-        },
-        {
-          message: "Refunding transaction...",
-          successMessage: "Transaction refunded successfully"
-        }
-      );
-    }
-    re(
-      S,
-      () => {
-        R();
-      },
-      { deep: !0 }
-    ), _e(async () => {
-      await R();
-    });
-    const n = async () => Re({
-      exporter: new je(),
-      readFunction: (e) => q.readStoreTransactions(e, {
-        ...S.value.dateRange,
-        user: w.user
-      }),
-      transformRecord: (e) => {
-        var t, o, y, p, D, f;
-        return {
-          TransactionId: ((t = e._id) == null ? void 0 : t.toString()) || "",
-          CreatedAt: T(z(e._id.toString())).format(
-            "DD/MM/YYYY HH:mm:ss"
-          ),
-          Bundle: e.bundle.name || "",
-          Location: e.location ? e.pf_location[0].name : "Online Store",
-          PaymentType: ((o = e.paymentType) == null ? void 0 : o.type) || "N/A",
-          PaymentExtra: ((y = e.paymentType) == null ? void 0 : y.extra) || "",
-          User: ((p = e.pf_member) == null ? void 0 : p.name) || "",
-          PhoneNumber: ((D = e.pf_member) == null ? void 0 : D.phoneNumber) || "",
-          Status: e.status || "",
-          RefundReason: ((f = e == null ? void 0 : e.refund) == null ? void 0 : f.reason) || "",
-          Ref: (e == null ? void 0 : e.ref) || ""
-        };
-      },
-      filename: "store-transactions"
-    });
-    return (e, t) => {
-      const o = Y("FmSearch"), y = Y("FmButton");
-      return P(), O("div", null, [
-        x("div", qe, [
-          x("div", He, [
-            C(le, {
-              modelValue: s(S).dateRange,
-              "onUpdate:modelValue": t[0] || (t[0] = (p) => s(S).dateRange = p)
-            }, null, 8, ["modelValue"])
-          ]),
-          x("div", Qe, [
-            C(o, {
-              modelValue: s(h).searchValue,
-              "onUpdate:modelValue": [
-                t[1] || (t[1] = (p) => s(h).searchValue = p),
-                s(d)
-              ],
-              placeholder: "Search",
-              collapsible: ""
-            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            C(y, {
-              icon: "ios_share",
-              variant: "tertiary",
-              onClick: n
-            })
-          ])
-        ]),
-        C(ce, {
-          loading: s(h).isLoading,
-          "row-data": s(I),
-          "row-count": s(h).totalRows,
-          "column-defs": u.filter(
-            (p) => !w.user || p.header !== "User" && p.header !== "Phone No."
-          ),
-          "page-count": s(h).pageCount,
-          "page-index": s(h).pageIndex,
-          "page-size": s(h).pageSize,
-          "shrink-at": !1,
-          onSortChange: s(E),
-          onPageChange: t[2] || (t[2] = (p) => s(R)({
-            pageSize: p.pageSize,
-            pageIndex: p.pageIndex
-          }))
-        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
-      ]);
-    };
-  }
-});
-export {
-  Fa as _,
-  Da as a
-};