@feedmepos/mf-payment 1.0.2-beta.1 → 1.0.2-beta.2

package/dist/{Transaction-BedQtv8p.js → Transaction-DGoMEHjT.js}

@@ -1,27 +1,28 @@
-import { defineComponent as g, resolveComponent as _, openBlock as y, createBlock as D, normalizeClass as Y, withCtx as x, createElementVNode as v, toDisplayString as $, createElementBlock as A, unref as d, createVNode as f, Fragment as L, renderList as B, ref as E, h as T, onMounted as U, watch as I, isRef as M } from "vue";
-import { t as b, a as G, b as k } from "./transaction-W49zE8RL.js";
-import { e as N, u as J } from "./index-1fXAFo2E.js";
-import { useSnackbar as Q, useDialog as j } from "@feedmepos/ui-library";
+import { defineComponent as g, resolveComponent as _, openBlock as y, createBlock as D, normalizeClass as Y, withCtx as x, createElementVNode as T, toDisplayString as $, createElementBlock as A, unref as d, createVNode as f, Fragment as U, renderList as B, ref as E, h as b, onMounted as G, watch as I, isRef as q } from "vue";
+import { t as w, a as J, b as M } from "./transaction-DGZWXzQ3.js";
+import { e as N, u as Q } from "./index-1fXAFo2E.js";
+import { useSnackbar as j, useDialog as z } from "@feedmepos/ui-library";
 import "./dinero-CIVmXLL-.js";
-import { h as R } from "./moment-h96o7c8I.js";
-import { g as z, a as H } from "./assets-8c19wXSV.js";
-import { _ as W } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
-import { u as X } from "./index-DdJrUqkm.js";
-import { _ as Z } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { _ as ee } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { w as q } from "./Modal-DB8M9o1T.js";
+import { h as k } from "./moment-h96o7c8I.js";
+import { g as H, a as W } from "./assets-8c19wXSV.js";
+import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { u as Z } from "./index-DdJrUqkm.js";
+import { _ as ee } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { _ as te } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { w as R } from "./Modal-DB8M9o1T.js";
 import { u as S } from "./error-K1CakhA9.js";
