@feedmepos/mf-payment 1.0.0 → 1.0.1-beta.1

package/dist/{Settlement-Bx3zAkIw.js → Settlement-DsJlFpCC.js}

@@ -1,15 +1,16 @@
-import { defineComponent as h, ref as C, computed as V, resolveComponent as i, openBlock as k, createBlock as D, h as M, watch as $, onMounted as L, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as K, createElementBlock as P, Fragment as E, renderList as O } from "vue";
-import { u as S } from "./index-Bt_OgDYn.js";
-import { h as v } from "./moment-h96o7c8I.js";
-import { s as d } from "./index-_0TroOJr.js";
+import { defineComponent as C, ref as h, computed as x, resolveComponent as d, openBlock as k, createBlock as A, h as B, watch as V, onMounted as I, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as $, createElementBlock as L, Fragment as K, renderList as E } from "vue";
+import { u as D } from "./index-1fXAFo2E.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { s as c } from "./index-DoAIw4wM.js";
 import { useSnackbar as T } from "@feedmepos/ui-library";
-import { d as g } from "./dinero-CIVmXLL-.js";
-import { _ as Y } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { d as v } from "./dinero-CIVmXLL-.js";
+import { _ as P } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
 import { useRouter as q } from "vue-router";
 import { _ as N } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { u as U } from "./index-DjDGwRX8.js";
