@feedmepos/mf-payment 1.4.0 → 1.4.2

package/dist/TransactionTable.vue_vue_type_script_setup_true_lang-DPRIp0wx.js

@@ -1,351 +0,0 @@
-import { defineComponent as y, resolveComponent as d, openBlock as m, createBlock as f, normalizeClass as R, withCtx as p, createElementVNode as A, toDisplayString as V, unref as K, createElementBlock as N, createVNode as k, Fragment as U, renderList as B, ref as S, watch as $, h as b } from "vue";
-import { useSnackbar as L, useDialog as G } from "@feedmepos/ui-library";
-import { g as O, a as Y, t as h, c as x } from "./assets-D4ayW3GC.js";
-import { e as T } from "./index-C4FfKmPS.js";
-import { g as z } from "./grafana-BrdrOUM4.js";
-import { w as E } from "./Modal-DB8M9o1T.js";
-import { u as w } from "./error-K1CakhA9.js";
-import { useCoreStore as Q, useI18n as j } from "@feedmepos/mf-common";
-const H = /* @__PURE__ */ y({
-  __name: "Status",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(c) {
-    const o = c;
-    function l() {
-      return o.data === T.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === T.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : o.data === T.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
-    }
-    return (n, g) => {
-      const i = d("FmBadge");
-      return m(), f(i, {
-        inline: "",
-        class: R(l())
-      }, {
-        default: p(() => [
-          A("div", null, V(n.data), 1)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-}), J = ["src"], W = /* @__PURE__ */ y({
-  __name: "Gateway",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(c) {
-    return (o, l) => {
-      const n = d("FmTooltip");
-      return m(), f(n, {
-        variant: "plain",
-        placement: "top",
-        content: o.row.original.gateway,
-        "hide-arrow": !0
-      }, {
-        default: p(() => [
-          A("img", {
-            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-            src: K(O)(o.row.original.gateway)
-          }, null, 8, J)
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-}), X = ["src"], Z = /* @__PURE__ */ y({
-  __name: "Method",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(c) {
-    return (o, l) => {
-      const n = d("FmTooltip");
-      return m(), f(n, {
-        variant: "plain",
-        placement: "top",
-        content: o.row.original.method.issuer,
-        "hide-arrow": !0
-      }, {
-        default: p(() => [
-          A("img", {
-            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-            src: K(Y)(o.row.original.method.issuer, o.row.original.method.variant)
-          }, null, 8, X)
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-}), ee = /* @__PURE__ */ y({
-  __name: "Actions",
-  props: {
-    onAction: { type: Function },
-    transaction: {}
-  },
-  setup(c) {
-    const o = [
-      c.transaction.flags.query && {
-        label: "Query",
-        sublabel: "Perform transaction status inquriy",
-        icon: "question_answer",
-        action: "query"
-      },
-      c.transaction.flags.refund && {
-        label: "Refund",
-        sublabel: "Perform transaction refund request",
-        icon: "request_page",
-        action: "refund"
-      },
-      c.transaction.flags.notify && {
-        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 (l, n) => {
-      const g = d("FmIcon"), i = d("FmMenuItem"), _ = d("FmMenu");
-      return m(), N("div", {
-        onClick: n[0] || (n[0] = (a) => {
-          a.stopPropagation();
-        })
-      }, [
-        k(_, null, {
-          "menu-button": p(() => [
-            k(g, { name: "settings" })
-          ]),
-          default: p(() => [
-            (m(!0), N(U, null, B(o.filter((a) => !!a), (a) => (m(), f(i, {
-              selectable: !0,
-              key: a.label,
-              sublabel: a.sublabel,
-              label: a.label,
-              icon: a.icon,
-              onclick: () => l.onAction(a.action)
-            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), le = /* @__PURE__ */ y({
-  __name: "TransactionTable",
-  props: {
-    data: {
-      type: Array,
-      required: !0
-    },
-    loading: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["row-click"],
-  setup(c, { emit: o }) {
-    var I, q;
-    const l = c, n = S([...l.data]);
-    $(
-      () => l.data,
-      (t) => {
-        n.value = [...t];
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const g = o, i = L(), _ = G(), { sessionUser: a } = Q(), { t: s } = j();
-    async function C(t) {
-      try {
-        const e = await h.refetchTransaction({ transactionId: t.id });
-        n.value = n.value.map((r) => r.id === e._id ? x(e) : r), i.open({
-          type: "success",
-          title: "Transaction queried and updated successfully."
-        });
-      } catch (e) {
-        i.open({
-          type: "error",
-          title: "Fail to query transaction.",
-          message: w(e)
-        });
-      }
-    }
-    async function D(t) {
-      E(
-        _,
-        "Refund Transaction",
-        "Are you sure to refund transaction? This action cannot be revert!",
-        async () => {
-          try {
-            const e = await h.refundTransaction({
-              transactionId: t.id,
-              reason: "portal transaction refund",
-              amount: t.fdoAmount
-            });
-            n.value = n.value.map((r) => r.id === e._id ? x(e) : r), i.open({
-              type: "success",
-              title: "Transaction refund request initiated."
-            });
-          } catch (e) {
-            i.open({
-              type: "error",
-              title: "Fail to request refund transaction.",
-              message: w(e)
-            });
-          }
-        }
-      );
-    }
-    async function M(t) {
-      E(
-        _,
-        "Notify Transaction",
-        "Are you sure to perform notify transaction?",
-        async () => {
-          try {
-            await h.renotifyTransaction(t.id), i.open({
-              type: "success",
-              title: "Transaction notify successfully."
-            });
-          } catch (e) {
-            i.open({
-              type: "error",
-              title: "Fail to notify transaction.",
-              message: w(e)
-            });
-          }
-        }
-      );
-    }
-    async function P(t) {
-      const e = z([
-        {
-          type: "span",
-          queryKey: "transaction.id",
-          queryValue: t.id
-        }
-      ], t.transactionAt);
-      window.open(e, "_blank");
-    }
-    const F = S(""), v = [
-      {
-        header: () => s("payment.transactions.table.id"),
-        accessorKey: "id",
-        cell: ({ cell: t, row: e }) => {
-          var r, u;
-          return ((r = a.value) != null && r.role.isStaff || (u = a.value) != null && u.role.isAdmin) && e.original.transactionId ? e.original.id + `
-ID: ` + e.original.transactionId : e.original.id;
-        }
-      },
-      {
-        header: () => s("payment.transactions.table.pay_id"),
-        accessorKey: "payId"
-      },
-      {
-        header: () => s("payment.transactions.table.gateway_id"),
-        accessorKey: "gatewayTransactionId"
-      },
-      {
-        header: () => s("payment.transactions.table.bill_seq"),
-        accessorKey: "seqNumber"
-      },
-      {
-        header: () => s("payment.transactions.table.gateway"),
-        accessorKey: "gateway",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: t, row: e }) => e.original.gateway ? b(W, { row: e, data: t.getValue() }) : ""
-      },
-      {
-        header: () => s("payment.transactions.table.method"),
-        accessorKey: "method",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: t, row: e }) => e.original.method ? b(Z, { row: e, data: t.getValue() }) : ""
-      },
-      {
-        header: () => s("payment.transactions.table.type"),
-        accessorKey: "payFor",
-        meta: {
-          textAlign: "center"
-        }
-      },
-      {
-        header: () => s("payment.transactions.table.status"),
-        accessorKey: "status",
-        cell: ({ cell: t, row: e }) => b(H, { row: e, data: t.getValue() })
-      },
-      {
-        header: () => s("payment.transactions.table.restaurant"),
-        accessorKey: "restaurantId"
-      },
-      {
-        header: () => s("payment.transactions.table.source"),
-        accessorKey: "source",
-        cell: ({ cell: t, row: e }) => `(${e.original.sourceType}) ${e.original.source}`
-      },
-      {
-        header: () => s("payment.transactions.table.transaction_at"),
-        accessorKey: "transactionAt",
-        meta: {
-          width: "180px"
-        },
-        cell: ({ cell: t, row: e }) => e.original.status === "REFUNDED" ? e.original.refundedAt : e.original.transactionAt
-      },
-      {
-        header: () => s("payment.transactions.table.sales_amount"),
-        accessorKey: "amount",
-        cell: ({ cell: t, row: e }) => {
-          var r, u;
-          return ((r = a.value) != null && r.role.isStaff || (u = a.value) != null && u.role.isAdmin) && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount;
-        }
-      }
-    ];
-    return ((I = a.value) != null && I.role.isStaff || (q = a.value) != null && q.role.isAdmin) && v.push({
-      header: () => s("payment.transactions.table.actions"),
-      accessorKey: "actions",
-      cell: ({ row: t }) => b(ee, {
-        transaction: t.original,
-        onAction: (e) => {
-          var r;
-          switch (e) {
-            case "notify":
-              return M(t.original);
-            case "query":
-              return C(t.original);
-            case "refund":
-              return (r = a.value) != null && r.role.isStaff ? i.open({
-                type: "error",
-                title: "You are not allowed to refund transaction."
-              }) : D(t.original);
-            case "history":
-              return P(t.original);
-          }
-        }
-      })
-    }), (t, e) => {
-      const r = d("FmTable");
-      return m(), f(r, {
-        modelValue: F.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (u) => F.value = u),
-        "column-defs": v,
-        "row-data": n.value,
-        loading: l.loading,
-        onRowClick: e[1] || (e[1] = (u) => g("row-click", n.value.at(u.index)))
-      }, null, 8, ["modelValue", "row-data", "loading"]);
-    };
-  }
-});
-export {
-  le as _
-};