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

package/dist/{TerminalTransaction-B77YK3hF.js → TerminalTransaction-B-8PEfAs.js}

@@ -1,85 +1,86 @@
-import { defineComponent as h, openBlock as y, createElementBlock as I, unref as c, createCommentVNode as V, createElementVNode as w, resolveComponent as g, createBlock as v, normalizeClass as K, withCtx as x, toDisplayString as C, createVNode as p, Fragment as $, renderList as P, ref as L, watch as R, isRef as N, h as A } from "vue";
-import { c as f } from "./index-CWaKb7bG.js";
-import { h as S } from "./moment-h96o7c8I.js";
-import { u as B } from "./index-7KNaibcq.js";
-import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-JdAFa8vy.js";
-import { _ as U } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { useSnackbar as Y, useDialog as Q } from "@feedmepos/ui-library";
+import { defineComponent as h, openBlock as y, createElementBlock as N, unref as i, createCommentVNode as q, createElementVNode as w, resolveComponent as _, createBlock as S, normalizeClass as $, withCtx as b, toDisplayString as D, createVNode as c, Fragment as K, renderList as L, ref as Y, watch as v, isRef as x, h as T } from "vue";
+import { c as A } from "./index-CWaKb7bG.js";
+import { h as I } from "./moment-h96o7c8I.js";
+import { u as P } from "./index-7KNaibcq.js";
+import { _ as B } from "./index.vue_vue_type_script_setup_true_lang-JdAFa8vy.js";
+import { _ as G } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { useSnackbar as U, useDialog as Q } from "@feedmepos/ui-library";
 import { g as W } from "./assets-NrCec-W0.js";
-import { E as j, t as b } from "./index-DbJpbpSs.js";
+import { E as j, t as F } from "./index-DbJpbpSs.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-GXPXBEf5.js";
 import { useRouter as X } from "vue-router";
 import { w as Z } from "./Modal-DB8M9o1T.js";
