@feedmepos/mf-payment 1.0.2 → 1.0.3

package/dist/{PayoutAccount-B1dg1KvL.js → PayoutAccount-DYnycBoi.js}

@@ -3,7 +3,7 @@ import { p as z } from "./index-CWGSYCJG.js";
 import { _ as y, u as S, e as K } from "./index-Dj_LwPBy.js";
 import { defineStore as _ } from "pinia";
 import { useCoreStore as $ } from "@feedmepos/mf-common";
-import { c as AA, P as v } from "./payout-account-D5aZKGxy.js";
+import { c as AA, P as v } from "./payout-account-BhSP2Imp.js";
 import { useDialogChild as sA, useDialog as eA } from "@feedmepos/ui-library";
 import { z as X, a as x } from "./validator-D5jtpt9A.js";
 import { P as J } from "./PDFViewer-xrBtzrlR.js";

package/dist/{PayoutAccount-suhh8XGz.js → PayoutAccount-DxMey5W6.js}

@@ -2,7 +2,7 @@ import { defineComponent as g, resolveComponent as i, openBlock as h, createBloc
 import { u as S } from "./index-BerQZMQW.js";
 import { _ as O } from "./index-Dj_LwPBy.js";
 import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { P as V } from "./payout-account-D5aZKGxy.js";
+import { P as V } from "./payout-account-BhSP2Imp.js";
 import { p as $ } from "./index-CWGSYCJG.js";
 import "@feedmepos/ui-library";
 import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-BgTr7KWF.js";

package/dist/{SettlementTransactions-BxMV868W.js → SettlementTransactions-DVRoAUYv.js}

@@ -3,7 +3,7 @@ import { e as E, u as q } from "./index-Dj_LwPBy.js";
 import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
 import { d as B } from "./dinero-CIVmXLL-.js";
 import { g as W, a as X } from "./assets-DjRoCcqv.js";
-import { t as P, a as Z } from "./transaction-CIYqsLqc.js";
+import { t as P, a as Z } from "./transaction-Bxl86wzh.js";
 import { _ as ee } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 import { useRouter as te } from "vue-router";
 import { s as ae } from "./index-Bp_58SiC.js";

package/dist/{SettlementTransactions-DcZmwZKJ.js → SettlementTransactions-rXQceUoG.js}

@@ -3,7 +3,7 @@ import { e as E, u as G } from "./index-Dj_LwPBy.js";
 import "@feedmepos/ui-library";
 import { d as h } from "./dinero-CIVmXLL-.js";
 import { g as Y, a as H } from "./assets-DjRoCcqv.js";
-import { t as q, a as J } from "./transaction-CIYqsLqc.js";
+import { t as q, a as J } from "./transaction-Bxl86wzh.js";
 import { _ as Q } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 import { useRouter as W } from "vue-router";
 import { s as X } from "./index-Bp_58SiC.js";

package/dist/{Transaction-CZkNzH-m.js → Transaction-BOc0NW9a.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, resolveComponent as N, openBlock as g, createBlock as S, normalizeClass as O, withCtx as D, createElementVNode as _, toDisplayString as V, createElementBlock as I, unref as o, ref as A, h as v, onMounted as C, watch as w, createVNode as p, isRef as E } from "vue";
-import { t as b, a as M } from "./transaction-CIYqsLqc.js";
+import { t as b, a as M } from "./transaction-Bxl86wzh.js";
 import { e as x, u as Y } from "./index-Dj_LwPBy.js";
 import "@feedmepos/ui-library";
 import "./dinero-CIVmXLL-.js";

package/dist/Transaction-CqTKm8KP.js

@@ -0,0 +1,379 @@
+import { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as E, normalizeClass as q, withCtx as w, createElementVNode as h, toDisplayString as Y, createElementBlock as A, unref as u, createVNode as d, Fragment as $, renderList as C, ref as P, watch as N, isRef as v, h as _ } from "vue";
+import { t as y, a as R, b as I } from "./transaction-Bxl86wzh.js";
+import { h as T } from "./moment-h96o7c8I.js";
+import { u as V } from "./index-BerQZMQW.js";
+import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { _ as L } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { useSnackbar as U, useDialog as G } from "@feedmepos/ui-library";
+import { w as D } from "./Modal-DB8M9o1T.js";
+import { u as x } from "./error-K1CakhA9.js";
+import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as Q } from "./index.vue_vue_type_script_setup_true_lang-BgTr7KWF.js";
+import { e as S } from "./index-Dj_LwPBy.js";
+import { g as z, a as H } from "./assets-DjRoCcqv.js";
+import { _ as J } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+const W = /* @__PURE__ */ b({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    const a = f;
+    function o() {
+      return a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (i, s) => {
+      const m = g("FmBadge");
+      return p(), E(m, {
+        inline: "",
+        class: q(o())
+      }, {
+        default: w(() => [
+          h("div", null, Y(i.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), X = ["src"], Z = /* @__PURE__ */ b({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (a, o) => (p(), A("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: u(z)(a.row.original.gateway)
+    }, null, 8, X));
+  }
+}), ee = ["src"], te = /* @__PURE__ */ b({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (a, o) => (p(), A("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: u(H)(a.row.original.method.issuer)
+    }, null, 8, ee));
+  }
+}), ae = /* @__PURE__ */ b({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function }
+  },
+  setup(f) {
+    const a = [
+      {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      }
+    ];
+    return (o, i) => {
+      const s = g("FmIcon"), m = g("FmMenuItem"), F = g("FmMenu");
+      return p(), A("div", {
+        onClick: i[0] || (i[0] = (c) => {
+          c.stopPropagation();
+        })
+      }, [
+        d(F, null, {
+          "menu-button": w(() => [
+            d(s, { name: "settings" })
+          ]),
+          default: w(() => [
+            (p(), A($, null, C(a, (c) => d(m, {
+              selectable: !0,
+              key: c.label,
+              sublabel: c.sublabel,
+              label: c.label,
+              icon: c.icon,
+              onclick: () => o.onAction(c.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ne = { class: "flex justify-between mb-6 items-center" }, re = { class: "flex space-x-4" }, oe = { class: "flex space-x-4 self-center" }, se = { class: "mb-6" }, we = /* @__PURE__ */ b({
+  __name: "Transaction",
+  setup(f) {
+    const a = P(), { dateRange: o, searchKey: i } = V({
+      searchKey: "",
+      dateRange: {
+        startDate: T().startOf("day").format("YYYY-MM-DD"),
+        endDate: T().endOf("day").format("YYYY-MM-DD")
+      }
+    }), s = U(), m = G(), F = async (e, t) => {
+      let r = parseInt(t);
+      Number.isNaN(r) && (r = 1);
+      const n = await y.readTransactions({
+        start: T(o.value.startDate).startOf("day").toISOString(),
+        end: T(o.value.endDate).endOf("day").toISOString(),
+        limit: e,
+        skip: (r - 1) * e,
+        search: i.value
+      }), l = n.length == e;
+      return {
+        data: R(n),
+        meta: {
+          cursor: l ? (r + 1).toString() : ""
+        }
+      };
+    };
+    N(o, async () => {
+      var e;
+      (e = a.value) == null || e.reset();
+    });
+    let c;
+    N(i, async () => {
+      c && clearTimeout(c), c = setTimeout(() => {
+        var e;
+        (e = a.value) == null || e.reset();
+      }, 700);
+    });
+    async function k(e) {
+      var r, n;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const l = await y.refetchTransaction({ transactionId: t.id });
+        (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (l) {
+        s.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: x(l)
+        });
+      }
+    }
+    async function M(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      D(
+        m,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var n;
+          try {
+            const l = await y.refundTransaction({
+              transactionId: t.id,
+              reason: "portal transaction refund",
+              amount: t.fdoAmount
+            });
+            (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (l) {
+            s.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: x(l)
+            });
+          }
+        }
+      );
+    }
+    async function O(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      D(
+        m,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await y.renotifyTransaction(t.id), s.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (n) {
+            s.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: x(n)
+            });
+          }
+        }
+      );
+    }
+    const K = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: e }) => _(J, { data: e.getValue() })
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: e, row: t }) => t.original.method ? _(Z, { row: t, data: e.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: e, row: t }) => t.original.method ? _(te, { row: t, data: e.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: e }) => {
+          if (!e.original.method)
+            return "";
+          const t = e.original.method.variant;
+          return t.includes("_ONLINE") ? "ONLINE" : t.includes("_OFFLINE") ? "OFFLINE" : t;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: e, row: t }) => _(W, { row: t, data: e.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: e }) => _(ae, {
+          onAction: (t) => {
+            switch (t) {
+              case "notify":
+                return O(e.index);
+              case "query":
+                return k(e.index);
+              case "refund":
+                return M(e.index);
+            }
+          }
+        })
+      }
+    ];
+    return (e, t) => {
+      const r = g("FmSearch");
+      return p(), E(B, {
+        title: "Online Transactions",
+        loading: !1
+      }, {
+        default: w(() => [
+          h("div", ne, [
+            h("div", re, [
+              d(r, {
+                "model-value": u(i),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => v(i) ? i.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            h("div", oe, [
+              d(L, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await u(y).downloadTransactionReport({
+                    start: u(o).startDate,
+                    end: u(o).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          h("div", se, [
+            d(j, {
+              modelValue: u(o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => v(o) ? o.value = n : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          d(Q, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": K,
+            "rows-defs": (n) => n,
+            paginate: F
+          }, null, 8, ["rows-defs"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  we as default
+};

package/dist/api/transaction/index.d.ts

@@ -5,6 +5,9 @@ export declare const transactionApi: {
     readTransactions(params: {
         start: string;
         end: string;
+        limit: number;
+        skip: number;
+        search: string;
     }): Promise<PaymentTransactionDtoOutput[]>;
     removeTransactionFromSettlement(transactionId: string): Promise<any>;
     refetchTransaction({ transactionId, }: {