-import { u as j } from "./error-K1CakhA9.js";
-const z = /* @__PURE__ */ h({
+import { u as O } from "./index-DdJrUqkm.js";
+import { u as U } from "./error-K1CakhA9.js";
+import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const z = /* @__PURE__ */ C({
   __name: "SettlementTable",
   props: {
     data: {
@@ -23,11 +24,11 @@ const z = /* @__PURE__ */ h({
   },
   emits: ["row-click"],
   setup(w, { emit: u }) {
-    const r = w, c = u, o = C(""), p = [
+    const r = w, i = u, o = h(""), p = [
       {
         header: () => "Settlement ID",
         accessorKey: "id",
-        cell: ({ cell: e }) => M(Y, { data: e.getValue() })
+        cell: ({ cell: e }) => B(P, { data: e.getValue() })
       },
       {
         header: () => "Created At",
@@ -48,38 +49,38 @@ const z = /* @__PURE__ */ h({
         header: () => "Settlement Amount",
         accessorKey: "payout"
       }
-    ], f = V(() => r.data.map((e) => ({
+    ], f = x(() => r.data.map((e) => ({
       id: e._id,
-      transactionAt: v(e.createdAt).format("YYYY-MM-DD"),
-      amount: g(e.totalAmount).toFormat("$0.00"),
-      fee: g(e.totalFee).toFormat("$0.00"),
-      payout: g(e.totalPayout).toFormat("$0.00")
+      transactionAt: g(e.createdAt).format("YYYY-MM-DD"),
+      amount: v(e.totalAmount).toFormat("$0.00"),
+      fee: v(e.totalFee).toFormat("$0.00"),
+      payout: v(e.totalPayout).toFormat("$0.00")
     })));
     return (e, n) => {
-      const _ = i("FmTable");
-      return k(), D(_, {
+      const _ = d("FmTable");
+      return k(), A(_, {
         modelValue: o.value,
         "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
         "row-data": f.value,
         "column-defs": p,
         loading: r.loading,
-        onRowClick: n[1] || (n[1] = (l) => c("row-click", r.data.at(l.index)))
+        onRowClick: n[1] || (n[1] = (l) => i("row-click", r.data.at(l.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
-}), G = { class: "flex justify-between items-center mb-6" }, Q = { class: "flex space-x-4 items-center" }, H = { class: "flex space-x-4 items-center" }, ie = /* @__PURE__ */ h({
+}), G = { class: "flex justify-between items-center mb-6" }, Q = { class: "flex space-x-4 items-center" }, H = { class: "flex space-x-4" }, ie = /* @__PURE__ */ C({
   __name: "Settlement",
   setup(w) {
-    const { isLoading: u, startAsyncCall: r } = S(!0), c = S(!1), o = C([]), p = q(), f = T(), { dateRange: e } = U({
+    const { isLoading: u, startAsyncCall: r } = D(!0), i = D(!1), o = h([]), p = q(), f = T(), { dateRange: e } = O({
       dateRange: {
-        startDate: v().startOf("day").toISOString(),
-        endDate: v().endOf("day").toISOString()
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
       }
     });
-    $(e, n);
+    V(e, n);
     async function n() {
       await r(async () => {
-        const F = await d.readByDate(
+        const F = await c.readByDate(
           {
             start: e.value.startDate,
             end: e.value.endDate
@@ -91,14 +92,14 @@ const z = /* @__PURE__ */ h({
     function _() {
       n();
     }
-    L(_);
+    I(_);
     const l = [
       {
         label: "Audit Report",
         sublabel: "Full transactions details report from each payment providers.",
         icon: "file_download",
         value: "auditReport",
-        onClick: () => d.downloadSettlementReport({
+        onClick: () => c.downloadSettlementReport({
           start: e.value.startDate,
           end: e.value.endDate
         })
@@ -108,7 +109,7 @@ const z = /* @__PURE__ */ h({
         sublabel: "Summarized settlement information for each payout accounts.",
         icon: "account_balance",
         value: "summaryReport",
-        onClick: () => d.downloadSummaryReport(o.value, {
+        onClick: () => c.downloadSummaryReport(o.value, {
           start: e.value.startDate,
           end: e.value.endDate
         })
@@ -118,52 +119,49 @@ const z = /* @__PURE__ */ h({
         sublabel: "Generate bank instruction file based on bank formats.",
         icon: "description",
         value: "bankInstructionFile",
-        onClick: () => d.downloadBankInstructionFile(o.value)
+        onClick: () => c.downloadBankInstructionFile(o.value)
       }
     ];
     return (F, m) => {
-      const R = i("FmDateRangePicker"), A = i("FmButton"), x = i("FmMenuItem"), I = i("FmMenu");
-      return k(), D(N, {
+      const M = d("FmButton"), R = d("FmMenuItem"), S = d("FmMenu");
+      return k(), A(N, {
         title: "Settlements",
         loading: a(u)
       }, {
         default: b(() => [
           y("div", G, [
             y("div", Q, [
-              s(R, {
+              s(j, {
                 modelValue: a(e),
-                "onUpdate:modelValue": m[0] || (m[0] = (t) => K(e) ? e.value = t : null),
-                compare: "",
-                "show-predefined-range": ""
+                "onUpdate:modelValue": m[0] || (m[0] = (t) => $(e) ? e.value = t : null)
               }, null, 8, ["modelValue"])
             ]),
             y("div", H, [
-              s(I, { trigger: "click" }, {
+              s(S, { trigger: "click" }, {
                 "menu-button": b(() => [
-                  s(A, {
-                    class: "w-full mt-6",
+                  s(M, {
                     variant: "primary",
                     "append-icon": "arrow_drop_down",
                     label: "Actions",
-                    loading: a(c).isLoading.value
+                    loading: a(i).isLoading.value
                   }, null, 8, ["loading"])
                 ]),
                 default: b(() => [
-                  (k(), P(E, null, O(l, (t) => s(x, {
+                  (k(), L(K, null, E(l, (t) => s(R, {
                     key: t.value,
                     label: t.label,
                     icon: t.icon,
                     sublabel: t.sublabel,
                     selectable: !0,
                     onClick: (J) => {
-                      a(c).startAsyncCall(async () => {
+                      a(i).startAsyncCall(async () => {
                         try {
                           await t.onClick();
-                        } catch (B) {
+                        } catch (Y) {
                           a(f).open({
                             type: "error",
                             title: "Error",
-                            message: a(j)(B)
+                            message: a(U)(Y)
                           });
                         }
                       });

package/dist/Settlement-Hr7jN3EL.js

@@ -0,0 +1,145 @@
+import { defineComponent as g, ref as h, computed as x, resolveComponent as Y, openBlock as v, createBlock as D, h as S, onMounted as A, watch as R, unref as n, withCtx as V, createElementVNode as i, createVNode as d, isRef as $ } from "vue";
+import { u as b } from "./index-1fXAFo2E.js";
+import { h as _ } from "./moment-h96o7c8I.js";
+import { useCoreStore as C } from "@feedmepos/mf-common";
+import { _ as k } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { s as w } from "./index-DoAIw4wM.js";
+import "@feedmepos/ui-library";
+import { d as f } from "./dinero-CIVmXLL-.js";
+import { _ as F } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { useRouter as M } from "vue-router";
+import { u as K } from "./index-DdJrUqkm.js";
+import { _ as B } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as I } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { _ as L } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const P = /* @__PURE__ */ g({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(y, { emit: c }) {
+    const t = y, r = c, s = h(""), u = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: e }) => S(F, { data: e.getValue() })
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], l = x(() => t.data.map((e) => ({
+      id: e._id,
+      transactionAt: _(e.createdAt).format("YYYY-MM-DD"),
+      amount: f(e.totalAmount).toFormat("$0.00"),
+      fee: f(e.totalFee).toFormat("$0.00"),
+      payout: f(e.totalPayout).toFormat("$0.00")
+    })));
+    return (e, o) => {
+      const m = Y("FmTable");
+      return v(), D(m, {
+        modelValue: s.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+        "row-data": l.value,
+        "column-defs": u,
+        loading: t.loading,
+        onRowClick: o[1] || (o[1] = (a) => r("row-click", t.data.at(a.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), T = { class: "flex justify-between items-center mb-6" }, q = { class: "flex space-x-8 items-center" }, E = { class: "flex space-x-4 self-center" }, N = { class: "mb-6" }, ot = /* @__PURE__ */ g({
+  __name: "Settlement",
+  setup(y) {
+    const c = M(), { dateRange: t } = K({
+      dateRange: {
+        startDate: _().startOf("day").format("YYYY-MM-DD"),
+        endDate: _().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: r, startAsyncCall: s } = b(!0), { currentRestaurant: u } = C(), l = h([]);
+    async function e() {
+      await s(async () => {
+        const m = await w.readRestaurantSettlements(
+          {
+            start: t.value.startDate,
+            end: t.value.endDate
+          }
+        );
+        l.value = m;
+      });
+    }
+    function o() {
+      e();
+    }
+    return A(o), R(u, o), (m, a) => (v(), D(k, {
+      title: "Settlements",
+      description: "Settlements are the finalization of financial transactions, transferring funds to complete payments.",
+      loading: n(r)
+    }, {
+      default: V(() => [
+        i("div", T, [
+          i("div", q, [
+            d(I)
+          ]),
+          i("div", E, [
+            d(B, {
+              button: {
+                appendIcon: "file_download",
+                variant: "primary",
+                label: "Export"
+              },
+              handler: async () => {
+                await n(w).downloadRestaurantSettlementReport({
+                  start: n(t).startDate,
+                  end: n(t).endDate
+                });
+              }
+            }, null, 8, ["handler"])
+          ])
+        ]),
+        i("div", N, [
+          d(L, {
+            modelValue: n(t),
+            "onUpdate:modelValue": a[0] || (a[0] = (p) => $(t) ? t.value = p : null)
+          }, null, 8, ["modelValue"])
+        ]),
+        d(P, {
+          loading: n(r),
+          data: l.value,
+          onRowClick: a[1] || (a[1] = (p) => n(c).push({
+            name: "mf-payment-settlement-transaction",
+            params: {
+              settlementId: p._id
+            }
+          }))
+        }, null, 8, ["loading", "data"])
+      ]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+});
+export {
+  ot as default
+};

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

@@ -1,12 +1,12 @@
-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 { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as k, normalizeClass as G, 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-1fXAFo2E.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 { g as W, a as X } from "./assets-8c19wXSV.js";
+import { t as P, a as Z } from "./transaction-W49zE8RL.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 { s as ae } from "./index-DoAIw4wM.js";
 import { u as ne } from "./error-K1CakhA9.js";
 import { w as oe } from "./Modal-DB8M9o1T.js";
 const re = /* @__PURE__ */ w({
@@ -24,7 +24,7 @@ const re = /* @__PURE__ */ w({
       const b = g("FmBadge");
       return F(), k(b, {
         inline: "",
-        class: j(m())
+        class: G(m())
       }, {
         default: l(() => [
           t("div", null, u(A.data), 1)
@@ -41,7 +41,7 @@ const re = /* @__PURE__ */ w({
   },
   setup(y) {
     return (o, m) => (F(), L("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
       src: p(W)(o.row.original.gateway)
     }, null, 8, le));
   }
@@ -194,7 +194,7 @@ const re = /* @__PURE__ */ w({
       }, 700);
     }), (a, e) => {
       var $;
-      const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), z = g("FmSearch"), G = g("FmTable");
+      const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), j = g("FmSearch"), z = g("FmTable");
       return F(), k(ee, {
         title: `Settlement Transactions (${($ = s.value) == null ? void 0 : $._id})`,
         loading: p(m),
@@ -309,13 +309,13 @@ const re = /* @__PURE__ */ w({
             })
           ]),
           t("div", ce, [
-            n(z, {
+            n(j, {
               modelValue: x.value,
               "onUpdate:modelValue": e[0] || (e[0] = (r) => x.value = r),
               placeholder: "Search Transactions ..."
             }, null, 8, ["modelValue"])
           ]),
-          n(G, {
+          n(z, {
             modelValue: K.value,
             "onUpdate:modelValue": e[1] || (e[1] = (r) => K.value = r),
             "search-value": x.value,

package/dist/{SettlementTransactions-AaYyTH96.js → SettlementTransactions-Bz9ZVYfq.js}

@@ -1,12 +1,12 @@
-import { defineComponent as T, resolveComponent as g, openBlock as F, createBlock as P, normalizeClass as z, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as c, ref as _, onMounted as G, watch as $, createVNode as a, createTextVNode as i, h as C } from "vue";
-import { e as E, u as j } from "./index-Bt_OgDYn.js";
+import { defineComponent as T, resolveComponent as g, openBlock as F, createBlock as P, normalizeClass as j, withCtx as r, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as c, ref as _, onMounted as z, watch as $, createVNode as a, createTextVNode as i, h as C } from "vue";
+import { e as E, u as G } from "./index-1fXAFo2E.js";
 import "@feedmepos/ui-library";
 import { d as h } from "./dinero-CIVmXLL-.js";
-import { g as Y, a as H } from "./assets-Bji7O2YD.js";
-import { t as q, a as J } from "./transaction-DqrhM5jB.js";
+import { g as Y, a as H } from "./assets-8c19wXSV.js";
+import { t as q, a as J } from "./transaction-W49zE8RL.js";
 import { _ as Q } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 import { useRouter as W } from "vue-router";
-import { s as X } from "./index-_0TroOJr.js";
+import { s as X } from "./index-DoAIw4wM.js";
 import { useCoreStore as Z } from "@feedmepos/mf-common";
 const ee = /* @__PURE__ */ T({
   __name: "Status",
@@ -15,17 +15,17 @@ const ee = /* @__PURE__ */ T({
     data: {}
   },
   setup(y) {
-    const o = y;
+    const l = y;
     function p() {
-      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.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : l.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : l.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (S, B) => {
       const w = g("FmBadge");
       return F(), P(w, {
         inline: "",
-        class: z(p())
+        class: j(p())
       }, {
-        default: l(() => [
+        default: r(() => [
           t("div", null, u(S.data), 1)
         ]),
         _: 1
@@ -39,24 +39,24 @@ const ee = /* @__PURE__ */ T({
     data: {}
   },
   setup(y) {
-    return (o, p) => (F(), L("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: c(Y)(o.row.original.gateway)
+    return (l, p) => (F(), L("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: c(Y)(l.row.original.gateway)
     }, null, 8, te));
   }
-}), ne = ["src"], re = /* @__PURE__ */ T({
+}), ne = ["src"], oe = /* @__PURE__ */ T({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(y) {
-    return (o, p) => (F(), L("img", {
+    return (l, p) => (F(), L("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: c(H)(o.row.original.method.issuer)
+      src: c(H)(l.row.original.method.issuer)
     }, null, 8, ne));
   }
-}), le = { class: "flex mb-6" }, oe = { class: "my-6 w-[240px]" }, ve = /* @__PURE__ */ T({
+}), re = { class: "flex mb-6" }, le = { class: "my-6 w-[240px]" }, ve = /* @__PURE__ */ T({
   __name: "SettlementTransactions",
   props: {
     settlementId: {
@@ -65,18 +65,18 @@ const ee = /* @__PURE__ */ T({
     }
   },
   setup(y) {
-    const o = y, { isLoading: p, startAsyncCall: S } = j(!0), { currentRestaurant: B } = Z(), w = W(), s = _(), x = _([]), N = _([]);
+    const l = y, { isLoading: p, startAsyncCall: S } = G(!0), { currentRestaurant: B } = Z(), w = W(), s = _(), x = _([]), N = _([]);
     async function O(n = !1) {
       S(async () => {
-        n || (s.value = await X.readRestaurantSettlementById(o.settlementId));
-        const e = await q.readRestaurantTransactionsBySettlementId(o.settlementId);
+        n || (s.value = await X.readRestaurantSettlementById(l.settlementId));
+        const e = await q.readRestaurantTransactionsBySettlementId(l.settlementId);
         x.value = J(e), N.value = x.value;
       });
     }
     function k() {
       O();
     }
-    G(k), $(B, k);
+    z(k), $(B, k);
     const V = _(""), D = [
       {
         header: () => "Transaction ID",
@@ -100,7 +100,7 @@ const ee = /* @__PURE__ */ T({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: n, row: e }) => e.original.method ? C(re, { row: e, data: n.getValue() }) : ""
+        cell: ({ cell: n, row: e }) => e.original.method ? C(oe, { row: e, data: n.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -157,27 +157,27 @@ const ee = /* @__PURE__ */ T({
         loading: c(p),
         onBack: c(w).back
       }, {
-        default: l(() => [
-          t("div", le, [
+        default: r(() => [
+          t("div", re, [
             a(I, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: r(() => [
                 a(f, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: r(() => [
                     a(b, {
                       class: "p-0",
                       title: "Transaction Info",
                       subtitle: ""
                     }),
                     a(f, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, m, R;
+                      default: r(() => {
+                        var o, d, m, R;
                         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),
+                          i(": " + u((d = (o = s.value) == null ? void 0 : o.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)),
                           i(": " + u((R = (m = s.value) == null ? void 0 : m.store) == null ? void 0 : R.id), 1),
@@ -199,20 +199,20 @@ const ee = /* @__PURE__ */ T({
               class: "flex-1 p-6 mx-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: r(() => [
                 a(f, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: r(() => [
                     a(b, {
                       class: "p-0",
                       title: "Bank Info",
                       subtitle: ""
                     }),
                     a(f, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, m;
+                      default: r(() => {
+                        var o, d, m;
                         return [
                           e[7] || (e[7] = t("b", null, "Bank", -1)),
-                          i(": " + u((r = s.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          i(": " + u((o = s.value) == null ? void 0 : o.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),
@@ -234,20 +234,20 @@ const ee = /* @__PURE__ */ T({
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: l(() => [
+              default: r(() => [
                 a(f, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: l(() => [
+                  default: r(() => [
                     a(b, {
                       class: "p-0",
                       title: "Payout Info",
                       subtitle: ""
                     }),
                     a(f, { class: "p-0" }, {
-                      default: l(() => {
-                        var r, d, m;
+                      default: r(() => {
+                        var o, d, m;
                         return [
                           e[12] || (e[12] = t("b", null, "Amount", -1)),
-                          i(": " + u(c(h)((r = s.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          i(": " + u(c(h)((o = s.value) == null ? void 0 : o.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(c(h)((d = s.value) == null ? void 0 : d.totalFee).toFormat("$0.00")), 1),
@@ -265,16 +265,16 @@ const ee = /* @__PURE__ */ T({
               _: 1
             })
           ]),
-          t("div", oe, [
+          t("div", le, [
             a(M, {
               modelValue: v.value,
-              "onUpdate:modelValue": e[0] || (e[0] = (r) => v.value = r),
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => v.value = o),
               placeholder: "Search Transactions ..."
             }, null, 8, ["modelValue"])
           ]),
           a(U, {
             modelValue: V.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => V.value = r),
+            "onUpdate:modelValue": e[1] || (e[1] = (o) => V.value = o),
             "search-value": v.value,
             "row-data": N.value,
             "column-defs": D,