@feedmepos/mf-payment 1.0.28-beta.2 → 1.1.0-beta.1

package/dist/TerminalTransaction-HMmRqtr1.js

@@ -1,589 +0,0 @@
-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-D8J1GO2q.js";
-import { h as N } from "./moment-h96o7c8I.js";
-import { u as P } from "./index-GteStxtj.js";
-import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-DZwLItyk.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-C5ikBqta.js";
-import { E as Q, t as R } from "./index-Cti5gi62.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-Bf91brqK.js";
-const re = ["src"], oe = ["src"], se = /* @__PURE__ */ I({
-  __name: "Gateway",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(g) {
-    return (a, u) => {
-      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 u() {
-      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, i) => {
-      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(u())
-      }, {
-        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(u())
-          }, {
-            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, u = Z();
-    function r() {
-      u.push(a.route);
-    }
-    return (i, s) => (h(), C("div", {
-      class: "fm-typo-en-link-md-600",
-      onClick: s[0] || (s[0] = (f) => {
-        f.stopPropagation(), r();
-      })
-    }, x(i.data), 1));
-  }
-}), ce = /* @__PURE__ */ I({
-  __name: "Actions",
-  props: {
-    onAction: { type: Function },
-    gateway: {}
-  },
-  setup(g) {
-    const a = g, u = [
-      {
-        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 && u.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, i) => {
-      const s = w("FmIcon"), f = w("FmMenuItem"), b = w("FmMenu");
-      return h(), C("div", {
-        onClick: i[0] || (i[0] = (A) => {
-          A.stopPropagation();
-        })
-      }, [
-        p(b, null, {
-          "menu-button": _(() => [
-            p(s, { name: "settings" })
-          ]),
-          default: _(() => [
-            (h(), C(V, null, $(u, (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, u) => {
-      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(), u = H(), r = L(), { dateRange: i, 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([i, 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, c, n;
-      const t = (c = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : c.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, c;
-      const t = (c = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : c.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(
-        u,
-        "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 c, n;
-      const t = (n = (c = r.value) == null ? void 0 : c.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 c = 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: c ? N(c).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"), c = 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(c, {
-                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(l(i), await ((n = r.value) == null ? void 0 : n.allData()) ?? []);
-                }
-              }, null, 8, ["handler"])
-            ])
-          ]),
-          y("div", ge, [
-            p(ae, {
-              modelValue: l(i),
-              "onUpdate:modelValue": t[3] || (t[3] = (n) => F(i) ? i.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(i).startDate,
-              end: l(i).endDate
-            })
-          }, null, 8, ["paginate"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Oe as default
-};