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

package/dist/{TerminalTransaction-Bh9FhkvQ.js → TerminalTransaction-B213Kdt7.js}

@@ -1,88 +1,98 @@
-import { defineComponent as w, openBlock as y, createElementBlock as N, unref as i, createCommentVNode as O, createElementVNode as b, resolveComponent as g, createBlock as v, normalizeClass as V, withCtx as h, toDisplayString as S, createVNode as c, Fragment as $, renderList as q, ref as K, watch as R, isRef as x, h as T } from "vue";
-import { c as A } from "./index-1fXAFo2E.js";
-import { h as I } from "./moment-h96o7c8I.js";
-import { u as L } from "./index-DdJrUqkm.js";
-import { _ as P } from "./index.vue_vue_type_script_setup_true_lang-GT2x04Bn.js";
+import { defineComponent as w, openBlock as A, createElementBlock as x, unref as c, createCommentVNode as V, createElementVNode as b, resolveComponent as g, createBlock as v, normalizeClass as q, withCtx as h, toDisplayString as E, createVNode as u, Fragment as L, renderList as $, ref as K, watch as D, isRef as F, h as T } from "vue";
+import { c as y } from "./index-BTkakN2n.js";
+import { h as N } from "./moment-h96o7c8I.js";
+import { u as P } from "./index-BTVM9VBi.js";
+import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-COhTblmz.js";
 import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { useSnackbar as G, useDialog as U } from "@feedmepos/ui-library";
