@feedmepos/mf-payment 1.0.18 → 1.0.19

package/dist/TerminalTransaction-B2NnGV-R.js

@@ -0,0 +1,589 @@
+import { defineComponent as I, resolveComponent as w, openBlock as h, createElementBlock as C, Fragment as V, createVNode as p, withCtx as _, unref as l, createCommentVNode as K, createElementVNode as y, createBlock as v, normalizeClass as E, toDisplayString as x, renderList as $, ref as L, watch as M, isRef as F, h as T } from "vue";
+import { c as m } from "./index-DkrN-Env.js";
+import { h as N } from "./moment-h96o7c8I.js";
+import { u as P } from "./index-b9spwt9h.js";
+import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-PXRIoJh6.js";
+import { _ as U } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { useSnackbar as B, useDialog as H } from "@feedmepos/ui-library";
+import { g as j, a as W } from "./assets-DhDHTnmn.js";
+import { E as Q, t as R } from "./index-hisS88O8.js";
+import { d as z } from "./dinero-CIVmXLL-.js";
+import { _ as J } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { useRouter as Z } from "vue-router";
+import { w as ee } from "./Modal-DB8M9o1T.js";
+import { u as S } from "./error-K1CakhA9.js";
+import { _ as te } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as ae } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as ne } from "./grafana-DZkWD3p-.js";
+const re = ["src"], oe = ["src"], se = /* @__PURE__ */ I({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    return (a, c) => {
+      const r = w("FmTooltip");
+      return h(), C(V, null, [
+        p(r, {
+          variant: "plain",
+          placement: "top",
+          content: "ECR Terminal",
+          "hide-arrow": !0
+        }, {
+          default: _(() => [
+            a.row.original.ecrGateway ? (h(), C("img", {
+              key: 0,
+              class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+              src: l(Q)
+            }, null, 8, re)) : K("", !0)
+          ]),
+          _: 1
+        }),
+        p(r, {
+          variant: "plain",
+          placement: "top",
+          content: a.row.original.gateway,
+          "hide-arrow": !0
+        }, {
+          default: _(() => [
+            y("img", {
+              class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+              src: l(j)(a.row.original.gateway)
+            }, null, 8, oe)
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ], 64);
+    };
+  }
+}), le = /* @__PURE__ */ I({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    const a = g;
+    function c() {
+      return a.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (r, u) => {
+      const s = w("FmBadge"), f = w("FmTooltip");
+      return a.data !== l(m.F_TERMINAL_TRANSACTION_ACTION).Enum.failed ? (h(), v(s, {
+        key: 0,
+        inline: "",
+        class: E(c())
+      }, {
+        default: _(() => [
+          y("div", null, x(r.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"])) : (h(), v(f, {
+        key: 1,
+        variant: "rich",
+        placement: "top"
+      }, {
+        content: _(() => [
+          y("p", null, "Code: " + x(a.row.original.error.code ?? "-"), 1),
+          y("p", null, "Message: " + x(a.row.original.error.message ?? "-"), 1)
+        ]),
+        default: _(() => [
+          p(s, {
+            inline: "",
+            class: E(c())
+          }, {
+            default: _(() => [
+              y("div", null, x(r.data.toUpperCase()), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }));
+    };
+  }
+}), ie = /* @__PURE__ */ I({
+  __name: "RouteCell",
+  props: {
+    data: {},
+    route: {}
+  },
+  setup(g) {
+    const a = g, c = Z();
+    function r() {
+      c.push(a.route);
+    }
+    return (u, s) => (h(), C("div", {
+      class: "fm-typo-en-link-md-600",
+      onClick: s[0] || (s[0] = (f) => {
+        f.stopPropagation(), r();
+      })
+    }, x(u.data), 1));
+  }
+}), ce = /* @__PURE__ */ I({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function },
+    gateway: {}
+  },
+  setup(g) {
+    const a = g, c = [
+      {
+        label: "Log",
+        sublabel: "Inspect transaction historical actions, requests and responses.",
+        icon: "history",
+        action: "history"
+      }
+    ];
+    return a.gateway === m.F_TERMINAL_PAYMENT_GATEWAY_PROVIDER.Enum.ScanPay && c.push(
+      {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      }
+    ), (r, u) => {
+      const s = w("FmIcon"), f = w("FmMenuItem"), b = w("FmMenu");
+      return h(), C("div", {
+        onClick: u[0] || (u[0] = (A) => {
+          A.stopPropagation();
+        })
+      }, [
+        p(b, null, {
+          "menu-button": _(() => [
+            p(s, { name: "settings" })
+          ]),
+          default: _(() => [
+            (h(), C(V, null, $(c, (A) => p(f, {
+              selectable: !0,
+              key: A.label,
+              sublabel: A.sublabel,
+              label: A.label,
+              icon: A.icon,
+              onclick: () => r.onAction(A.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+function ue(g) {
+  let a;
+  try {
+    a = parseInt(g.substr(0, 8), 16) * 1e3;
+  } catch {
+    return null;
+  }
+  return new Date(a);
+}
+const de = ["src"], me = /* @__PURE__ */ I({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    return (a, c) => {
+      const r = w("FmTooltip");
+      return h(), v(r, {
+        variant: "plain",
+        placement: "top",
+        content: a.row.original.method,
+        "hide-arrow": !0
+      }, {
+        default: _(() => [
+          y("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: l(W)(a.row.original.method, "")
+          }, null, 8, de)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), pe = { class: "flex justify-between mb-6 items-start" }, fe = { class: "flex space-x-4 items-start" }, _e = { class: "flex space-x-4 self-center" }, ge = { class: "mb-6" }, Oe = /* @__PURE__ */ I({
+  __name: "TerminalTransaction",
+  setup(g) {
+    const a = B(), c = H(), r = L(), { dateRange: u, status: s, searchKey: f } = P({
+      searchKey: "",
+      status: [m.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: N().startOf("day").format("YYYY-MM-DD"),
+        endDate: N().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    M([u, s], () => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.reset();
+    });
+    let b;
+    M(f, async () => {
+      b && clearTimeout(b), b = setTimeout(
+        () => {
+          var e;
+          return (e = r.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    async function A(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",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      if (!t.refId) {
+        a.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Transaction isn't a valid transaction to perform query"
+        });
+        return;
+      }
+      try {
+        const d = await R.queryTransaction(t._id);
+        (n = r.value) == null || n.replaceData(e, d), a.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (d) {
+        a.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: S(d)
+        });
+      }
+    }
+    async function k(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",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      if (!t.refId) {
+        a.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Transaction isn't a valid transaction to perform refund"
+        });
+        return;
+      }
+      ee(
+        c,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var n;
+          try {
+            const d = await R.refundTransaction({
+              transactionId: t._id,
+              reason: "portal transaction refund",
+              amount: t.details.amount
+            });
+            (n = r.value) == null || n.replaceData(e, d), a.open({
+              type: "success",
+              title: "Transaction queried and updated successfully."
+            });
+          } catch (d) {
+            a.open({
+              type: "error",
+              title: "Fail to query transaction.",
+              message: S(d)
+            });
+          }
+        }
+      );
+    }
+    async function O(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 = ne([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: t._id
+        }
+      ]);
+      window.open(o, "_blank");
+    }
+    const D = [
+      {
+        label: "Success",
+        value: m.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: m.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: m.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: m.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], Y = function(e) {
+      let t = "-", o = "-";
+      if (e.details) {
+        e.details.amount && (t = z(e.details.amount).toFormat("$0.00"));
+        const n = m.FdoTerminalTransactionWalletDetails.safeParse(e.details);
+        n.success && (o = n.data.method.issuer);
+        const d = m.FdoTerminalTransactionCardDetails.safeParse(e.details);
+        d.success && (o = d.data.cardType);
+      }
+      const i = ue(e._id);
+      return {
+        id: e._id,
+        transactionId: e.transactionId,
+        orderId: e.orderId,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: t,
+        method: o,
+        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",
+        error: e.error
+      };
+    }, q = [
+      {
+        accessorKey: "transactionId",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => T(X, { data: e.getValue() })
+      },
+      {
+        accessorKey: "orderId",
+        header: () => "Pay ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => T(se, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "method",
+        header: () => "Method",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => T(me, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right"
+        },
+        cell: ({ cell: e, row: t }) => T(le, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e, row: t }) => {
+          const o = e.getValue();
+          return T(ie, {
+            data: o,
+            route: {
+              name: "mf-payment-admin.terminal-setting",
+              params: { terminalId: o }
+            }
+          });
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "createdAt",
+        header: () => "Created At",
+        meta: {
+          textAlign: "left",
+          headerClass: "min-w-[172px] justify-items-center",
+          cellClass: "min-w-[172px]"
+        },
+        cell: ({ cell: e }) => T("p", e.getValue())
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left",
+          headerClass: "min-w-[172px] justify-items-center",
+          cellClass: "min-w-[172px]"
+        },
+        cell: ({ cell: e }) => T("p", e.getValue())
+      },
+      {
+        accessorKey: "refundedAt",
+        header: () => "Refunded At",
+        meta: {
+          textAlign: "left",
+          headerClass: "min-w-[172px] justify-items-center",
+          cellClass: "min-w-[172px]"
+        },
+        cell: ({ cell: e }) => T("p", e.getValue())
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: e }) => T(ce, {
+          gateway: e.original.gateway,
+          onAction: (t) => {
+            const o = e.index;
+            switch (t) {
+              case "history":
+                return O(o);
+              case "query":
+                return A(o);
+              case "refund":
+                return k(o);
+            }
+          }
+        })
+      }
+    ];
+    return (e, t) => {
+      const o = w("FmSearch"), i = w("FmSelect");
+      return h(), v(U, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: _(() => [
+          y("div", pe, [
+            y("div", fe, [
+              p(o, {
+                "model-value": l(f),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => F(f) ? f.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              p(i, {
+                modelValue: l(s),
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => F(s) ? s.value = n : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: D
+              }, {
+                "prepend-menu": _(() => [
+                  p(te, {
+                    modelValue: l(s),
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => F(s) ? s.value = n : null),
+                    items: D
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            y("div", _e, [
+              p(J, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  var n;
+                  return l(R).downloadTransactions(await ((n = r.value) == null ? void 0 : n.allData()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          y("div", ge, [
+            p(ae, {
+              modelValue: l(u),
+              "onUpdate:modelValue": t[3] || (t[3] = (n) => F(u) ? u.value = n : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          p(G, {
+            ref_key: "controller",
+            ref: r,
+            "column-defs": q,
+            "rows-defs": Y,
+            onRowClick: t[4] || (t[4] = () => {
+            }),
+            paginate: (n, d) => l(R).readTransactions({
+              status: l(s),
+              searchKey: l(f),
+              limit: n,
+              cursor: d,
+              start: l(u).startDate,
+              end: l(u).endDate
+            })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Oe as default
+};