@feedmepos/mf-payment 1.0.2-beta.4 → 1.0.3-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-payment",
-  "version": "1.0.2-beta.4",
+  "version": "1.0.3-beta.1",
   "type": "module",
   "files": [
     "dist"

package/dist/Transaction-CdtMD82u.js

@@ -1,430 +0,0 @@
-import { defineComponent as g, resolveComponent as _, openBlock as y, createBlock as D, normalizeClass as Y, withCtx as x, createElementVNode as T, toDisplayString as $, createElementBlock as A, unref as d, createVNode as f, Fragment as U, renderList as B, ref as E, h as b, onMounted as G, watch as I, isRef as q } from "vue";
-import { t as w, a as J, b as M } from "./transaction-BFDDvzwa.js";
-import { e as N, u as Q } from "./index-6RZiyj0k.js";
-import { useSnackbar as j, useDialog as z } from "@feedmepos/ui-library";
-import "./dinero-CIVmXLL-.js";
-import { h as k } from "./moment-h96o7c8I.js";
-import { g as H, a as W } from "./assets-BXpdxpRw.js";
-import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
-import { u as Z } from "./index-CQn2FlVk.js";
-import { _ as ee } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { _ as te } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { w as R } from "./Modal-DB8M9o1T.js";
-import { u as S } from "./error-K1CakhA9.js";
-import { _ as ae } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { g as ne } from "./grafana-CqkYm_ru.js";
-const oe = /* @__PURE__ */ g({
-  __name: "Status",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(m) {
-    const n = m;
-    function o() {
-      return n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === N.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
-    }
-    return (u, p) => {
-      const s = _("FmBadge");
-      return y(), D(s, {
-        inline: "",
-        class: Y(o())
-      }, {
-        default: x(() => [
-          T("div", null, $(u.data), 1)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-}), re = ["src"], se = /* @__PURE__ */ g({
-  __name: "Gateway",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(m) {
-    return (n, o) => (y(), A("img", {
-      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: d(H)(n.row.original.gateway)
-    }, null, 8, re));
-  }
-}), ie = ["src"], ce = /* @__PURE__ */ g({
-  __name: "Method",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(m) {
-    return (n, o) => (y(), A("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: d(W)(n.row.original.method.issuer)
-    }, null, 8, ie));
-  }
-}), le = /* @__PURE__ */ g({
-  __name: "Actions",
-  props: {
-    onAction: { type: Function }
-  },
-  setup(m) {
-    const n = [
-      {
-        label: "Query",
-        sublabel: "Perform transaction status inquriy",
-        icon: "question_answer",
-        action: "query"
-      },
-      {
-        label: "Refund",
-        sublabel: "Perform transaction refund request",
-        icon: "request_page",
-        action: "refund"
-      },
-      {
-        label: "Notify",
-        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, u) => {
-      const p = _("FmIcon"), s = _("FmMenuItem"), r = _("FmMenu");
-      return y(), A("div", {
-        onClick: u[0] || (u[0] = (e) => {
-          e.stopPropagation();
-        })
-      }, [
-        f(r, null, {
-          "menu-button": x(() => [
-            f(p, { name: "settings" })
-          ]),
-          default: x(() => [
-            (y(), A(U, null, B(n, (e) => f(s, {
-              selectable: !0,
-              key: e.label,
-              sublabel: e.sublabel,
-              label: e.label,
-              icon: e.icon,
-              onclick: () => o.onAction(e.action)
-            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), ue = /* @__PURE__ */ g({
-  __name: "TransactionTable",
-  props: {
-    data: {
-      type: Array,
-      required: !0
-    },
-    loading: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["query", "refund", "notify", "history"],
-  setup(m, { emit: n }) {
-    const o = m, u = n, p = E(""), s = [
-      {
-        header: () => "Transaction ID",
-        accessorKey: "id",
-        cell: ({ cell: r }) => b(X, { data: r.getValue() })
-      },
-      {
-        header: () => "Pay ID",
-        accessorKey: "payId"
-      },
-      {
-        header: () => "Gateway",
-        accessorKey: "gateway",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: r, row: e }) => e.original.method ? b(se, { row: e, data: r.getValue() }) : ""
-      },
-      {
-        header: () => "Method",
-        accessorKey: "method",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: r, row: e }) => e.original.method ? b(ce, { row: e, data: r.getValue() }) : ""
-      },
-      {
-        header: () => "Type",
-        accessorKey: "type",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ row: r }) => {
-          if (!r.original.method)
-            return "";
-          const e = r.original.method.variant;
-          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
-        }
-      },
-      {
-        header: () => "Status",
-        accessorKey: "status",
-        cell: ({ cell: r, row: e }) => b(oe, { row: e, data: r.getValue() })
-      },
-      {
-        header: () => "Transaction At",
-        accessorKey: "transactionAt",
-        meta: {
-          width: "180px"
-        }
-      },
-      {
-        header: () => "Sales Amount",
-        accessorKey: "amount"
-      },
-      {
-        header: () => "Fee",
-        accessorKey: "fee"
-      },
-      {
-        header: () => "Settlement Amount",
-        accessorKey: "payout"
-      },
-      {
-        header: () => "Actions",
-        accessorKey: "actions",
-        cell: ({ row: r }) => b(le, {
-          onAction: (e) => u(e, r.index)
-        })
-      }
-    ];
-    return (r, e) => {
-      const c = _("FmTable");
-      return y(), D(c, {
-        modelValue: p.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (v) => p.value = v),
-        "column-defs": s,
-        "row-data": o.data,
-        loading: o.loading
-      }, null, 8, ["modelValue", "row-data", "loading"]);
-    };
-  }
-}), de = { class: "flex justify-between mb-6 items-center" }, me = { class: "flex space-x-4" }, pe = { class: "flex space-x-4 self-center" }, fe = { class: "mb-6" }, De = /* @__PURE__ */ g({
-  __name: "Transaction",
-  setup(m) {
-    const { dateRange: n, searchKey: o } = Z({
-      searchKey: "",
-      dateRange: {
-        startDate: k().startOf("day").format("YYYY-MM-DD"),
-        endDate: k().endOf("day").format("YYYY-MM-DD")
-      }
-    }), { isLoading: u, startAsyncCall: p } = Q(!0), s = j(), r = z(), e = E([]), c = E([]);
-    async function v() {
-      await p(async () => {
-        const { startDate: i, endDate: t } = n.value, a = await w.readTransactions({
-          start: i,
-          end: t
-        });
-        if (e.value = J(a), c.value = e.value, o.value > "") {
-          var l = new RegExp(o.value, "i");
-          c.value = e.value.filter((h) => {
-            const C = JSON.stringify(h);
-            return l.test(C);
-          });
-        }
-      });
-    }
-    function K() {
-      v();
-    }
-    G(K), I(n, v);
-    let F;
-    I(o, async () => {
-      F && clearTimeout(F), F = setTimeout(() => {
-        var i = new RegExp(o.value, "i");
-        c.value = e.value.filter((t) => {
-          const a = JSON.stringify(t);
-          return i.test(a);
-        });
-      }, 700);
-    }), I(e, async () => {
-      let i = e.value;
-      if (o.value) {
-        var t = new RegExp(o.value, "i");
-        i = e.value.filter((a) => {
-          const l = JSON.stringify(a);
-          return t.test(l);
-        });
-      }
-      c.value = i;
-    }, { deep: !0 });
-    async function O(i) {
-      const t = c.value.at(i);
-      if (!t) {
-        s.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      try {
-        const a = await w.refetchTransaction({ transactionId: t.id }), l = e.value.findIndex((h) => h.id === a._id);
-        e.value[l] = M(a), s.open({
-          type: "success",
-          title: "Transaction queried and updated successfully."
-        });
-      } catch (a) {
-        s.open({
-          type: "error",
-          title: "Fail to query transaction.",
-          message: S(a)
-        });
-      }
-    }
-    async function V(i) {
-      const t = c.value.at(i);
-      if (!t) {
-        s.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      R(
-        r,
-        "Refund Transaction",
-        "Are you sure to refund transaction? This action cannot be revert!",
-        async () => {
-          try {
-            const a = await w.refundTransaction({
-              transactionId: t.id,
-              reason: "portal transaction refund",
-              amount: t.fdoAmount
-            }), l = e.value.findIndex((h) => h.id === a._id);
-            e.value[l] = M(a), s.open({
-              type: "success",
-              title: "Transaction refund request initiated."
-            });
-          } catch (a) {
-            s.open({
-              type: "error",
-              title: "Fail to request refund transaction.",
-              message: S(a)
-            });
-          }
-        }
-      );
-    }
-    async function L(i) {
-      const t = c.value.at(i);
-      if (!t) {
-        s.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      R(
-        r,
-        "Notify Transaction",
-        "Are you sure to perform notify transaction?",
-        async () => {
-          try {
-            await w.renotifyTransaction(t.id), s.open({
-              type: "success",
-              title: "Transaction notify successfully."
-            });
-          } catch (a) {
-            s.open({
-              type: "error",
-              title: "Fail to notify transaction.",
-              message: S(a)
-            });
-          }
-        }
-      );
-    }
-    async function P(i) {
-      const t = c.value.at(i);
-      if (!t) {
-        s.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      const a = ne([
-        {
-          type: "span",
-          queryKey: "transaction.id",
-          queryValue: t.id
-        }
-      ], t.createdAt);
-      window.open(a, "_blank");
-    }
-    return (i, t) => {
-      const a = _("FmSearch");
-      return y(), D(ee, {
-        title: "Online Transactions",
-        loading: d(u)
-      }, {
-        default: x(() => [
-          T("div", de, [
-            T("div", me, [
-              f(a, {
-                "model-value": d(o),
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => q(o) ? o.value = l : null),
-                class: "mr-8",
-                label: "Search",
-                placeholder: "Search Transactions ..."
-              }, null, 8, ["model-value"])
-            ]),
-            T("div", pe, [
-              f(te, {
-                button: {
-                  appendIcon: "file_download",
-                  variant: "primary",
-                  label: "Export"
-                },
-                handler: async () => {
-                  await d(w).downloadTransactionReport({
-                    start: d(n).startDate,
-                    end: d(n).endDate
-                  });
-                }
-              }, null, 8, ["handler"])
-            ])
-          ]),
-          T("div", fe, [
-            f(ae, {
-              modelValue: d(n),
-              "onUpdate:modelValue": t[1] || (t[1] = (l) => q(n) ? n.value = l : null)
-            }, null, 8, ["modelValue"])
-          ]),
-          f(ue, {
-            loading: d(u),
-            data: c.value,
-            onQuery: O,
-            onRefund: V,
-            onNotify: L,
-            onHistory: P
-          }, null, 8, ["loading", "data"])
-        ]),
-        _: 1
-      }, 8, ["loading"]);
-    };
-  }
-});
-export {
-  De as default
-};

package/dist/views/admin/transaction/TransactionTable.vue.d.ts

@@ -1,32 +0,0 @@
-import { type PropType } from 'vue';
-import { type PortalPaymentTransaction } from '@/model/transaction';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<PortalPaymentTransaction[]>;
-        required: true;
-    };
-    loading: {
-        type: BooleanConstructor;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    query: (index: number) => any;
-    refund: (index: number) => any;
-    history: (index: number) => any;
-    notify: (index: number) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<PortalPaymentTransaction[]>;
-        required: true;
-    };
-    loading: {
-        type: BooleanConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    onQuery?: ((index: number) => any) | undefined;
-    onRefund?: ((index: number) => any) | undefined;
-    onHistory?: ((index: number) => any) | undefined;
-    onNotify?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;