-import { g as j } from "./assets-8c19wXSV.js";
-import { E as Q, t as F } from "./index-BzmIt2Le.js";
-import { d as W } from "./dinero-CIVmXLL-.js";
-import { _ as z } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { _ as H } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
-import { useRouter as J } from "vue-router";
-import { w as X } from "./Modal-DB8M9o1T.js";
-import { u as D } from "./error-K1CakhA9.js";
-import { _ as Z } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
-import { _ as ee } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-const te = { class: "flex" }, ae = ["src"], ne = ["src"], re = /* @__PURE__ */ w({
+import { useSnackbar as U, useDialog as W } from "@feedmepos/ui-library";
+import { g as j } from "./assets-aCkz2JQO.js";
+import { E as Q, t as R } from "./index-XWdFx8ty.js";
+import { d as z } from "./dinero-CIVmXLL-.js";
+import { _ as H } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as J } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { useRouter as X } from "vue-router";
+import { w as Z } from "./Modal-DB8M9o1T.js";
+import { u as S } from "./error-K1CakhA9.js";
+import { _ as ee } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as te } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as ae } from "./grafana-CqkYm_ru.js";
+const ne = { class: "flex" }, re = ["src"], oe = ["src"], se = /* @__PURE__ */ w({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    return (a, m) => (y(), N("div", te, [
-      a.row.original.ecrGateway ? (y(), N("img", {
+  setup(d) {
+    return (a, m) => (A(), x("div", ne, [
+      a.row.original.ecrGateway ? (A(), x("img", {
         key: 0,
         class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
-        src: i(Q)
-      }, null, 8, ae)) : O("", !0),
+        src: c(Q)
+      }, null, 8, re)) : V("", !0),
       b("img", {
         class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-        src: i(j)(a.row.original.gateway)
-      }, null, 8, ne)
+        src: c(j)(a.row.original.gateway)
+      }, null, 8, oe)
     ]));
   }
-}), oe = /* @__PURE__ */ w({
+}), le = /* @__PURE__ */ w({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    const a = p;
+  setup(d) {
+    const a = d;
     function m() {
-      return a.data === A.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === A.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === A.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+      return a.data === y.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === y.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === y.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (n, l) => {
+    return (r, l) => {
       const s = g("FmBadge");
-      return y(), v(s, {
+      return A(), v(s, {
         inline: "",
-        class: V(m())
+        class: q(m())
       }, {
         default: h(() => [
-          b("div", null, S(n.data.toUpperCase()), 1)
+          b("div", null, E(r.data.toUpperCase()), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), se = /* @__PURE__ */ w({
+}), ie = /* @__PURE__ */ w({
   __name: "RouteCell",
   props: {
     data: {},
     route: {}
   },
-  setup(p) {
-    const a = p, m = J();
-    function n() {
+  setup(d) {
+    const a = d, m = X();
+    function r() {
       m.push(a.route);
     }
-    return (l, s) => (y(), N("div", {
+    return (l, s) => (A(), x("div", {
       class: "fm-typo-en-link-md-600",
-      onClick: s[0] || (s[0] = (f) => {
-        f.stopPropagation(), n();
+      onClick: s[0] || (s[0] = (p) => {
+        p.stopPropagation(), r();
       })
-    }, S(l.data), 1));
+    }, E(l.data), 1));
   }
-}), le = /* @__PURE__ */ w({
+}), ce = /* @__PURE__ */ w({
   __name: "Actions",
   props: {
-    onAction: { type: Function }
+    onAction: { type: Function },
+    gateway: {}
   },
-  setup(p) {
-    const a = [
+  setup(d) {
+    const a = d, m = [
+      {
+        label: "Log",
+        sublabel: "Inspect transaction historical actions, requests and responses.",
+        icon: "history",
+        action: "history"
+      }
+    ];
+    return a.gateway === y.F_TERMINAL_PAYMENT_GATEWAY_PROVIDER.Enum.ScanPay && m.push(
       {
         label: "Query",
         sublabel: "Perform transaction status inquriy",
@@ -95,26 +105,25 @@ const te = { class: "flex" }, ae = ["src"], ne = ["src"], re = /* @__PURE__ */ w
         icon: "request_page",
         action: "refund"
       }
-    ];
-    return (m, n) => {
-      const l = g("FmIcon"), s = g("FmMenuItem"), f = g("FmMenu");
-      return y(), N("div", {
-        onClick: n[0] || (n[0] = (u) => {
-          u.stopPropagation();
+    ), (r, l) => {
+      const s = g("FmIcon"), p = g("FmMenuItem"), I = g("FmMenu");
+      return A(), x("div", {
+        onClick: l[0] || (l[0] = (f) => {
+          f.stopPropagation();
         })
       }, [
-        c(f, null, {
+        u(I, null, {
           "menu-button": h(() => [
-            c(l, { name: "settings" })
+            u(s, { name: "settings" })
           ]),
           default: h(() => [
-            (y(), N($, null, q(a, (u) => c(s, {
+            (A(), x(L, null, $(m, (f) => u(p, {
               selectable: !0,
-              key: u.label,
-              sublabel: u.sublabel,
-              label: u.label,
-              icon: u.icon,
-              onclick: () => m.onAction(u.action)
+              key: f.label,
+              sublabel: f.sublabel,
+              label: f.label,
+              icon: f.icon,
+              onclick: () => r.onAction(f.action)
             }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
           ]),
           _: 1
@@ -123,36 +132,36 @@ const te = { class: "flex" }, ae = ["src"], ne = ["src"], re = /* @__PURE__ */ w
     };
   }
 });
-function ie(p) {
+function ue(d) {
   let a;
   try {
-    a = parseInt(p.substr(0, 8), 16) * 1e3;
+    a = parseInt(d.substr(0, 8), 16) * 1e3;
   } catch {
     return null;
   }
   return new Date(a);
 }
-const ce = /* @__PURE__ */ w({
+const me = /* @__PURE__ */ w({
   __name: "Timestamp",
   props: {
     createdAt: {},
     transactionAt: {},
     refundedAt: {}
   },
-  setup(p) {
+  setup(d) {
     return (a, m) => {
-      const n = g("FmListItem"), l = g("FmList");
-      return y(), v(l, { class: "w-[180px]" }, {
+      const r = g("FmListItem"), l = g("FmList");
+      return A(), v(l, { class: "w-[180px]" }, {
         default: h(() => [
-          c(n, {
+          u(r, {
             label: "Created At",
             sublabel: a.createdAt
           }, null, 8, ["sublabel"]),
-          c(n, {
+          u(r, {
             label: "Transaction At",
             sublabel: a.transactionAt
           }, null, 8, ["sublabel"]),
-          c(n, {
+          u(r, {
             label: "Refunded At",
             sublabel: a.refundedAt
           }, null, 8, ["sublabel"])
@@ -161,34 +170,34 @@ const ce = /* @__PURE__ */ w({
       });
     };
   }
-}), ue = { class: "flex justify-between mb-6 items-start" }, me = { class: "flex space-x-4 items-start" }, de = { class: "flex space-x-4 self-center" }, pe = { class: "mb-6" }, Se = /* @__PURE__ */ w({
+}), de = { class: "flex justify-between mb-6 items-start" }, pe = { class: "flex space-x-4 items-start" }, fe = { class: "flex space-x-4 self-center" }, _e = { class: "mb-6" }, Ye = /* @__PURE__ */ w({
   __name: "TerminalTransaction",
-  setup(p) {
-    const a = G(), m = U(), n = K(), { dateRange: l, status: s, searchKey: f } = L({
+  setup(d) {
+    const a = U(), m = W(), r = K(), { dateRange: l, status: s, searchKey: p } = P({
       searchKey: "",
-      status: [A.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      status: [y.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: I().startOf("day").format("YYYY-MM-DD"),
-        endDate: I().endOf("day").format("YYYY-MM-DD")
+        startDate: N().startOf("day").format("YYYY-MM-DD"),
+        endDate: N().endOf("day").format("YYYY-MM-DD")
       }
     });
-    R([l, s], () => {
+    D([l, s], () => {
       var e;
-      return (e = n.value) == null ? void 0 : e.reset();
+      return (e = r.value) == null ? void 0 : e.reset();
     });
-    let u;
-    R(f, async () => {
-      u && clearTimeout(u), u = setTimeout(
+    let I;
+    D(p, async () => {
+      I && clearTimeout(I), I = setTimeout(
         () => {
           var e;
-          return (e = n.value) == null ? void 0 : e.reset();
+          return (e = r.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
-    async function M(e) {
-      var o, d, r;
-      const t = (d = (o = n.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
+    async function f(e) {
+      var o, i, n;
+      const t = (i = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : i.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -206,8 +215,8 @@ const ce = /* @__PURE__ */ w({
         return;
       }
       try {
-        const _ = await F.queryTransaction(t._id);
-        (r = n.value) == null || r.replaceData(e, _), a.open({
+        const _ = await R.queryTransaction(t._id);
+        (n = r.value) == null || n.replaceData(e, _), a.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -215,13 +224,13 @@ const ce = /* @__PURE__ */ w({
         a.open({
           type: "error",
           title: "Fail to query transaction.",
-          message: D(_)
+          message: S(_)
         });
       }
     }
-    async function E(e) {
-      var o, d;
-      const t = (d = (o = n.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
+    async function M(e) {
+      var o, i;
+      const t = (i = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : i.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -238,19 +247,19 @@ const ce = /* @__PURE__ */ w({
         });
         return;
       }
-      X(
+      Z(
         m,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
-          var r;
+          var n;
           try {
-            const _ = await F.refundTransaction({
+            const _ = await R.refundTransaction({
               transactionId: t._id,
               reason: "portal transaction refund",
               amount: t.details.amount
             });
-            (r = n.value) == null || r.replaceData(e, _), a.open({
+            (n = r.value) == null || n.replaceData(e, _), a.open({
               type: "success",
               title: "Transaction queried and updated successfully."
             });
@@ -258,36 +267,57 @@ const ce = /* @__PURE__ */ w({
             a.open({
               type: "error",
               title: "Fail to query transaction.",
-              message: D(_)
+              message: S(_)
             });
           }
         }
       );
     }
+    async function Y(e) {
+      var i, n;
+      const t = (n = (i = r.value) == null ? void 0 : i.pageData()) == null ? void 0 : n.at(e);
+      if (!t) {
+        a.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const o = ae([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: t._id
+        }
+      ]);
+      window.open(o, "_blank");
+    }
     const C = [
       {
         label: "Success",
-        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+        value: y.F_TERMINAL_TRANSACTION_ACTION.Enum.success
       },
       {
         label: "Refunded",
-        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+        value: y.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
       },
       {
         label: "Process",
-        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+        value: y.F_TERMINAL_TRANSACTION_ACTION.Enum.process
       },
       {
         label: "Failed",
-        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+        value: y.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
       }
     ], k = function(e) {
       const t = e;
       let o = "-";
-      t.details && t.details.amount && (o = W(t.details.amount).toFormat("$0.00"));
-      const d = ie(e._id);
+      t.details && t.details.amount && (o = z(t.details.amount).toFormat("$0.00"));
+      const i = ue(e._id);
       return {
         id: e._id,
+        transactionId: e.transactionId,
         orderId: e.orderId,
         refId: e.refId,
         owner: e.owner,
@@ -296,18 +326,18 @@ const ce = /* @__PURE__ */ w({
         gateway: e.gateway,
         ecrGateway: e.ecrGateway,
         amount: o,
-        createdAt: d ? I(d).format("YYYY-MM-DD hh:mm:ss") : "N/A",
-        transactionAt: e.transactionAt ? I(e.transactionAt).format("YYYY-MM-DD hh:mm:ss") : "N/A",
-        refundedAt: e.refundedAt ? I(e.refundedAt).format("YYYY-MM-DD hh:mm:ss") : "N/A"
+        createdAt: i ? N(i).format("YYYY-MM-DD hh:mm:ss") : "N/A",
+        transactionAt: e.transactionAt ? N(e.transactionAt).format("YYYY-MM-DD hh:mm:ss") : "N/A",
+        refundedAt: e.refundedAt ? N(e.refundedAt).format("YYYY-MM-DD hh:mm:ss") : "N/A"
       };
-    }, Y = [
+    }, O = [
       {
-        accessorKey: "id",
+        accessorKey: "transactionId",
         header: () => "Transaction ID",
         meta: {
           textAlign: "left"
         },
-        cell: ({ cell: e }) => T(H, { data: e.getValue() })
+        cell: ({ cell: e }) => T(J, { data: e.getValue() })
       },
       {
         accessorKey: "orderId",
@@ -330,7 +360,7 @@ const ce = /* @__PURE__ */ w({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => T(re, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => T(se, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -339,7 +369,7 @@ const ce = /* @__PURE__ */ w({
           textAlign: "right",
           maxWidth: "132px"
         },
-        cell: ({ cell: e, row: t }) => T(oe, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => T(le, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -356,7 +386,7 @@ const ce = /* @__PURE__ */ w({
         },
         cell: ({ cell: e, row: t }) => {
           const o = e.getValue();
-          return T(se, {
+          return T(ie, {
             data: o,
             route: {
               name: "mf-payment-admin.terminal-setting",
@@ -378,7 +408,7 @@ const ce = /* @__PURE__ */ w({
         meta: {
           textAlign: "left"
         },
-        cell: ({ row: e }) => T(ce, {
+        cell: ({ row: e }) => T(me, {
           createdAt: e.original.createdAt,
           transactionAt: e.original.transactionAt,
           refundedAt: e.original.refundedAt
@@ -387,41 +417,41 @@ const ce = /* @__PURE__ */ w({
       {
         header: () => "Actions",
         accessorKey: "actions",
-        cell: ({ row: e }) => {
-          if (e.original.gateway === "ScanPay")
-            return T(le, {
-              onAction: (t) => {
-                const o = e.index;
-                switch (t) {
-                  case "query":
-                    return M(o);
-                  case "refund":
-                    return E(o);
-                }
-              }
-            });
-        }
+        cell: ({ row: e }) => T(ce, {
+          gateway: e.original.gateway,
+          onAction: (t) => {
+            const o = e.index;
+            switch (t) {
+              case "history":
+                return Y(o);
+              case "query":
+                return f(o);
+              case "refund":
+                return M(o);
+            }
+          }
+        })
       }
     ];
     return (e, t) => {
-      const o = g("FmSearch"), d = g("FmSelect");
-      return y(), v(B, {
+      const o = g("FmSearch"), i = g("FmSelect");
+      return A(), v(B, {
         title: "Terminal Transactions",
         loading: !1
       }, {
         default: h(() => [
-          b("div", ue, [
-            b("div", me, [
-              c(o, {
-                "model-value": i(f),
-                "onUpdate:modelValue": t[0] || (t[0] = (r) => x(f) ? f.value = r : null),
+          b("div", de, [
+            b("div", pe, [
+              u(o, {
+                "model-value": c(p),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => F(p) ? p.value = n : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
-              c(d, {
-                modelValue: i(s),
-                "onUpdate:modelValue": t[2] || (t[2] = (r) => x(s) ? s.value = r : null),
+              u(i, {
+                modelValue: c(s),
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => F(s) ? s.value = n : null),
                 class: "mr-6 w-[300px]",
                 label: "Status",
                 "label-mark": "required",
@@ -429,49 +459,49 @@ const ce = /* @__PURE__ */ w({
                 items: C
               }, {
                 "prepend-menu": h(() => [
-                  c(Z, {
-                    modelValue: i(s),
-                    "onUpdate:modelValue": t[1] || (t[1] = (r) => x(s) ? s.value = r : null),
+                  u(ee, {
+                    modelValue: c(s),
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => F(s) ? s.value = n : null),
                     items: C
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            b("div", de, [
-              c(z, {
+            b("div", fe, [
+              u(H, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
                 handler: async () => {
-                  var r;
-                  return i(F).downloadTransactions(await ((r = n.value) == null ? void 0 : r.allData()) ?? []);
+                  var n;
+                  return c(R).downloadTransactions(await ((n = r.value) == null ? void 0 : n.allData()) ?? []);
                 }
               }, null, 8, ["handler"])
             ])
           ]),
-          b("div", pe, [
-            c(ee, {
-              modelValue: i(l),
-              "onUpdate:modelValue": t[3] || (t[3] = (r) => x(l) ? l.value = r : null)
+          b("div", _e, [
+            u(te, {
+              modelValue: c(l),
+              "onUpdate:modelValue": t[3] || (t[3] = (n) => F(l) ? l.value = n : null)
             }, null, 8, ["modelValue"])
           ]),
-          c(P, {
+          u(G, {
             ref_key: "controller",
-            ref: n,
-            "column-defs": Y,
+            ref: r,
+            "column-defs": O,
             "rows-defs": k,
             onRowClick: t[4] || (t[4] = () => {
             }),
-            paginate: (r, _) => i(F).readTransactions({
-              status: i(s),
-              searchKey: i(f),
-              limit: r,
+            paginate: (n, _) => c(R).readTransactions({
+              status: c(s),
+              searchKey: c(p),
+              limit: n,
               cursor: _,
-              start: i(l).startDate,
-              end: i(l).endDate
+              start: c(l).startDate,
+              end: c(l).endDate
             })
           }, null, 8, ["paginate"])
         ]),
@@ -481,5 +511,5 @@ const ce = /* @__PURE__ */ w({
   }
 });
 export {
-  Se as default
+  Ye as default
 };