@feedmepos/mf-payment 0.0.0-beta.9 → 1.0.0

package/dist/{SettlementTransactions-Dl1H4jvh.js → SettlementTransactions-D_SVuKyR.js}

@@ -1,94 +1,81 @@
-import { defineComponent as w, resolveComponent as d, openBlock as A, createBlock as S, normalizeClass as G, withCtx as s, createElementVNode as t, toDisplayString as m, unref as g, ref as F, onMounted as j, watch as Y, createVNode as o, createTextVNode as c, h as I } from "vue";
-import { e as B, u as H } from "./index-DCPNrUDq.js";
-import { useDialog as q, useSnackbar as J } from "@feedmepos/ui-library";
-import { d as k } from "./dinero-CIVmXLL-.js";
-import { g as Q, a as W } from "./assets-BuLGUMIx.js";
-import { t as $, a as X } from "./transaction-vRrBf3FN.js";
-import { _ as Z } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { useRouter as ee } from "vue-router";
-import { s as te } from "./index-Coz5aeIO.js";
-import { u as ae } from "./error-K1CakhA9.js";
-const ne = /* @__PURE__ */ w({
+import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as k, normalizeClass as j, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as p, ref as T, onMounted as Y, watch as H, createVNode as n, createTextVNode as i, h as N } from "vue";
+import { e as E, u as q } from "./index-Bt_OgDYn.js";
+import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
+import { d as B } from "./dinero-CIVmXLL-.js";
+import { g as W, a as X } from "./assets-Bji7O2YD.js";
+import { t as P, a as Z } from "./transaction-DqrhM5jB.js";
+import { _ as ee } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as te } from "vue-router";
+import { s as ae } from "./index-_0TroOJr.js";
+import { u as ne } from "./error-K1CakhA9.js";
+import { w as oe } from "./Modal-DB8M9o1T.js";
+const re = /* @__PURE__ */ w({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    const n = p;
-    function u() {
-      return n.data === B.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === B.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === B.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+  setup(y) {
+    const o = y;
+    function m() {
+      return o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (l, b) => {
-      const v = d("FmBadge");
-      return A(), S(v, {
+    return (A, _) => {
+      const b = g("FmBadge");
+      return F(), k(b, {
         inline: "",
-        class: G(u())
+        class: j(m())
       }, {
-        default: s(() => [
-          t("div", null, m(l.data), 1)
+        default: l(() => [
+          t("div", null, u(A.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), oe = /* @__PURE__ */ w({
+}), le = ["src"], se = /* @__PURE__ */ w({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    return (n, u) => {
-      const l = d("FmThumbnail");
-      return A(), S(l, {
-        src: g(Q)(n.row.original.gateway),
-        class: "mr-2 border-transparent w-[32px] h-[32px]"
-      }, null, 8, ["src"]);
-    };
+  setup(y) {
+    return (o, m) => (F(), L("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: p(W)(o.row.original.gateway)
+    }, null, 8, le));
   }
-}), re = /* @__PURE__ */ w({
+}), ue = ["src"], ie = /* @__PURE__ */ w({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    return (n, u) => {
-      const l = d("FmThumbnail");
-      return A(), S(l, {
-        src: g(W)(n.row.original.method.issuer),
-        class: "mr-2 border-transparent w-[32px] h-[32px]"
-      }, null, 8, ["src"]);
-    };
+  setup(y) {
+    return (o, m) => (F(), L("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: p(X)(o.row.original.method.issuer)
+    }, null, 8, ue));
   }
-}), le = /* @__PURE__ */ w({
+}), me = /* @__PURE__ */ w({
   __name: "Actions",
   props: {
     row: {},
     data: {}
   },
   emits: ["delete"],
-  setup(p, { emit: n }) {
-    const u = n;
-    return (l, b) => {
-      const v = d("FmButton");
-      return A(), S(v, {
+  setup(y, { emit: o }) {
+    const m = o;
+    return (A, _) => {
+      const b = g("FmButton");
+      return F(), k(b, {
         variant: "plain",
         "prepend-icon": "delete",
-        onClick: b[0] || (b[0] = () => u("delete"))
+        onClick: _[0] || (_[0] = () => m("delete"))
       });
     };
   }
-}), se = (p, n, u, l, b) => {
-  const v = p.open({
-    title: n,
-    message: u,
-    primaryActions: { text: "Confirm", close: !0 },
-    secondaryActions: { text: "Cancel", close: !0 }
-  });
-  l && v.onPrimary(l);
-}, ue = { class: "flex mb-6" }, ie = { class: "my-6 w-[240px]" }, Te = /* @__PURE__ */ w({
+}), de = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Ae = /* @__PURE__ */ w({
   __name: "SettlementTransactions",
   props: {
     settlementId: {
@@ -96,20 +83,20 @@ const ne = /* @__PURE__ */ w({
       required: !0
     }
   },
-  setup(p) {
-    const n = p, { isLoading: u, startAsyncCall: l, startAsyncCallFn: b } = H(!0), v = q(), L = J(), M = ee(), i = F(), N = F([]), h = F([]);
+  setup(y) {
+    const o = y, { isLoading: m, startAsyncCall: A, startAsyncCallFn: _ } = q(!0), b = J(), M = Q(), O = te(), s = T(), S = T([]), I = T([]);
     async function V(a = !1) {
-      l(async () => {
-        a || (i.value = await te.readById(n.settlementId));
-        const e = await $.readBySettlementId(n.settlementId);
-        N.value = X(e), h.value = N.value;
+      A(async () => {
+        a || (s.value = await ae.readById(o.settlementId));
+        const e = await P.readBySettlementId(o.settlementId);
+        S.value = Z(e), I.value = S.value;
       });
     }
-    function O() {
+    function R() {
       V();
     }
-    j(O);
-    const K = F(""), R = [
+    Y(R);
+    const K = T(""), U = [
       {
         header: () => "Transaction ID",
         accessorKey: "id"
@@ -124,7 +111,7 @@ const ne = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: a, row: e }) => e.original.method ? I(oe, { row: e, data: a.getValue() }) : ""
+        cell: ({ cell: a, row: e }) => e.original.method ? N(se, { row: e, data: a.getValue() }) : ""
       },
       {
         header: () => "Method",
@@ -132,7 +119,7 @@ const ne = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: a, row: e }) => e.original.method ? I(re, { row: e, data: a.getValue() }) : ""
+        cell: ({ cell: a, row: e }) => e.original.method ? N(ie, { row: e, data: a.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -150,7 +137,7 @@ const ne = /* @__PURE__ */ w({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: a, row: e }) => I(ne, { row: e, data: a.getValue() })
+        cell: ({ cell: a, row: e }) => N(re, { row: e, data: a.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -174,72 +161,72 @@ const ne = /* @__PURE__ */ w({
       {
         header: () => "Actions",
         accessorKey: "action",
-        cell: ({ cell: a, row: e }) => I(le, {
+        cell: ({ cell: a, row: e }) => N(me, {
           row: e,
           data: a.getValue(),
-          onDelete: () => se(
-            v,
+          onDelete: () => oe(
+            b,
             "Remove transaction",
             "Are you sure to remove transaction from settlement? This action cannot be revert !",
-            b(async () => {
+            _(async () => {
               try {
-                await $.removeTransactionFromSettlement(e.original.id), await V();
-              } catch (_) {
-                L.open({
+                await P.removeTransactionFromSettlement(e.original.id), await V();
+              } catch (f) {
+                M.open({
                   type: "error",
                   title: "Error occurs when removing transaction",
-                  message: ae(_)
+                  message: ne(f)
                 });
               }
             })
           )
         })
       }
-    ], x = F("");
-    let C;
-    return Y(x, async () => {
-      C && clearTimeout(C), C = setTimeout(() => {
+    ], x = T("");
+    let h;
+    return H(x, async () => {
+      h && clearTimeout(h), h = setTimeout(() => {
         var a = new RegExp(x.value, "i");
-        h.value = N.value.filter((e) => {
-          const _ = JSON.stringify(e);
-          return a.test(_);
+        I.value = S.value.filter((e) => {
+          const f = JSON.stringify(e);
+          return a.test(f);
         });
       }, 700);
     }), (a, e) => {
-      var P;
-      const _ = d("FmCardHeader"), T = d("FmCardSection"), E = d("FmCard"), U = d("FmSearch"), z = d("FmTable");
-      return A(), S(Z, {
-        title: `Settlement Transactions (${(P = i.value) == null ? void 0 : P._id})`,
-        loading: g(u),
-        onBack: g(M).back
+      var $;
+      const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), z = g("FmSearch"), G = g("FmTable");
+      return F(), k(ee, {
+        title: `Settlement Transactions (${($ = s.value) == null ? void 0 : $._id})`,
+        loading: p(m),
+        onBack: p(O).back
       }, {
-        default: s(() => [
-          t("div", ue, [
-            o(E, {
+        default: l(() => [
+          t("div", de, [
+            n(C, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: s(() => [
-                o(T, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: s(() => [
-                    o(_, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
                       class: "p-0",
                       title: "Transaction Info",
                       subtitle: ""
                     }),
-                    o(T, { class: "p-0" }, {
-                      default: s(() => {
-                        var r, f, y, D;
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c, D;
                         return [
                           e[2] || (e[2] = t("b", null, "For", -1)),
-                          c(": " + m((f = (r = i.value) == null ? void 0 : r.store) == null ? void 0 : f.event) + " ", 1),
+                          i(": " + u((d = (r = s.value) == null ? void 0 : r.store) == null ? void 0 : d.event) + " ", 1),
                           e[3] || (e[3] = t("br", null, null, -1)),
                           e[4] || (e[4] = t("b", null, "Reference", -1)),
-                          c(": " + m((D = (y = i.value) == null ? void 0 : y.store) == null ? void 0 : D.id), 1),
+                          i(": " + u((D = (c = s.value) == null ? void 0 : c.store) == null ? void 0 : D.id), 1),
                           e[5] || (e[5] = t("br", null, null, -1)),
                           e[6] || (e[6] = t("b", null, "Transaction", -1)),
-                          c(": " + m(N.value.length), 1)
+                          i(": " + u(S.value.length), 1)
                         ];
                       }),
                       _: 1
@@ -250,31 +237,31 @@ const ne = /* @__PURE__ */ w({
               ]),
               _: 1
             }),
-            o(E, {
+            n(C, {
               horizontal: "",
               class: "flex-1 p-6 mx-6",
               variant: "elevated"
             }, {
-              default: s(() => [
-                o(T, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: s(() => [
-                    o(_, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
                       class: "p-0",
                       title: "Bank Info",
                       subtitle: ""
                     }),
-                    o(T, { class: "p-0" }, {
-                      default: s(() => {
-                        var r, f, y;
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c;
                         return [
                           e[7] || (e[7] = t("b", null, "Bank", -1)),
-                          c(": " + m((r = i.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          i(": " + u((r = s.value) == null ? void 0 : r.beneficiaryBank.name), 1),
                           e[8] || (e[8] = t("br", null, null, -1)),
                           e[9] || (e[9] = t("b", null, "Name", -1)),
-                          c(": " + m((f = i.value) == null ? void 0 : f.beneficiaryBank.holderName), 1),
+                          i(": " + u((d = s.value) == null ? void 0 : d.beneficiaryBank.holderName), 1),
                           e[10] || (e[10] = t("br", null, null, -1)),
                           e[11] || (e[11] = t("b", null, "Number", -1)),
-                          c(": " + m((y = i.value) == null ? void 0 : y.beneficiaryBank.accountNumber), 1)
+                          i(": " + u((c = s.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
                         ];
                       }),
                       _: 1
@@ -285,31 +272,31 @@ const ne = /* @__PURE__ */ w({
               ]),
               _: 1
             }),
-            o(E, {
+            n(C, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: s(() => [
-                o(T, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: s(() => [
-                    o(_, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
                       class: "p-0",
                       title: "Payout Info",
                       subtitle: ""
                     }),
-                    o(T, { class: "p-0" }, {
-                      default: s(() => {
-                        var r, f, y;
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c;
                         return [
                           e[12] || (e[12] = t("b", null, "Amount", -1)),
-                          c(": " + m(g(k)((r = i.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          i(": " + u(p(B)((r = s.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
                           e[13] || (e[13] = t("br", null, null, -1)),
                           e[14] || (e[14] = t("b", null, "Fee", -1)),
-                          c(": " + m(g(k)((f = i.value) == null ? void 0 : f.totalFee).toFormat("$0.00")), 1),
+                          i(": " + u(p(B)((d = s.value) == null ? void 0 : d.totalFee).toFormat("$0.00")), 1),
                           e[15] || (e[15] = t("br", null, null, -1)),
                           e[16] || (e[16] = t("b", null, "Payout", -1)),
-                          c(": " + m(g(k)((y = i.value) == null ? void 0 : y.totalPayout).toFormat("$0.00")), 1)
+                          i(": " + u(p(B)((c = s.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
                         ];
                       }),
                       _: 1
@@ -321,20 +308,20 @@ const ne = /* @__PURE__ */ w({
               _: 1
             })
           ]),
-          t("div", ie, [
-            o(U, {
+          t("div", ce, [
+            n(z, {
               modelValue: x.value,
               "onUpdate:modelValue": e[0] || (e[0] = (r) => x.value = r),
               placeholder: "Search Transactions ..."
             }, null, 8, ["modelValue"])
           ]),
-          o(z, {
+          n(G, {
             modelValue: K.value,
             "onUpdate:modelValue": e[1] || (e[1] = (r) => K.value = r),
             "search-value": x.value,
-            "row-data": h.value,
-            "column-defs": R,
-            loading: g(u)
+            "row-data": I.value,
+            "column-defs": U,
+            loading: p(m)
           }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
         ]),
         _: 1
@@ -343,5 +330,5 @@ const ne = /* @__PURE__ */ w({
   }
 });
 export {
-  Te as default
+  Ae as default
 };