@feedmepos/mf-payment 1.1.7-beta.5 → 1.1.7-beta.6

package/dist/{SettlementTransactions-Ci8PF1OX.js → SettlementTransactions-DyXb1ZAw.js}

@@ -1,14 +1,15 @@
-import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as B, normalizeClass as G, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as p, ref as x, 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-CAiA-B0B.js";
-import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
+import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as B, normalizeClass as G, withCtx as s, createElementVNode as t, toDisplayString as i, createElementBlock as L, unref as m, ref as x, onMounted as H, watch as q, createVNode as n, createTextVNode as u, h as N } from "vue";
+import { e as E, u as J } from "./index-DjrHDthD.js";
+import { useDialog as Q, useSnackbar as W } from "@feedmepos/ui-library";
 import { d as k } from "./dinero-CIVmXLL-.js";
-import { g as W, a as X, t as P, b as Z } from "./assets-CFu52OGc.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-DY-CMDz7.js";
-import { u as ne } from "./error-K1CakhA9.js";
-import { w as oe } from "./Modal-DB8M9o1T.js";
-const re = /* @__PURE__ */ w({
+import { g as X, a as Z, t as P, b as ee } from "./assets-G15yB8yl.js";
+import { _ as te } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as ae } from "vue-router";
+import { s as ne } from "./index-CtqzAx42.js";
+import { u as oe } from "./error-K1CakhA9.js";
+import { w as re } from "./Modal-DB8M9o1T.js";
+import { h as le } from "./moment-h96o7c8I.js";
+const se = /* @__PURE__ */ w({
   __name: "Status",
   props: {
     row: {},
@@ -16,47 +17,47 @@ const re = /* @__PURE__ */ w({
   },
   setup(y) {
     const o = y;
-    function m() {
+    function d() {
       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 (A, _) => {
       const b = g("FmBadge");
       return F(), B(b, {
         inline: "",
-        class: G(m())
+        class: G(d())
       }, {
-        default: l(() => [
-          t("div", null, u(A.data), 1)
+        default: s(() => [
+          t("div", null, i(A.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), le = ["src"], se = /* @__PURE__ */ w({
+}), ie = ["src"], ue = /* @__PURE__ */ w({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(y) {
-    return (o, m) => (F(), L("img", {
+    return (o, d) => (F(), L("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: p(W)(o.row.original.gateway)
-    }, null, 8, le));
+      src: m(X)(o.row.original.gateway)
+    }, null, 8, ie));
   }
-}), ue = ["src"], ie = /* @__PURE__ */ w({
+}), me = ["src"], de = /* @__PURE__ */ w({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(y) {
-    return (o, m) => (F(), L("img", {
+    return (o, d) => (F(), L("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: p(X)(o.row.original.method.issuer, o.row.original.method.variant)
-    }, null, 8, ue));
+      src: m(Z)(o.row.original.method.issuer, o.row.original.method.variant)
+    }, null, 8, me));
   }
-}), me = /* @__PURE__ */ w({
+}), ce = /* @__PURE__ */ w({
   __name: "Actions",
   props: {
     row: {},
@@ -64,17 +65,17 @@ const re = /* @__PURE__ */ w({
   },
   emits: ["delete"],
   setup(y, { emit: o }) {
-    const m = o;
+    const d = o;
     return (A, _) => {
       const b = g("FmButton");
       return F(), B(b, {
         variant: "plain",
         "prepend-icon": "delete",
-        onClick: _[0] || (_[0] = () => m("delete"))
+        onClick: _[0] || (_[0] = () => d("delete"))
       });
     };
   }
-}), de = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Fe = /* @__PURE__ */ w({
+}), pe = { class: "flex mb-6" }, fe = { class: "my-6 w-[240px]" }, Ne = /* @__PURE__ */ w({
   __name: "SettlementTransactions",
   props: {
     settlementId: {
@@ -83,19 +84,19 @@ const re = /* @__PURE__ */ w({
     }
   },
   setup(y) {
-    const o = y, { isLoading: m, startAsyncCall: A, startAsyncCallFn: _ } = q(!0), b = J(), M = Q(), O = te(), s = x(), S = x([]), I = x([]);
+    const o = y, { isLoading: d, startAsyncCall: A, startAsyncCallFn: _ } = J(!0), b = Q(), O = W(), R = ae(), l = x(), S = x([]), h = x([]);
     async function V(a = !1) {
       A(async () => {
-        a || (s.value = await ae.readById(o.settlementId));
+        a || (l.value = await ne.readById(o.settlementId));
         const e = await P.readBySettlementId(o.settlementId);
-        S.value = Z(e), I.value = S.value;
+        S.value = ee(e), h.value = S.value;
       });
     }
-    function R() {
+    function Y() {
       V();
     }
-    Y(R);
-    const K = x(""), U = [
+    H(Y);
+    const D = x(""), U = [
       {
         header: () => "Transaction ID",
         accessorKey: "id"
@@ -110,7 +111,7 @@ const re = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: a, row: e }) => e.original.method ? N(se, { row: e, data: a.getValue() }) : ""
+        cell: ({ cell: a, row: e }) => e.original.method ? N(ue, { row: e, data: a.getValue() }) : ""
       },
       {
         header: () => "Method",
@@ -118,7 +119,7 @@ const re = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: a, row: e }) => e.original.method ? N(ie, { row: e, data: a.getValue() }) : ""
+        cell: ({ cell: a, row: e }) => e.original.method ? N(de, { row: e, data: a.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -136,7 +137,7 @@ const re = /* @__PURE__ */ w({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: a, row: e }) => N(re, { row: e, data: a.getValue() })
+        cell: ({ cell: a, row: e }) => N(se, { row: e, data: a.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -160,10 +161,10 @@ const re = /* @__PURE__ */ w({
       {
         header: () => "Actions",
         accessorKey: "action",
-        cell: ({ cell: a, row: e }) => N(me, {
+        cell: ({ cell: a, row: e }) => N(ce, {
           row: e,
           data: a.getValue(),
-          onDelete: () => oe(
+          onDelete: () => re(
             b,
             "Remove transaction",
             "Are you sure to remove transaction from settlement? This action cannot be revert !",
@@ -171,10 +172,10 @@ const re = /* @__PURE__ */ w({
               try {
                 await P.removeTransactionFromSettlement(e.original.id), await V();
               } catch (f) {
-                M.open({
+                O.open({
                   type: "error",
                   title: "Error occurs when removing transaction",
-                  message: ne(f)
+                  message: oe(f)
                 });
               }
             })
@@ -182,50 +183,51 @@ const re = /* @__PURE__ */ w({
         })
       }
     ], T = x("");
-    let h;
-    return H(T, async () => {
-      h && clearTimeout(h), h = setTimeout(() => {
+    let I;
+    return q(T, async () => {
+      I && clearTimeout(I), I = setTimeout(() => {
         var a = new RegExp(T.value, "i");
-        I.value = S.value.filter((e) => {
+        h.value = S.value.filter((e) => {
           const f = JSON.stringify(e);
           return a.test(f);
         });
       }, 700);
     }), (a, e) => {
-      var $;
+      var K, $;
       const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), j = g("FmSearch"), z = g("FmTable");
-      return F(), B(ee, {
-        title: `Settlement Transactions (${($ = s.value) == null ? void 0 : $._id})`,
-        loading: p(m),
-        onBack: p(O).back
+      return F(), B(te, {
+        title: `Settlement Transactions (${(K = l.value) == null ? void 0 : K._id})`,
+        description: `Date: ${m(le)(($ = l.value) == null ? void 0 : $.createdAt).format("YYYY-MM-DD")}`,
+        loading: m(d),
+        onBack: m(R).back
       }, {
-        default: l(() => [
-          t("div", de, [
+        default: s(() => [
+          t("div", pe, [
             n(C, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: s(() => [
                 n(v, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: s(() => [
                     n(f, {
                       class: "p-0",
                       title: "Transaction Info",
                       subtitle: ""
                     }),
                     n(v, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, c, D;
+                      default: s(() => {
+                        var r, c, p, M;
                         return [
                           e[2] || (e[2] = t("b", null, "For", -1)),
-                          i(": " + u((d = (r = s.value) == null ? void 0 : r.store) == null ? void 0 : d.event) + " ", 1),
+                          u(": " + i((c = (r = l.value) == null ? void 0 : r.store) == null ? void 0 : c.event) + " ", 1),
                           e[3] || (e[3] = t("br", null, null, -1)),
                           e[4] || (e[4] = t("b", null, "Reference", -1)),
-                          i(": " + u((D = (c = s.value) == null ? void 0 : c.store) == null ? void 0 : D.id), 1),
+                          u(": " + i((M = (p = l.value) == null ? void 0 : p.store) == null ? void 0 : M.id), 1),
                           e[5] || (e[5] = t("br", null, null, -1)),
                           e[6] || (e[6] = t("b", null, "Transaction", -1)),
-                          i(": " + u(S.value.length), 1)
+                          u(": " + i(S.value.length), 1)
                         ];
                       }),
                       _: 1
@@ -241,26 +243,26 @@ const re = /* @__PURE__ */ w({
               class: "flex-1 p-6 mx-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: s(() => [
                 n(v, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: s(() => [
                     n(f, {
                       class: "p-0",
                       title: "Bank Info",
                       subtitle: ""
                     }),
                     n(v, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, c;
+                      default: s(() => {
+                        var r, c, p;
                         return [
                           e[7] || (e[7] = t("b", null, "Bank", -1)),
-                          i(": " + u((r = s.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          u(": " + i((r = l.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)),
-                          i(": " + u((d = s.value) == null ? void 0 : d.beneficiaryBank.holderName), 1),
+                          u(": " + i((c = l.value) == null ? void 0 : c.beneficiaryBank.holderName), 1),
                           e[10] || (e[10] = t("br", null, null, -1)),
                           e[11] || (e[11] = t("b", null, "Number", -1)),
-                          i(": " + u((c = s.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
+                          u(": " + i((p = l.value) == null ? void 0 : p.beneficiaryBank.accountNumber), 1)
                         ];
                       }),
                       _: 1
@@ -276,26 +278,26 @@ const re = /* @__PURE__ */ w({
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: s(() => [
                 n(v, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: s(() => [
                     n(f, {
                       class: "p-0",
                       title: "Payout Info",
                       subtitle: ""
                     }),
                     n(v, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, c;
+                      default: s(() => {
+                        var r, c, p;
                         return [
                           e[12] || (e[12] = t("b", null, "Amount", -1)),
-                          i(": " + u(p(k)((r = s.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          u(": " + i(m(k)((r = l.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)),
-                          i(": " + u(p(k)((d = s.value) == null ? void 0 : d.totalFee).toFormat("$0.00")), 1),
+                          u(": " + i(m(k)((c = l.value) == null ? void 0 : c.totalFee).toFormat("$0.00")), 1),
                           e[15] || (e[15] = t("br", null, null, -1)),
                           e[16] || (e[16] = t("b", null, "Payout", -1)),
-                          i(": " + u(p(k)((c = s.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
+                          u(": " + i(m(k)((p = l.value) == null ? void 0 : p.totalPayout).toFormat("$0.00")), 1)
                         ];
                       }),
                       _: 1
@@ -307,7 +309,7 @@ const re = /* @__PURE__ */ w({
               _: 1
             })
           ]),
-          t("div", ce, [
+          t("div", fe, [
             n(j, {
               modelValue: T.value,
               "onUpdate:modelValue": e[0] || (e[0] = (r) => T.value = r),
@@ -315,20 +317,20 @@ const re = /* @__PURE__ */ w({
             }, null, 8, ["modelValue"])
           ]),
           n(z, {
-            modelValue: K.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => K.value = r),
+            modelValue: D.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => D.value = r),
             "shrink-at": !1,
             "search-value": T.value,
-            "row-data": I.value,
+            "row-data": h.value,
             "column-defs": U,
-            loading: p(m)
+            loading: m(d)
           }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
         ]),
         _: 1
-      }, 8, ["title", "loading", "onBack"]);
+      }, 8, ["title", "description", "loading", "onBack"]);
     };
   }
 });
 export {
-  Fe as default
+  Ne as default
 };