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

package/dist/Transaction-CvrsRuuz.js

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

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

@@ -1,30 +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;
-    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;
-    onNotify?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;