-import { _ as te } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-const ae = /* @__PURE__ */ g({
+import { _ as ae } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as ne } from "./grafana-CqkYm_ru.js";
+const oe = /* @__PURE__ */ g({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
   setup(m) {
-    const a = m;
+    const n = m;
     function o() {
-      return a.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+      return n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (u, p) => {
       const s = _("FmBadge");
@@ -30,43 +31,43 @@ const ae = /* @__PURE__ */ g({
         class: Y(o())
       }, {
         default: x(() => [
-          v("div", null, $(u.data), 1)
+          T("div", null, $(u.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), ne = ["src"], oe = /* @__PURE__ */ g({
+}), re = ["src"], se = /* @__PURE__ */ g({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(m) {
-    return (a, o) => (y(), A("img", {
+    return (n, o) => (y(), A("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: d(z)(a.row.original.gateway)
-    }, null, 8, ne));
+      src: d(H)(n.row.original.gateway)
+    }, null, 8, re));
   }
-}), re = ["src"], se = /* @__PURE__ */ g({
+}), ie = ["src"], ce = /* @__PURE__ */ g({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(m) {
-    return (a, o) => (y(), A("img", {
+    return (n, o) => (y(), A("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: d(H)(a.row.original.method.issuer)
-    }, null, 8, re));
+      src: d(W)(n.row.original.method.issuer)
+    }, null, 8, ie));
   }
-}), ie = /* @__PURE__ */ g({
+}), le = /* @__PURE__ */ g({
   __name: "Actions",
   props: {
     onAction: { type: Function }
   },
   setup(m) {
-    const a = [
+    const n = [
       {
         label: "Query",
         sublabel: "Perform transaction status inquriy",
@@ -84,6 +85,12 @@ const ae = /* @__PURE__ */ g({
         sublabel: "Perform webhook notification for transaction",
         icon: "webhook",
         action: "notify"
+      },
+      {
+        label: "Log",
+        sublabel: "Inspect transaction historical actions, requests and responses.",
+        icon: "history",
+        action: "history"
       }
     ];
     return (o, u) => {
@@ -98,7 +105,7 @@ const ae = /* @__PURE__ */ g({
             f(p, { name: "settings" })
           ]),
           default: x(() => [
-            (y(), A(L, null, B(a, (e) => f(s, {
+            (y(), A(U, null, B(n, (e) => f(s, {
               selectable: !0,
               key: e.label,
               sublabel: e.sublabel,
@@ -112,7 +119,7 @@ const ae = /* @__PURE__ */ g({
       ]);
     };
   }
-}), ce = /* @__PURE__ */ g({
+}), ue = /* @__PURE__ */ g({
   __name: "TransactionTable",
   props: {
     data: {
@@ -124,13 +131,13 @@ const ae = /* @__PURE__ */ g({
       required: !0
     }
   },
-  emits: ["query", "refund", "notify"],
-  setup(m, { emit: a }) {
-    const o = m, u = a, p = E(""), s = [
+  emits: ["query", "refund", "notify", "history"],
+  setup(m, { emit: n }) {
+    const o = m, u = n, p = E(""), s = [
       {
         header: () => "Transaction ID",
         accessorKey: "id",
-        cell: ({ cell: r }) => T(W, { data: r.getValue() })
+        cell: ({ cell: r }) => b(X, { data: r.getValue() })
       },
       {
         header: () => "Pay ID",
@@ -142,7 +149,7 @@ const ae = /* @__PURE__ */ g({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: r, row: e }) => e.original.method ? T(oe, { row: e, data: r.getValue() }) : ""
+        cell: ({ cell: r, row: e }) => e.original.method ? b(se, { row: e, data: r.getValue() }) : ""
       },
       {
         header: () => "Method",
@@ -150,7 +157,7 @@ const ae = /* @__PURE__ */ g({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: r, row: e }) => e.original.method ? T(se, { row: e, data: r.getValue() }) : ""
+        cell: ({ cell: r, row: e }) => e.original.method ? b(ce, { row: e, data: r.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -168,7 +175,7 @@ const ae = /* @__PURE__ */ g({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: r, row: e }) => T(ae, { row: e, data: r.getValue() })
+        cell: ({ cell: r, row: e }) => b(oe, { row: e, data: r.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -192,73 +199,73 @@ const ae = /* @__PURE__ */ g({
       {
         header: () => "Actions",
         accessorKey: "actions",
-        cell: ({ row: r }) => T(ie, {
+        cell: ({ row: r }) => b(le, {
           onAction: (e) => u(e, r.index)
         })
       }
     ];
     return (r, e) => {
-      const l = _("FmTable");
-      return y(), D(l, {
+      const c = _("FmTable");
+      return y(), D(c, {
         modelValue: p.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (w) => p.value = w),
+        "onUpdate:modelValue": e[0] || (e[0] = (v) => p.value = v),
         "column-defs": s,
         "row-data": o.data,
         loading: o.loading
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
-}), le = { class: "flex justify-between mb-6 items-center" }, ue = { class: "flex space-x-4" }, de = { class: "flex space-x-4 self-center" }, me = { class: "mb-6" }, Ne = /* @__PURE__ */ g({
+}), de = { class: "flex justify-between mb-6 items-center" }, me = { class: "flex space-x-4" }, pe = { class: "flex space-x-4 self-center" }, fe = { class: "mb-6" }, De = /* @__PURE__ */ g({
   __name: "Transaction",
   setup(m) {
-    const { dateRange: a, searchKey: o } = X({
+    const { dateRange: n, searchKey: o } = Z({
       searchKey: "",
       dateRange: {
-        startDate: R().startOf("day").format("YYYY-MM-DD"),
-        endDate: R().endOf("day").format("YYYY-MM-DD")
+        startDate: k().startOf("day").format("YYYY-MM-DD"),
+        endDate: k().endOf("day").format("YYYY-MM-DD")
       }
-    }), { isLoading: u, startAsyncCall: p } = J(!0), s = Q(), r = j(), e = E([]), l = E([]);
-    async function w() {
+    }), { isLoading: u, startAsyncCall: p } = Q(!0), s = j(), r = z(), e = E([]), c = E([]);
+    async function v() {
       await p(async () => {
-        const { startDate: i, endDate: t } = a.value, n = await b.readTransactions({
+        const { startDate: i, endDate: t } = n.value, a = await w.readTransactions({
           start: i,
           end: t
         });
-        if (e.value = G(n), l.value = e.value, o.value > "") {
-          var c = new RegExp(o.value, "i");
-          l.value = e.value.filter((h) => {
+        if (e.value = J(a), c.value = e.value, o.value > "") {
+          var l = new RegExp(o.value, "i");
+          c.value = e.value.filter((h) => {
             const C = JSON.stringify(h);
-            return c.test(C);
+            return l.test(C);
           });
         }
       });
     }
     function K() {
-      w();
+      v();
     }
-    U(K), I(a, w);
+    G(K), I(n, v);
     let F;
     I(o, async () => {
       F && clearTimeout(F), F = setTimeout(() => {
         var i = new RegExp(o.value, "i");
-        l.value = e.value.filter((t) => {
-          const n = JSON.stringify(t);
-          return i.test(n);
+        c.value = e.value.filter((t) => {
+          const a = JSON.stringify(t);
+          return i.test(a);
         });
       }, 700);
     }), I(e, async () => {
       let i = e.value;
       if (o.value) {
         var t = new RegExp(o.value, "i");
-        i = e.value.filter((n) => {
-          const c = JSON.stringify(n);
-          return t.test(c);
+        i = e.value.filter((a) => {
+          const l = JSON.stringify(a);
+          return t.test(l);
         });
       }
-      l.value = i;
+      c.value = i;
     }, { deep: !0 });
     async function O(i) {
-      const t = l.value.at(i);
+      const t = c.value.at(i);
       if (!t) {
         s.open({
           type: "error",
@@ -268,21 +275,21 @@ const ae = /* @__PURE__ */ g({
         return;
       }
       try {
-        const n = await b.refetchTransaction({ transactionId: t.id }), c = e.value.findIndex((h) => h.id === n._id);
-        e.value[c] = k(n), s.open({
+        const a = await w.refetchTransaction({ transactionId: t.id }), l = e.value.findIndex((h) => h.id === a._id);
+        e.value[l] = M(a), s.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
-      } catch (n) {
+      } catch (a) {
         s.open({
           type: "error",
           title: "Fail to query transaction.",
-          message: S(n)
+          message: S(a)
         });
       }
     }
     async function V(i) {
-      const t = l.value.at(i);
+      const t = c.value.at(i);
       if (!t) {
         s.open({
           type: "error",
@@ -291,33 +298,33 @@ const ae = /* @__PURE__ */ g({
         });
         return;
       }
-      q(
+      R(
         r,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
           try {
-            const n = await b.refundTransaction({
+            const a = await w.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
-            }), c = e.value.findIndex((h) => h.id === n._id);
-            e.value[c] = k(n), s.open({
+            }), l = e.value.findIndex((h) => h.id === a._id);
+            e.value[l] = M(a), s.open({
               type: "success",
               title: "Transaction refund request initiated."
             });
-          } catch (n) {
+          } catch (a) {
             s.open({
               type: "error",
               title: "Fail to request refund transaction.",
-              message: S(n)
+              message: S(a)
             });
           }
         }
       );
     }
-    async function P(i) {
-      const t = l.value.at(i);
+    async function L(i) {
+      const t = c.value.at(i);
       if (!t) {
         s.open({
           type: "error",
@@ -326,71 +333,91 @@ const ae = /* @__PURE__ */ g({
         });
         return;
       }
-      q(
+      R(
         r,
         "Notify Transaction",
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await b.renotifyTransaction(t.id), s.open({
+            await w.renotifyTransaction(t.id), s.open({
               type: "success",
               title: "Transaction notify successfully."
             });
-          } catch (n) {
+          } catch (a) {
             s.open({
               type: "error",
               title: "Fail to notify transaction.",
-              message: S(n)
+              message: S(a)
             });
           }
         }
       );
     }
+    async function P(i) {
+      const t = c.value.at(i);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const a = ne([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: t.id
+        }
+      ], t.createdAt);
+      window.open(a, "_blank");
+    }
     return (i, t) => {
-      const n = _("FmSearch");
-      return y(), D(Z, {
+      const a = _("FmSearch");
+      return y(), D(ee, {
         title: "Online Transactions",
         loading: d(u)
       }, {
         default: x(() => [
-          v("div", le, [
-            v("div", ue, [
-              f(n, {
+          T("div", de, [
+            T("div", me, [
+              f(a, {
                 "model-value": d(o),
-                "onUpdate:modelValue": t[0] || (t[0] = (c) => M(o) ? o.value = c : null),
+                "onUpdate:modelValue": t[0] || (t[0] = (l) => q(o) ? o.value = l : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"])
             ]),
-            v("div", de, [
-              f(ee, {
+            T("div", pe, [
+              f(te, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
                 handler: async () => {
-                  await d(b).downloadTransactionReport({
-                    start: d(a).startDate,
-                    end: d(a).endDate
+                  await d(w).downloadTransactionReport({
+                    start: d(n).startDate,
+                    end: d(n).endDate
                   });
                 }
               }, null, 8, ["handler"])
             ])
           ]),
-          v("div", me, [
-            f(te, {
-              modelValue: d(a),
-              "onUpdate:modelValue": t[1] || (t[1] = (c) => M(a) ? a.value = c : null)
+          T("div", fe, [
+            f(ae, {
+              modelValue: d(n),
+              "onUpdate:modelValue": t[1] || (t[1] = (l) => q(n) ? n.value = l : null)
             }, null, 8, ["modelValue"])
           ]),
-          f(ce, {
+          f(ue, {
             loading: d(u),
-            data: l.value,
+            data: c.value,
             onQuery: O,
             onRefund: V,
-            onNotify: P
+            onNotify: L,
+            onHistory: P
           }, null, 8, ["loading", "data"])
         ]),
         _: 1
@@ -399,5 +426,5 @@ const ae = /* @__PURE__ */ g({
   }
 });
 export {
-  Ne as default
+  De as default
 };