@feedmepos/mf-payment 1.0.4 → 1.0.5-beta.3

package/dist/TerminalTransaction-BL8zrvkb.js

@@ -0,0 +1,272 @@
+import { defineComponent as y, openBlock as _, createElementBlock as b, Fragment as O, unref as r, createCommentVNode as V, createElementVNode as i, resolveComponent as N, createBlock as C, normalizeClass as D, withCtx as h, toDisplayString as F, ref as M, watch as T, createVNode as c, isRef as u, h as I } from "vue";
+import { c as l } from "./index-CXCXrHB0.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-B9uFzXYZ.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-B0gi93RG.js";
+import "@feedmepos/ui-library";
+import { g as Y } from "./assets-CtblXAzH.js";
+import { E as $, t as v } from "./index-CzRHCb77.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+import { _ as B } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as G } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { _ as q } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as P } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as j } from "./PayoutAccountSelector.vue_vue_type_script_setup_true_lang-B6isPQJE.js";
+const W = ["src"], z = ["src"], Q = /* @__PURE__ */ y({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (o, n) => (_(), b(O, null, [
+      o.row.original.ecrGateway ? (_(), b("img", {
+        key: 0,
+        class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: r($)
+      }, null, 8, W)) : V("", !0),
+      i("img", {
+        class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+        src: r(Y)(o.row.original.gateway)
+      }, null, 8, z)
+    ], 64));
+  }
+}), H = /* @__PURE__ */ y({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    const o = f;
+    function n() {
+      return o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, d) => {
+      const m = N("FmBadge");
+      return _(), C(m, {
+        inline: "",
+        class: D(n())
+      }, {
+        default: h(() => [
+          i("div", null, F(s.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), J = { class: "flex justify-between mb-6 items-start" }, X = { class: "flex space-x-8 items-start" }, Z = { class: "flex space-x-4 self-center" }, ee = { class: "flex space-x-12 mb-6" }, Ae = /* @__PURE__ */ y({
+  __name: "TerminalTransaction",
+  setup(f) {
+    const o = M(), { dateRange: n, status: s, searchKey: d, accountId: m } = k({
+      accountId: "",
+      searchKey: "",
+      status: [l.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    T([n, s], () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.reset();
+    }), T(m, () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.reset();
+    });
+    let A;
+    T(d, async () => {
+      A && clearTimeout(A), A = setTimeout(
+        () => {
+          var e;
+          return (e = o.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const x = [
+      {
+        label: "Success",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], R = function(e) {
+      const a = e;
+      let p = "-";
+      return a.details && a.details.amount && (p = L(a.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        transactionId: e.transactionId,
+        orderId: e.orderId,
+        refId: e.refId,
+        terminalId: e.terminalId,
+        transactionAt: g(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: p,
+        seqNumber: e.seqNumber
+      };
+    }, E = [
+      {
+        accessorKey: "transactionId",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => I(G, { data: e.getValue() })
+      },
+      {
+        accessorKey: "orderId",
+        header: () => "Pay ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        header: () => "Bill Seq No",
+        accessorKey: "seqNumber"
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: a }) => I(Q, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right",
+          maxWidth: "132px"
+        },
+        cell: ({ cell: e, row: a }) => I(H, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, a) => {
+      const p = N("FmSearch"), w = N("FmSelect");
+      return _(), C(U, {
+        title: "Terminal Transactions",
+        description: "Transactions are purchases or payments made in retail using electronic devices such as POS systems, kiosks, terminals, or ECRs.",
+        loading: !1
+      }, {
+        default: h(() => [
+          i("div", J, [
+            i("div", X, [
+              c(p, {
+                "model-value": r(d),
+                "onUpdate:modelValue": a[0] || (a[0] = (t) => u(d) ? d.value = t : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              c(w, {
+                modelValue: r(s),
+                "onUpdate:modelValue": a[2] || (a[2] = (t) => u(s) ? s.value = t : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: x
+              }, {
+                "prepend-menu": h(() => [
+                  c(q, {
+                    modelValue: r(s),
+                    "onUpdate:modelValue": a[1] || (a[1] = (t) => u(s) ? s.value = t : null),
+                    items: x
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            i("div", Z, [
+              c(B, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var t;
+                  return r(v).downloadTransactions(((t = o.value) == null ? void 0 : t.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i("div", ee, [
+            c(j, {
+              modelValue: r(m),
+              "onUpdate:modelValue": a[3] || (a[3] = (t) => u(m) ? m.value = t : null),
+              event: ["ORDERING"]
+            }, null, 8, ["modelValue"]),
+            c(P, {
+              modelValue: r(n),
+              "onUpdate:modelValue": a[4] || (a[4] = (t) => u(n) ? n.value = t : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          c(K, {
+            ref_key: "controller",
+            ref: o,
+            "column-defs": E,
+            "rows-defs": R,
+            paginate: (t, S) => r(v).readAccountTransactions({
+              accountId: r(m),
+              status: r(s),
+              searchKey: r(d),
+              limit: t,
+              cursor: S,
+              start: r(n).startDate,
+              end: r(n).endDate
+            })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/{Transaction-CqTKm8KP.js → Transaction-DhYYEGyA.js}

@@ -1,18 +1,19 @@
-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 { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as E, normalizeClass as R, withCtx as w, createElementVNode as h, toDisplayString as V, createElementBlock as A, unref as u, createVNode as d, Fragment as Y, renderList as $, ref as C, watch as N, isRef as v, h as y } from "vue";
+import { t as _, a as P, b as I } from "./transaction-WIA_gVK_.js";
 import { h as T } from "./moment-h96o7c8I.js";
-import { u as V } from "./index-BerQZMQW.js";
+import { u as L } from "./index-B9uFzXYZ.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 { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { useSnackbar as G, useDialog as j } 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({
+import { _ as Q } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as z } from "./grafana-CqkYm_ru.js";
+import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-B0gi93RG.js";
+import { e as S } from "./index-CXCXrHB0.js";
+import { g as J, a as W } from "./assets-CtblXAzH.js";
+import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+const Z = /* @__PURE__ */ b({
   __name: "Status",
   props: {
     row: {},
@@ -27,16 +28,16 @@ const W = /* @__PURE__ */ b({
       const m = g("FmBadge");
       return p(), E(m, {
         inline: "",
-        class: q(o())
+        class: R(o())
       }, {
         default: w(() => [
-          h("div", null, Y(i.data), 1)
+          h("div", null, V(i.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), X = ["src"], Z = /* @__PURE__ */ b({
+}), ee = ["src"], te = /* @__PURE__ */ b({
   __name: "Gateway",
   props: {
     row: {},
@@ -45,10 +46,10 @@ const W = /* @__PURE__ */ b({
   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));
+      src: u(J)(a.row.original.gateway)
+    }, null, 8, ee));
   }
-}), ee = ["src"], te = /* @__PURE__ */ b({
+}), ae = ["src"], ne = /* @__PURE__ */ b({
   __name: "Method",
   props: {
     row: {},
@@ -57,10 +58,10 @@ const W = /* @__PURE__ */ b({
   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));
+      src: u(W)(a.row.original.method.issuer)
+    }, null, 8, ae));
   }
-}), ae = /* @__PURE__ */ b({
+}), re = /* @__PURE__ */ b({
   __name: "Actions",
   props: {
     onAction: { type: Function }
@@ -84,6 +85,12 @@ const W = /* @__PURE__ */ b({
         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, i) => {
@@ -98,7 +105,7 @@ const W = /* @__PURE__ */ b({
             d(s, { name: "settings" })
           ]),
           default: w(() => [
-            (p(), A($, null, C(a, (c) => d(m, {
+            (p(), A(Y, null, $(a, (c) => d(m, {
               selectable: !0,
               key: c.label,
               sublabel: c.sublabel,
@@ -112,19 +119,19 @@ const W = /* @__PURE__ */ b({
       ]);
     };
   }
-}), 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({
+}), oe = { class: "flex justify-between mb-6 items-center" }, se = { class: "flex space-x-4" }, ce = { class: "flex space-x-4 self-center" }, ie = { class: "mb-6" }, xe = /* @__PURE__ */ b({
   __name: "Transaction",
   setup(f) {
-    const a = P(), { dateRange: o, searchKey: i } = V({
+    const a = C(), { dateRange: o, searchKey: i } = L({
       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) => {
+    }), s = G(), m = j(), F = async (e, t) => {
       let r = parseInt(t);
       Number.isNaN(r) && (r = 1);
-      const n = await y.readTransactions({
+      const n = await _.readTransactions({
         start: T(o.value.startDate).startOf("day").toISOString(),
         end: T(o.value.endDate).endOf("day").toISOString(),
         limit: e,
@@ -132,7 +139,7 @@ const W = /* @__PURE__ */ b({
         search: i.value
       }), l = n.length == e;
       return {
-        data: R(n),
+        data: P(n),
         meta: {
           cursor: l ? (r + 1).toString() : ""
         }
@@ -161,7 +168,7 @@ const W = /* @__PURE__ */ b({
         return;
       }
       try {
-        const l = await y.refetchTransaction({ transactionId: t.id });
+        const l = await _.refetchTransaction({ transactionId: t.id });
         (n = a.value) == null || n.replaceData(e, I(l)), s.open({
           type: "success",
           title: "Transaction queried and updated successfully."
@@ -174,7 +181,7 @@ const W = /* @__PURE__ */ b({
         });
       }
     }
-    async function M(e) {
+    async function q(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -192,7 +199,7 @@ const W = /* @__PURE__ */ b({
         async () => {
           var n;
           try {
-            const l = await y.refundTransaction({
+            const l = await _.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
@@ -211,7 +218,7 @@ const W = /* @__PURE__ */ b({
         }
       );
     }
-    async function O(e) {
+    async function K(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -228,7 +235,7 @@ const W = /* @__PURE__ */ b({
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await y.renotifyTransaction(t.id), s.open({
+            await _.renotifyTransaction(t.id), s.open({
               type: "success",
               title: "Transaction notify successfully."
             });
@@ -242,23 +249,47 @@ const W = /* @__PURE__ */ b({
         }
       );
     }
-    const K = [
+    async function M(e) {
+      var n;
+      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const r = z([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: t.id
+        }
+      ], t.createdAt);
+      window.open(r, "_blank");
+    }
+    const O = [
       {
         header: () => "Transaction ID",
         accessorKey: "id",
-        cell: ({ cell: e }) => _(J, { data: e.getValue() })
+        cell: ({ cell: e }) => y(X, { data: e.getValue() })
       },
       {
         header: () => "Pay ID",
         accessorKey: "payId"
       },
+      {
+        header: () => "Bill",
+        accessorKey: "seqNumber"
+      },
       {
         header: () => "Gateway",
         accessorKey: "gateway",
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: e, row: t }) => t.original.method ? _(Z, { row: t, data: e.getValue() }) : ""
+        cell: ({ cell: e, row: t }) => t.original.method ? y(te, { row: t, data: e.getValue() }) : ""
       },
       {
         header: () => "Method",
@@ -266,7 +297,7 @@ const W = /* @__PURE__ */ b({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: e, row: t }) => t.original.method ? _(te, { row: t, data: e.getValue() }) : ""
+        cell: ({ cell: e, row: t }) => t.original.method ? y(ne, { row: t, data: e.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -284,7 +315,7 @@ const W = /* @__PURE__ */ b({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: e, row: t }) => _(W, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => y(Z, { row: t, data: e.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -308,14 +339,16 @@ const W = /* @__PURE__ */ b({
       {
         header: () => "Actions",
         accessorKey: "actions",
-        cell: ({ row: e }) => _(ae, {
+        cell: ({ row: e }) => y(re, {
           onAction: (t) => {
             switch (t) {
               case "notify":
-                return O(e.index);
+                return K(e.index);
               case "query":
                 return k(e.index);
               case "refund":
+                return q(e.index);
+              case "history":
                 return M(e.index);
             }
           }
@@ -329,8 +362,8 @@ const W = /* @__PURE__ */ b({
         loading: !1
       }, {
         default: w(() => [
-          h("div", ne, [
-            h("div", re, [
+          h("div", oe, [
+            h("div", se, [
               d(r, {
                 "model-value": u(i),
                 "onUpdate:modelValue": t[0] || (t[0] = (n) => v(i) ? i.value = n : null),
@@ -339,15 +372,15 @@ const W = /* @__PURE__ */ b({
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"])
             ]),
-            h("div", oe, [
-              d(L, {
+            h("div", ce, [
+              d(U, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
                 handler: async () => {
-                  await u(y).downloadTransactionReport({
+                  await u(_).downloadTransactionReport({
                     start: u(o).startDate,
                     end: u(o).endDate
                   });
@@ -355,16 +388,16 @@ const W = /* @__PURE__ */ b({
               }, null, 8, ["handler"])
             ])
           ]),
-          h("div", se, [
-            d(j, {
+          h("div", ie, [
+            d(Q, {
               modelValue: u(o),
               "onUpdate:modelValue": t[1] || (t[1] = (n) => v(o) ? o.value = n : null)
             }, null, 8, ["modelValue"])
           ]),
-          d(Q, {
+          d(H, {
             ref_key: "controller",
             ref: a,
-            "column-defs": K,
+            "column-defs": O,
             "rows-defs": (n) => n,
             paginate: F
           }, null, 8, ["rows-defs"])
@@ -375,5 +408,5 @@ const W = /* @__PURE__ */ b({
   }
 });
 export {
-  we as default
+  xe as default
 };