-import { u as F } from "./error-K1CakhA9.js";
-const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h({
+import { u as C } from "./error-K1CakhA9.js";
+import { _ as ee } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+const te = { class: "flex" }, ae = ["src"], ne = ["src"], re = /* @__PURE__ */ h({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
-  setup(T) {
-    return (a, m) => (y(), I("div", ee, [
-      a.row.original.ecrGateway ? (y(), I("img", {
+  setup(p) {
+    return (a, m) => (y(), N("div", te, [
+      a.row.original.ecrGateway ? (y(), N("img", {
         key: 0,
         class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
-        src: c(j)
-      }, null, 8, te)) : V("", !0),
+        src: i(j)
+      }, null, 8, ae)) : q("", !0),
       w("img", {
         class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-        src: c(W)(a.row.original.gateway)
-      }, null, 8, ae)
+        src: i(W)(a.row.original.gateway)
+      }, null, 8, ne)
     ]));
   }
-}), re = /* @__PURE__ */ h({
+}), oe = /* @__PURE__ */ h({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(T) {
-    const a = T;
+  setup(p) {
+    const a = p;
     function m() {
-      return a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+      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 (o, l) => {
-      const s = g("FmBadge");
-      return y(), v(s, {
+    return (r, l) => {
+      const s = _("FmBadge");
+      return y(), S(s, {
         inline: "",
-        class: K(m())
+        class: $(m())
       }, {
-        default: x(() => [
-          w("div", null, C(o.data.toUpperCase()), 1)
+        default: b(() => [
+          w("div", null, D(r.data.toUpperCase()), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), oe = /* @__PURE__ */ h({
+}), se = /* @__PURE__ */ h({
   __name: "RouteCell",
   props: {
     data: {},
     route: {}
   },
-  setup(T) {
-    const a = T, m = X();
-    function o() {
+  setup(p) {
+    const a = p, m = X();
+    function r() {
       m.push(a.route);
     }
-    return (l, s) => (y(), I("div", {
+    return (l, s) => (y(), N("div", {
       class: "fm-typo-en-link-md-600",
-      onClick: s[0] || (s[0] = (u) => {
-        u.stopPropagation(), o();
+      onClick: s[0] || (s[0] = (f) => {
+        f.stopPropagation(), r();
       })
-    }, C(l.data), 1));
+    }, D(l.data), 1));
   }
-}), se = /* @__PURE__ */ h({
+}), le = /* @__PURE__ */ h({
   __name: "Actions",
   props: {
     onAction: { type: Function }
   },
-  setup(T) {
+  setup(p) {
     const a = [
       {
         label: "Query",
@@ -94,25 +95,25 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         action: "refund"
       }
     ];
-    return (m, o) => {
-      const l = g("FmIcon"), s = g("FmMenuItem"), u = g("FmMenu");
-      return y(), I("div", {
-        onClick: o[0] || (o[0] = (i) => {
-          i.stopPropagation();
+    return (m, r) => {
+      const l = _("FmIcon"), s = _("FmMenuItem"), f = _("FmMenu");
+      return y(), N("div", {
+        onClick: r[0] || (r[0] = (u) => {
+          u.stopPropagation();
         })
       }, [
-        p(u, null, {
-          "menu-button": x(() => [
-            p(l, { name: "settings" })
+        c(f, null, {
+          "menu-button": b(() => [
+            c(l, { name: "settings" })
           ]),
-          default: x(() => [
-            (y(), I($, null, P(a, (i) => p(s, {
+          default: b(() => [
+            (y(), N(K, null, L(a, (u) => c(s, {
               selectable: !0,
-              key: i.label,
-              sublabel: i.sublabel,
-              label: i.label,
-              icon: i.icon,
-              onclick: () => m.onAction(i.action)
+              key: u.label,
+              sublabel: u.sublabel,
+              label: u.label,
+              icon: u.icon,
+              onclick: () => m.onAction(u.action)
             }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
           ]),
           _: 1
@@ -120,34 +121,73 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
       ]);
     };
   }
-}), le = { class: "flex justify-between mb-6 items-start" }, ie = { class: "flex space-x-4 items-start" }, ce = { class: "flex space-x-4" }, Ne = /* @__PURE__ */ h({
+});
+function ie(p) {
+  let a;
+  try {
+    a = parseInt(p.substr(0, 8), 16) * 1e3;
+  } catch {
+    return null;
+  }
+  return new Date(a);
+}
+const ce = /* @__PURE__ */ h({
+  __name: "Timestamp",
+  props: {
+    createdAt: {},
+    transactionAt: {},
+    refundedAt: {}
+  },
+  setup(p) {
+    return (a, m) => {
+      const r = _("FmListItem"), l = _("FmList");
+      return y(), S(l, { class: "w-[180px]" }, {
+        default: b(() => [
+          c(r, {
+            label: "Created At",
+            sublabel: a.createdAt
+          }, null, 8, ["sublabel"]),
+          c(r, {
+            label: "Transaction At",
+            sublabel: a.transactionAt
+          }, null, 8, ["sublabel"]),
+          c(r, {
+            label: "Refunded At",
+            sublabel: a.refundedAt
+          }, null, 8, ["sublabel"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ue = { class: "flex justify-between mb-6 items-start" }, me = { class: "flex space-x-4 items-start" }, de = { class: "flex space-x-4" }, ve = /* @__PURE__ */ h({
   __name: "TerminalTransaction",
-  setup(T) {
-    const a = Y(), m = Q(), o = L(), { dateRange: l, status: s, searchKey: u } = B({
+  setup(p) {
+    const a = U(), m = Q(), r = Y(), { dateRange: l, status: s, searchKey: f } = P({
       searchKey: "",
-      status: [f.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      status: [A.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: S().startOf("day").toISOString(),
-        endDate: S().endOf("day").toISOString()
+        startDate: I().startOf("day").toISOString(),
+        endDate: I().endOf("day").toISOString()
       }
     });
-    R([l, s], () => {
+    v([l, s], () => {
       var e;
-      return (e = o.value) == null ? void 0 : e.reset();
+      return (e = r.value) == null ? void 0 : e.reset();
     });
-    let i;
-    R(u, async () => {
-      i && clearTimeout(i), i = setTimeout(
+    let u;
+    v(f, async () => {
+      u && clearTimeout(u), u = setTimeout(
         () => {
           var e;
-          return (e = o.value) == null ? void 0 : e.reset();
+          return (e = r.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
     async function k(e) {
-      var r, d, _;
-      const t = (d = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : d.at(e);
+      var o, d, g;
+      const t = (d = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -165,8 +205,8 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         return;
       }
       try {
-        const n = await b.queryTransaction(t._id);
-        (_ = o.value) == null || _.replaceData(e, n), a.open({
+        const n = await F.queryTransaction(t._id);
+        (g = r.value) == null || g.replaceData(e, n), a.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -174,13 +214,13 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         a.open({
           type: "error",
           title: "Fail to query transaction.",
-          message: F(n)
+          message: C(n)
         });
       }
     }
     async function E(e) {
-      var r, d;
-      const t = (d = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : d.at(e);
+      var o, d;
+      const t = (d = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -202,14 +242,14 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
-          var _;
+          var g;
           try {
-            const n = await b.refundTransaction({
+            const n = await F.refundTransaction({
               transactionId: t._id,
               reason: "portal transaction refund",
               amount: t.details.amount
             });
-            (_ = o.value) == null || _.replaceData(e, n), a.open({
+            (g = r.value) == null || g.replaceData(e, n), a.open({
               type: "success",
               title: "Transaction queried and updated successfully."
             });
@@ -217,43 +257,47 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
             a.open({
               type: "error",
               title: "Fail to query transaction.",
-              message: F(n)
+              message: C(n)
             });
           }
         }
       );
     }
-    const O = [
+    const R = [
       {
         label: "Success",
-        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.success
       },
       {
         label: "Refunded",
-        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
       },
       {
         label: "Process",
-        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.process
       },
       {
         label: "Failed",
-        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+        value: A.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
       }
-    ], D = function(e) {
+    ], O = function(e) {
       const t = e;
-      let r = "-";
-      return t.details && t.details.amount && (r = z(t.details.amount).toFormat("$0.00")), {
+      let o = "-";
+      t.details && t.details.amount && (console.log(t._id), o = z(t.details.amount).toFormat("$0.00"));
+      const d = ie(e._id);
+      return {
         id: e._id,
         orderId: e.orderId,
         refId: e.refId,
         owner: e.owner,
         terminalId: e.terminalId,
-        transactionAt: S(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         ecrGateway: e.ecrGateway,
-        amount: r
+        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"
       };
     }, M = [
       {
@@ -262,7 +306,7 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         meta: {
           textAlign: "left"
         },
-        cell: ({ cell: e }) => A(J, { data: e.getValue() })
+        cell: ({ cell: e }) => T(J, { data: e.getValue() })
       },
       {
         accessorKey: "orderId",
@@ -285,7 +329,7 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => A(ne, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => T(re, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -294,7 +338,7 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
           textAlign: "right",
           maxWidth: "132px"
         },
-        cell: ({ cell: e, row: t }) => A(re, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => T(oe, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -310,12 +354,12 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
           textAlign: "left"
         },
         cell: ({ cell: e, row: t }) => {
-          const r = e.getValue();
-          return A(oe, {
-            data: r,
+          const o = e.getValue();
+          return T(se, {
+            data: o,
             route: {
               name: "mf-payment-admin.terminal-setting",
-              params: { terminalId: r }
+              params: { terminalId: o }
             }
           });
         }
@@ -328,25 +372,30 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
         }
       },
       {
-        accessorKey: "transactionAt",
-        header: () => "Transaction At",
+        accessorKey: "timestamp",
+        header: () => "Timestamp",
         meta: {
           textAlign: "left"
-        }
+        },
+        cell: ({ row: e }) => T(ce, {
+          createdAt: e.original.createdAt,
+          transactionAt: e.original.transactionAt,
+          refundedAt: e.original.refundedAt
+        })
       },
       {
         header: () => "Actions",
         accessorKey: "actions",
         cell: ({ row: e }) => {
           if (e.original.gateway === "ScanPay")
-            return A(se, {
+            return T(le, {
               onAction: (t) => {
-                const r = e.index;
+                const o = e.index;
                 switch (t) {
                   case "query":
-                    return k(r);
+                    return k(o);
                   case "refund":
-                    return E(r);
+                    return E(o);
                 }
               }
             });
@@ -354,38 +403,47 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
       }
     ];
     return (e, t) => {
-      const r = g("FmSearch"), d = g("FmSelect"), _ = g("FmSimpleDateRangePicker");
-      return y(), v(U, {
+      const o = _("FmSearch"), d = _("FmSelect"), g = _("FmSimpleDateRangePicker");
+      return y(), S(G, {
         title: "Offline Transactions",
         loading: !1
       }, {
-        default: x(() => [
-          w("div", le, [
-            w("div", ie, [
-              p(r, {
-                "model-value": c(u),
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => N(u) ? u.value = n : null),
+        default: b(() => [
+          w("div", ue, [
+            w("div", me, [
+              c(o, {
+                "model-value": i(f),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => x(f) ? f.value = n : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
-              p(d, {
-                modelValue: c(s),
-                "onUpdate:modelValue": t[1] || (t[1] = (n) => N(s) ? s.value = n : null),
+              c(d, {
+                modelValue: i(s),
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => x(s) ? s.value = n : null),
                 class: "mr-6 w-[300px]",
                 label: "Status",
                 "label-mark": "required",
                 multiselect: "",
-                items: O
-              }, null, 8, ["modelValue"]),
-              p(_, {
-                modelValue: c(l),
-                "onUpdate:modelValue": t[2] || (t[2] = (n) => N(l) ? l.value = n : null),
+                items: R
+              }, {
+                "prepend-menu": b(() => [
+                  c(ee, {
+                    modelValue: i(s),
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => x(s) ? s.value = n : null),
+                    items: R
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              c(g, {
+                modelValue: i(l),
+                "onUpdate:modelValue": t[3] || (t[3] = (n) => x(l) ? l.value = n : null),
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            w("div", ce, [
-              p(H, {
+            w("div", de, [
+              c(H, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
@@ -393,25 +451,25 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
                 },
                 handler: async () => {
                   var n;
-                  return c(b).downloadTransactions(await ((n = o.value) == null ? void 0 : n.allData()) ?? []);
+                  return i(F).downloadTransactions(await ((n = r.value) == null ? void 0 : n.allData()) ?? []);
                 }
               }, null, 8, ["handler"])
             ])
           ]),
-          p(G, {
+          c(B, {
             ref_key: "controller",
-            ref: o,
+            ref: r,
             "column-defs": M,
-            "rows-defs": D,
-            onRowClick: t[3] || (t[3] = () => {
+            "rows-defs": O,
+            onRowClick: t[4] || (t[4] = () => {
             }),
-            paginate: (n, q) => c(b).readTransactions({
-              status: c(s),
-              searchKey: c(u),
+            paginate: (n, V) => i(F).readTransactions({
+              status: i(s),
+              searchKey: i(f),
               limit: n,
-              cursor: q,
-              start: c(l).startDate,
-              end: c(l).endDate
+              cursor: V,
+              start: i(l).startDate,
+              end: i(l).endDate
             })
           }, null, 8, ["paginate"])
         ]),
@@ -421,5 +479,5 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ h
   }
 });
 export {
-  Ne as default
+  ve as default
 };