@feedmepos/mf-payment 1.1.7 → 1.1.8

package/dist/Settlement-C7oFzVbb.js

@@ -0,0 +1,219 @@
+import { defineComponent as M, ref as h, computed as T, resolveComponent as d, openBlock as F, createBlock as Y, h as E, watch as C, onMounted as L, unref as r, withCtx as g, createElementVNode as k, createVNode as i, isRef as R, createElementBlock as N, Fragment as O, renderList as P } from "vue";
+import { u as A } from "./index-DZMn5Qjp.js";
+import { h as S } from "./moment-h96o7c8I.js";
+import { s as _ } from "./index-BMF26WT4.js";
+import { useSnackbar as U } from "@feedmepos/ui-library";
+import { d as w } from "./dinero-CIVmXLL-.js";
+import { _ as q } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { useRouter as J } from "vue-router";
+import { _ as j } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { u as z } from "./index-C1Hgyi3j.js";
+import { u as G } from "./error-K1CakhA9.js";
+import { _ as Q } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import "@feedmepos/mf-common";
+const H = /* @__PURE__ */ M({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(D, { emit: p }) {
+    const m = D, f = p, n = h(""), u = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: a }) => E(q, { data: a.getValue() })
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], y = T(() => m.data.map((a) => ({
+      id: a._id,
+      transactionAt: S(a.createdAt).format("YYYY-MM-DD"),
+      amount: w(a.totalAmount).toFormat("$0.00"),
+      fee: w(a.totalFee).toFormat("$0.00"),
+      payout: w(a.totalPayout).toFormat("$0.00")
+    })));
+    return (a, e) => {
+      const l = d("FmTable");
+      return F(), Y(l, {
+        modelValue: n.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (s) => n.value = s),
+        "row-data": y.value,
+        "shrink-at": !1,
+        "column-defs": u,
+        loading: m.loading,
+        onRowClick: e[1] || (e[1] = (s) => f("row-click", m.data.at(s.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), W = { class: "flex justify-between items-center mb-6" }, X = { class: "flex space-x-4 items-end" }, Z = { class: "flex space-x-4" }, fe = /* @__PURE__ */ M({
+  __name: "Settlement",
+  setup(D) {
+    const { isLoading: p, startAsyncCall: m } = A(!0), f = A(!1), n = h([]), u = h([]), y = J(), a = U(), { dateRange: e, searchKey: l } = z({
+      searchKey: "",
+      dateRange: {
+        startDate: S().startOf("day").format("YYYY-MM-DD"),
+        endDate: S().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    C(e, x);
+    let s;
+    C(l, async () => {
+      s && clearTimeout(s), s = setTimeout(() => {
+        var v = new RegExp(l.value, "i");
+        u.value = n.value.filter((o) => {
+          const c = JSON.stringify(o);
+          return v.test(c);
+        });
+      }, 700);
+    });
+    async function x() {
+      await m(async () => {
+        const v = await _.readByDate(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        if (n.value = v, u.value = n.value, l.value > "") {
+          var o = new RegExp(l.value, "i");
+          u.value = n.value.filter((c) => {
+            const b = JSON.stringify(c);
+            return o.test(b);
+          });
+        }
+      });
+    }
+    function V() {
+      x();
+    }
+    L(V);
+    const B = [
+      {
+        label: "Audit Report",
+        sublabel: "Full transactions details report from each payment providers.",
+        icon: "file_download",
+        value: "auditReport",
+        onClick: () => _.downloadSettlementReport({
+          start: e.value.startDate,
+          end: e.value.endDate
+        })
+      },
+      {
+        label: "Summary Report",
+        sublabel: "Summarized settlement information for each payout accounts.",
+        icon: "account_balance",
+        value: "summaryReport",
+        onClick: () => _.downloadSummaryReport(n.value, {
+          start: e.value.startDate,
+          end: e.value.endDate
+        })
+      },
+      {
+        label: "Bank Instruction File",
+        sublabel: "Generate bank instruction file based on bank formats.",
+        icon: "description",
+        value: "bankInstructionFile",
+        onClick: () => _.downloadBankInstructionFile(n.value)
+      }
+    ];
+    return (v, o) => {
+      const c = d("FmSearch"), b = d("FmButton"), I = d("FmMenuItem"), $ = d("FmMenu");
+      return F(), Y(j, {
+        title: "Settlements",
+        loading: r(p)
+      }, {
+        default: g(() => [
+          k("div", W, [
+            k("div", X, [
+              i(c, {
+                "model-value": r(l),
+                "onUpdate:modelValue": o[0] || (o[0] = (t) => R(l) ? l.value = t : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Settlements ..."
+              }, null, 8, ["model-value"]),
+              i(Q, {
+                modelValue: r(e),
+                "onUpdate:modelValue": o[1] || (o[1] = (t) => R(e) ? e.value = t : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            k("div", Z, [
+              i($, { trigger: "click" }, {
+                "menu-button": g(() => [
+                  i(b, {
+                    variant: "primary",
+                    "append-icon": "arrow_drop_down",
+                    label: "Actions",
+                    loading: r(f).isLoading.value
+                  }, null, 8, ["loading"])
+                ]),
+                default: g(() => [
+                  (F(), N(O, null, P(B, (t) => i(I, {
+                    key: t.value,
+                    label: t.label,
+                    icon: t.icon,
+                    sublabel: t.sublabel,
+                    selectable: !0,
+                    onClick: (ee) => {
+                      r(f).startAsyncCall(async () => {
+                        try {
+                          await t.onClick();
+                        } catch (K) {
+                          r(a).open({
+                            type: "error",
+                            title: "Error",
+                            message: r(G)(K)
+                          });
+                        }
+                      });
+                    }
+                  }, null, 8, ["label", "icon", "sublabel", "onClick"])), 64))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          i(H, {
+            loading: r(p),
+            data: u.value,
+            onRowClick: o[2] || (o[2] = (t) => r(y).push({
+              name: "mf-payment-admin.settlement-transaction",
+              params: {
+                settlementId: t._id
+              }
+            }))
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  fe as default
+};

package/dist/{SettlementTransactions-Cpaq8K6x.js → SettlementTransactions-BRo_oigl.js}

@@ -1,13 +1,14 @@
-import { defineComponent as w, resolveComponent as g, openBlock as T, createBlock as L, normalizeClass as z, withCtx as i, createElementVNode as l, toDisplayString as n, createElementBlock as O, unref as a, ref as v, onMounted as G, watch as R, createVNode as o, createTextVNode as d, h as I } from "vue";
-import { e as C, u as Y } from "./index-DTH2dIPG.js";
+import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as M, normalizeClass as z, withCtx as u, createElementVNode as l, toDisplayString as n, createElementBlock as O, unref as a, ref as v, onMounted as G, watch as L, createVNode as o, createTextVNode as d, h as I } from "vue";
+import { e as C, u as H } from "./index-DZMn5Qjp.js";
 import "@feedmepos/ui-library";
 import { d as E } from "./dinero-CIVmXLL-.js";
-import { g as H, a as q, t as J, b as Q } from "./assets-Da-9jPqG.js";
-import { _ as W } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { useRouter as X } from "vue-router";
-import { s as Z } from "./index-0Dl-qVTd.js";
-import { useI18n as ee, useCoreStore as te } from "@feedmepos/mf-common";
-const ae = /* @__PURE__ */ w({
+import { g as q, a as J, t as Q, b as W } from "./assets-BZmrImt4.js";
+import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as Z } from "vue-router";
+import { s as ee } from "./index-BMF26WT4.js";
+import { useI18n as te, useCoreStore as ae } from "@feedmepos/mf-common";
+import { h as ne } from "./moment-h96o7c8I.js";
+const le = /* @__PURE__ */ w({
   __name: "Status",
   props: {
     row: {},
@@ -19,43 +20,43 @@ const ae = /* @__PURE__ */ w({
       return e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (h, k) => {
-      const F = g("FmBadge");
-      return T(), L(F, {
+      const T = g("FmBadge");
+      return F(), M(T, {
         inline: "",
         class: z(f())
       }, {
-        default: i(() => [
+        default: u(() => [
           l("div", null, n(h.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), ne = ["src"], le = /* @__PURE__ */ w({
+}), oe = ["src"], se = /* @__PURE__ */ w({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(_) {
-    return (e, f) => (T(), O("img", {
+    return (e, f) => (F(), O("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: a(H)(e.row.original.gateway)
-    }, null, 8, ne));
+      src: a(q)(e.row.original.gateway)
+    }, null, 8, oe));
   }
-}), oe = ["src"], se = /* @__PURE__ */ w({
+}), re = ["src"], ie = /* @__PURE__ */ w({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(_) {
-    return (e, f) => (T(), O("img", {
+    return (e, f) => (F(), O("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: a(q)(e.row.original.method.issuer, e.row.original.method.variant)
-    }, null, 8, oe));
+      src: a(J)(e.row.original.method.issuer, e.row.original.method.variant)
+    }, null, 8, re));
   }
-}), re = { class: "flex mb-6" }, ie = { class: "my-6 w-[240px]" }, be = /* @__PURE__ */ w({
+}), ue = { class: "flex mb-6" }, de = { class: "my-6 w-[240px]" }, xe = /* @__PURE__ */ w({
   __name: "SettlementTransactions",
   props: {
     settlementId: {
@@ -64,19 +65,19 @@ const ae = /* @__PURE__ */ w({
     }
   },
   setup(_) {
-    const { t: e } = ee(), f = _, { isLoading: h, startAsyncCall: k } = Y(!0), { currentRestaurant: F } = te(), M = X(), u = v(), x = v([]), N = v([]);
-    async function P(s = !1) {
+    const { t: e } = te(), f = _, { isLoading: h, startAsyncCall: k } = H(!0), { currentRestaurant: T } = ae(), D = Z(), i = v(), x = v([]), N = v([]);
+    async function Y(s = !1) {
       k(async () => {
-        s || (u.value = await Z.readRestaurantSettlementById(f.settlementId));
-        const t = await J.readRestaurantTransactionsBySettlementId(f.settlementId);
-        x.value = Q(t), N.value = x.value;
+        s || (i.value = await ee.readRestaurantSettlementById(f.settlementId));
+        const t = await Q.readRestaurantTransactionsBySettlementId(f.settlementId);
+        x.value = W(t), N.value = x.value;
       });
     }
     function B() {
-      P();
+      Y();
     }
-    G(B), R(F, B);
-    const V = v(""), U = [
+    G(B), L(T, B);
+    const $ = v(""), P = [
       {
         header: () => e("settlements.dialog.feedme.id"),
         accessorKey: "id"
@@ -91,7 +92,7 @@ const ae = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: s, row: t }) => t.original.method ? I(le, { row: t, data: s.getValue() }) : ""
+        cell: ({ cell: s, row: t }) => t.original.method ? I(se, { row: t, data: s.getValue() }) : ""
       },
       {
         header: () => e("settlements.dialog.feedme.method"),
@@ -99,7 +100,11 @@ const ae = /* @__PURE__ */ w({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: s, row: t }) => t.original.method ? I(se, { row: t, data: s.getValue() }) : ""
+        cell: ({ cell: s, row: t }) => t.original.method ? I(ie, { row: t, data: s.getValue() }) : ""
+      },
+      {
+        header: () => e("settlements.dialog.feedme.payFor"),
+        accessorKey: "payFor"
       },
       {
         header: () => e("settlements.dialog.feedme.type"),
@@ -117,7 +122,7 @@ const ae = /* @__PURE__ */ w({
       {
         header: () => e("settlements.dialog.feedme.status"),
         accessorKey: "status",
-        cell: ({ cell: s, row: t }) => I(ae, { row: t, data: s.getValue() })
+        cell: ({ cell: s, row: t }) => I(le, { row: t, data: s.getValue() })
       },
       {
         header: () => e("settlements.dialog.feedme.transaction_at"),
@@ -139,9 +144,9 @@ const ae = /* @__PURE__ */ w({
         accessorKey: "payout"
       }
     ], y = v("");
-    let S;
-    return R(y, async () => {
-      S && clearTimeout(S), S = setTimeout(() => {
+    let A;
+    return L(y, async () => {
+      A && clearTimeout(A), A = setTimeout(() => {
         var s = new RegExp(y.value, "i");
         N.value = x.value.filter((t) => {
           const b = JSON.stringify(t);
@@ -149,37 +154,38 @@ const ae = /* @__PURE__ */ w({
         });
       }, 700);
     }), (s, t) => {
-      var K;
-      const b = g("FmCardHeader"), p = g("FmCardSection"), A = g("FmCard"), D = g("FmSearch"), j = g("FmTable");
-      return T(), L(W, {
-        title: `${a(e)("settlements.dialog.title")} (${(K = u.value) == null ? void 0 : K._id})`,
+      var K, V;
+      const b = g("FmCardHeader"), p = g("FmCardSection"), S = g("FmCard"), U = g("FmSearch"), j = g("FmTable");
+      return F(), M(X, {
+        title: `${a(e)("settlements.dialog.title")} (${(K = i.value) == null ? void 0 : K._id})`,
+        description: `${a(e)("settlements.dialog.date")}: ${a(ne)((V = i.value) == null ? void 0 : V.createdAt).format("YYYY-MM-DD")}`,
         loading: a(h),
-        onBack: a(M).back
+        onBack: a(D).back
       }, {
-        default: i(() => [
-          l("div", re, [
-            o(A, {
+        default: u(() => [
+          l("div", ue, [
+            o(S, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: i(() => [
+              default: u(() => [
                 o(p, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: i(() => [
+                  default: u(() => [
                     o(b, {
                       class: "p-0",
                       title: a(e)("settlements.dialog.info.transaction.title"),
                       subtitle: ""
                     }, null, 8, ["title"]),
                     o(p, { class: "p-0" }, {
-                      default: i(() => {
-                        var r, m, c, $;
+                      default: u(() => {
+                        var r, m, c, R;
                         return [
                           l("b", null, n(a(e)("settlements.dialog.info.transaction.for")), 1),
-                          d(": " + n((m = (r = u.value) == null ? void 0 : r.store) == null ? void 0 : m.event) + " ", 1),
+                          d(": " + n((m = (r = i.value) == null ? void 0 : r.store) == null ? void 0 : m.event) + " ", 1),
                           t[2] || (t[2] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.transaction.reference")), 1),
-                          d(": " + n(($ = (c = u.value) == null ? void 0 : c.store) == null ? void 0 : $.id), 1),
+                          d(": " + n((R = (c = i.value) == null ? void 0 : c.store) == null ? void 0 : R.id), 1),
                           t[3] || (t[3] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.transaction.count")), 1),
                           d(": " + n(x.value.length), 1)
@@ -193,31 +199,31 @@ const ae = /* @__PURE__ */ w({
               ]),
               _: 1
             }),
-            o(A, {
+            o(S, {
               horizontal: "",
               class: "flex-1 p-6 mx-6",
               variant: "elevated"
             }, {
-              default: i(() => [
+              default: u(() => [
                 o(p, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: i(() => [
+                  default: u(() => [
                     o(b, {
                       class: "p-0",
                       title: a(e)("settlements.dialog.info.bank.title"),
                       subtitle: ""
                     }, null, 8, ["title"]),
                     o(p, { class: "p-0" }, {
-                      default: i(() => {
+                      default: u(() => {
                         var r, m, c;
                         return [
                           l("b", null, n(a(e)("settlements.dialog.info.bank.for")), 1),
-                          d(": " + n((r = u.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          d(": " + n((r = i.value) == null ? void 0 : r.beneficiaryBank.name), 1),
                           t[4] || (t[4] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.bank.name")), 1),
-                          d(": " + n((m = u.value) == null ? void 0 : m.beneficiaryBank.holderName), 1),
+                          d(": " + n((m = i.value) == null ? void 0 : m.beneficiaryBank.holderName), 1),
                           t[5] || (t[5] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.bank.number")), 1),
-                          d(": " + n((c = u.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
+                          d(": " + n((c = i.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
                         ];
                       }),
                       _: 1
@@ -228,31 +234,31 @@ const ae = /* @__PURE__ */ w({
               ]),
               _: 1
             }),
-            o(A, {
+            o(S, {
               horizontal: "",
               class: "flex-1 p-6",
               variant: "elevated"
             }, {
-              default: i(() => [
+              default: u(() => [
                 o(p, { class: "flex flex-col gap-16 justify-between" }, {
-                  default: i(() => [
+                  default: u(() => [
                     o(b, {
                       class: "p-0",
                       title: a(e)("settlements.dialog.info.payout.title"),
                       subtitle: ""
                     }, null, 8, ["title"]),
                     o(p, { class: "p-0" }, {
-                      default: i(() => {
+                      default: u(() => {
                         var r, m, c;
                         return [
                           l("b", null, n(a(e)("settlements.dialog.info.payout.amount")), 1),
-                          d(": " + n(a(E)((r = u.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          d(": " + n(a(E)((r = i.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
                           t[6] || (t[6] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.payout.fee")), 1),
-                          d(": " + n(a(E)((m = u.value) == null ? void 0 : m.totalFee).toFormat("$0.00")), 1),
+                          d(": " + n(a(E)((m = i.value) == null ? void 0 : m.totalFee).toFormat("$0.00")), 1),
                           t[7] || (t[7] = l("br", null, null, -1)),
                           l("b", null, n(a(e)("settlements.dialog.info.payout.payout")), 1),
-                          d(": " + n(a(E)((c = u.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
+                          d(": " + n(a(E)((c = i.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
                         ];
                       }),
                       _: 1
@@ -264,28 +270,28 @@ const ae = /* @__PURE__ */ w({
               _: 1
             })
           ]),
-          l("div", ie, [
-            o(D, {
+          l("div", de, [
+            o(U, {
               modelValue: y.value,
               "onUpdate:modelValue": t[0] || (t[0] = (r) => y.value = r),
               placeholder: a(e)("settlements.dialog.search")
             }, null, 8, ["modelValue", "placeholder"])
           ]),
           o(j, {
-            modelValue: V.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (r) => V.value = r),
+            modelValue: $.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (r) => $.value = r),
             "shrink-at": !1,
             "search-value": y.value,
             "row-data": N.value,
-            "column-defs": U,
+            "column-defs": P,
             loading: a(h)
           }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
         ]),
         _: 1
-      }, 8, ["title", "loading", "onBack"]);
+      }, 8, ["title", "description", "loading", "onBack"]);
     };
   }
 });
 export {
-  be as default
+  xe as default
 };