@feedmepos/mf-payment 1.0.22-beta.1 → 1.0.23-beta.1

package/dist/{Transaction-CwPOQmeR.js → Transaction-DawTPwQf.js}

@@ -1,15 +1,15 @@
 import { defineComponent as D, mergeModels as B, ref as w, computed as R, useModel as q, watch as h, onMounted as O, resolveComponent as S, openBlock as s, createElementBlock as N, Fragment as g, unref as v, createBlock as T, createCommentVNode as P, withCtx as b, createVNode as p, renderList as I, createElementVNode as M, isRef as E } from "vue";
-import { t as U, a as z } from "./transaction-EGAGBJLc.js";
-import { u as $, _ as F } from "./index-DwGEqo54.js";
-import { _ as J } from "./TransactionTable.vue_vue_type_script_setup_true_lang-DHo7h5ec.js";
+import { t as U, a as z } from "./transaction-DhGbTW2q.js";
+import { u as $, _ as F } from "./index-BfvYxxLn.js";
+import { _ as J } from "./TransactionTable.vue_vue_type_script_setup_true_lang-CjPLBAWo.js";
 import { h as Y } from "./moment-h96o7c8I.js";
 import { useCoreStore as L } from "@feedmepos/mf-common";
 import { _ as K } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as j } from "./index-CA4AIOD-.js";
+import { u as j } from "./index-BZQWoB1l.js";
 import { _ as G } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as Q } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
 import { _ as H } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { p as W } from "./index-DLjHw3ck.js";
+import { p as W } from "./index-CEvkP-3s.js";
 const X = /* @__PURE__ */ D({
   __name: "PayoutAccountSelector",
   props: /* @__PURE__ */ B({

package/dist/{TransactionOld-Dc7iDAmX.js → TransactionOld-DR-AWVlu.js}

@@ -1,11 +1,11 @@
 import { defineComponent as R, ref as v, onMounted as Y, watch as m, resolveComponent as S, openBlock as b, createBlock as V, unref as r, withCtx as C, createElementVNode as d, createVNode as l, isRef as h } from "vue";
-import { t as y, a as M } from "./transaction-EGAGBJLc.js";
-import { u as O } from "./index-DwGEqo54.js";
-import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-DHo7h5ec.js";
+import { t as y, a as M } from "./transaction-DhGbTW2q.js";
+import { u as O } from "./index-BfvYxxLn.js";
+import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-CjPLBAWo.js";
 import { h as g } from "./moment-h96o7c8I.js";
 import { useCoreStore as k } from "@feedmepos/mf-common";
 import { _ as E } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as N } from "./index-CA4AIOD-.js";
+import { u as N } from "./index-BZQWoB1l.js";
 import { _ as L } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as P } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-p4qddIbp.js";
 import { _ as A } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";

package/dist/TransactionTable.vue_vue_type_script_setup_true_lang-CjPLBAWo.js

@@ -0,0 +1,159 @@
+import { defineComponent as s, resolveComponent as p, openBlock as c, createBlock as _, normalizeClass as w, withCtx as g, createElementVNode as h, toDisplayString as A, createElementBlock as f, unref as y, ref as x, h as u } from "vue";
+import "@feedmepos/ui-library";
+import { e as m } from "./index-BfvYxxLn.js";
+import "./dinero-CIVmXLL-.js";
+import "./moment-h96o7c8I.js";
+import { g as N, a as S } from "./assets-CQPGNPef.js";
+const E = /* @__PURE__ */ s({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    const t = o;
+    function a() {
+      return t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (n, l) => {
+      const i = p("FmBadge");
+      return c(), _(i, {
+        inline: "",
+        class: w(a())
+      }, {
+        default: g(() => [
+          h("div", null, A(n.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), F = ["src"], b = /* @__PURE__ */ s({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (t, a) => (c(), f("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: y(N)(t.row.original.gateway)
+    }, null, 8, F));
+  }
+}), K = ["src"], I = /* @__PURE__ */ s({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (t, a) => {
+      const n = p("FmTooltip");
+      return c(), _(n, {
+        variant: "plain",
+        placement: "top",
+        content: t.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: g(() => [
+          h("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: y(S)(t.row.original.method.issuer, t.row.original.method.variant)
+          }, null, 8, K)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), M = /* @__PURE__ */ s({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(o, { emit: t }) {
+    const a = o, n = t, l = x(""), i = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Bill Seq No",
+        accessorKey: "seqNumber"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? u(b, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? u(I, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "payFor",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: r, row: e }) => u(E, { row: e, data: r.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        },
+        cell: ({ cell: r, row: e }) => e.original.status === "REFUNDED" ? e.original.refundedAt : e.original.transactionAt
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ];
+    return (r, e) => {
+      const T = p("FmTable");
+      return c(), _(T, {
+        modelValue: l.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (d) => l.value = d),
+        "column-defs": i,
+        "row-data": a.data,
+        loading: a.loading,
+        onRowClick: e[1] || (e[1] = (d) => n("row-click", a.data.at(d.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+});
+export {
+  M as _
+};