@feedmepos/mf-payment 1.0.17-beta.1 → 1.0.18-beta.1

package/dist/Settlement-kfM1jLO-.js

@@ -0,0 +1,444 @@
+import { defineComponent as T, ref as x, computed as R, resolveComponent as w, openBlock as A, createBlock as C, h as Y, watch as M, createElementBlock as P, Fragment as I, createElementVNode as a, createVNode as n, withCtx as p, createTextVNode as b, toDisplayString as v, unref as u, onMounted as U, isRef as N, createCommentVNode as _ } from "vue";
+import { u as j } from "./index-CC8HNMje.js";
+import { h as D } from "./moment-h96o7c8I.js";
+import { useCoreStore as q } from "@feedmepos/mf-common";
+import { _ as z } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { s as K } from "./index-Cj90pU-C.js";
+import { useDialogChild as E, useDialog as O } from "@feedmepos/ui-library";
+import { d } from "./dinero-CIVmXLL-.js";
+import { _ as h } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { useRouter as L } from "vue-router";
+import { u as H } from "./index-DueuWuxx.js";
+import { _ as J } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as Q } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-p4qddIbp.js";
+import { _ as W } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const G = /* @__PURE__ */ T({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(m, { emit: g }) {
+    const r = m, l = g, i = x(""), S = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => Y(h, { data: t.getValue() })
+      },
+      {
+        header: () => "Bank",
+        accessorKey: "bank"
+      },
+      {
+        header: () => "Account No",
+        accessorKey: "accountNo"
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], c = R(() => r.data.map((t) => ({
+      id: t._id,
+      bank: t.beneficiaryBank.name,
+      accountNo: t.beneficiaryBank.accountNumber,
+      transactionAt: D(t.createdAt).format("YYYY-MM-DD"),
+      amount: d(t.totalAmount).toFormat("$0.00"),
+      fee: d(t.totalFee).toFormat("$0.00"),
+      payout: d(t.totalPayout).toFormat("$0.00")
+    })));
+    return (t, o) => {
+      const e = w("FmTable");
+      return A(), C(e, {
+        modelValue: i.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => i.value = s),
+        "row-data": c.value,
+        "column-defs": S,
+        loading: r.loading,
+        onRowClick: o[1] || (o[1] = (s) => l("row-click", r.data.at(s.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), X = /* @__PURE__ */ T({
+  __name: "FiuuSettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(m, { emit: g }) {
+    const r = m, l = g, i = x(""), S = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => Y(h, { data: t.getValue() })
+      },
+      {
+        header: () => "Bank",
+        accessorKey: "bank"
+      },
+      {
+        header: () => "Account No",
+        accessorKey: "accountNo"
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], c = R(() => r.data.map((t) => ({
+      id: t.summary.referenceNo,
+      bank: t.summary.bank.name,
+      accountNo: t.summary.bank.accountNo,
+      transactionAt: D(t.summary.completedAt).format("YYYY-MM-DD"),
+      amount: d(t.summary.amount).toFormat("$0.00"),
+      fee: d(t.summary.commission).toFormat("$0.00"),
+      payout: d(t.summary.payout).toFormat("$0.00")
+    })));
+    return (t, o) => {
+      const e = w("FmTable");
+      return A(), C(e, {
+        modelValue: i.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => i.value = s),
+        "row-data": c.value,
+        "column-defs": S,
+        loading: r.loading,
+        onRowClick: o[1] || (o[1] = (s) => l("row-click", r.data.at(s.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), Z = { class: "flex mb-6" }, ee = { class: "my-6 w-[240px]" }, te = /* @__PURE__ */ T({
+  __name: "FiuuSettlementTransactions",
+  props: {
+    settlement: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(m) {
+    const g = m;
+    E();
+    const r = x(g.settlement.record), l = x(g.settlement.record), i = x(""), S = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "referenceNo"
+      },
+      {
+        header: () => "Type",
+        accessorKey: "group",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "completedAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount",
+        cell: ({ cell: o }) => d(o.getValue()).toFormat("$0.00")
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "commission",
+        cell: ({ cell: o }) => d(o.getValue()).toFormat("$0.00")
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "netAmount",
+        cell: ({ cell: o }) => d(o.getValue()).toFormat("$0.00")
+      }
+    ], c = x("");
+    let t;
+    return M(c, async () => {
+      t && clearTimeout(t), t = setTimeout(() => {
+        var o = new RegExp(c.value, "i");
+        l.value = r.value.filter((e) => {
+          const s = JSON.stringify(e);
+          return o.test(s);
+        });
+      }, 700);
+    }), (o, e) => {
+      const s = w("FmCardHeader"), F = w("FmCardSection"), k = w("FmCard"), $ = w("FmSearch"), y = w("FmTable");
+      return A(), P(I, null, [
+        a("div", Z, [
+          n(k, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: p(() => [
+              n(F, { class: "flex flex-col gap-16 justify-between" }, {
+                default: p(() => [
+                  n(s, {
+                    class: "p-0",
+                    title: "Transaction Info",
+                    subtitle: ""
+                  }),
+                  n(F, { class: "p-0" }, {
+                    default: p(() => [
+                      e[2] || (e[2] = a("b", null, "For", -1)),
+                      b(": " + v(m.settlement.summary.group) + " ", 1),
+                      e[3] || (e[3] = a("br", null, null, -1)),
+                      e[4] || (e[4] = a("b", null, "Reference", -1)),
+                      b(": " + v(m.settlement.summary.referenceNo), 1),
+                      e[5] || (e[5] = a("br", null, null, -1)),
+                      e[6] || (e[6] = a("b", null, "Transaction", -1)),
+                      b(": " + v(r.value.length), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(k, {
+            horizontal: "",
+            class: "flex-1 p-6 mx-6",
+            variant: "elevated"
+          }, {
+            default: p(() => [
+              n(F, { class: "flex flex-col gap-16 justify-between" }, {
+                default: p(() => [
+                  n(s, {
+                    class: "p-0",
+                    title: "Bank Info",
+                    subtitle: ""
+                  }),
+                  n(F, { class: "p-0" }, {
+                    default: p(() => [
+                      e[7] || (e[7] = a("b", null, "Bank", -1)),
+                      b(": " + v(m.settlement.summary.bank.name), 1),
+                      e[8] || (e[8] = a("br", null, null, -1)),
+                      e[9] || (e[9] = a("b", null, "Name", -1)),
+                      b(": " + v(m.settlement.summary.bank.holderName), 1),
+                      e[10] || (e[10] = a("br", null, null, -1)),
+                      e[11] || (e[11] = a("b", null, "Number", -1)),
+                      b(": " + v(m.settlement.summary.bank.accountNo), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(k, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: p(() => [
+              n(F, { class: "flex flex-col gap-16 justify-between" }, {
+                default: p(() => [
+                  n(s, {
+                    class: "p-0",
+                    title: "Payout Info",
+                    subtitle: ""
+                  }),
+                  n(F, { class: "p-0" }, {
+                    default: p(() => [
+                      e[12] || (e[12] = a("b", null, "Amount", -1)),
+                      b(": " + v(u(d)(m.settlement.summary.amount).toFormat("$0.00")), 1),
+                      e[13] || (e[13] = a("br", null, null, -1)),
+                      e[14] || (e[14] = a("b", null, "Fee", -1)),
+                      b(": " + v(u(d)(m.settlement.summary.commission).toFormat("$0.00")), 1),
+                      e[15] || (e[15] = a("br", null, null, -1)),
+                      e[16] || (e[16] = a("b", null, "Payout", -1)),
+                      b(": " + v(u(d)(m.settlement.summary.payout).toFormat("$0.00")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        a("div", ee, [
+          n($, {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (f) => c.value = f),
+            placeholder: "Search Transactions ..."
+          }, null, 8, ["modelValue"])
+        ]),
+        n(y, {
+          modelValue: i.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (f) => i.value = f),
+          "search-value": c.value,
+          "row-data": l.value,
+          "column-defs": S
+        }, null, 8, ["modelValue", "search-value", "row-data"])
+      ], 64);
+    };
+  }
+}), ae = { class: "flex justify-between items-center mb-6" }, oe = { class: "flex space-x-8 items-center" }, ne = { class: "flex space-x-4 self-center" }, le = { class: "mb-6" }, re = { class: "mb-6" }, xe = /* @__PURE__ */ T({
+  __name: "Settlement",
+  setup(m) {
+    const g = L(), { tab: r, dateRange: l } = H({
+      tab: "feedme",
+      dateRange: {
+        startDate: D().startOf("day").format("YYYY-MM-DD"),
+        endDate: D().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: i, startAsyncCall: S } = j(!0), { currentRestaurant: c } = q(), t = O(), o = x([]), e = x([]);
+    async function s() {
+      const y = await K.readRestaurantSettlements(
+        {
+          start: l.value.startDate,
+          end: l.value.endDate
+        }
+      );
+      o.value = y;
+    }
+    async function F() {
+      const y = await K.readRestaurantRMSSettlements(
+        {
+          start: l.value.startDate,
+          end: l.value.endDate
+        }
+      );
+      e.value = y;
+    }
+    async function k() {
+      await S(async () => Promise.all([
+        s(),
+        F()
+      ]));
+    }
+    async function $(y) {
+      t.open({
+        title: `Settlement Transactions (${y.summary.referenceNo})`,
+        minWidth: "90%",
+        primaryActions: { text: "Close", close: !0 },
+        contentComponent: te,
+        contentComponentProps: { settlement: y }
+      });
+    }
+    return U(k), M([c, l], k), (y, f) => {
+      const B = w("FmTabs");
+      return A(), C(z, {
+        title: "Settlements",
+        description: "Settlements are the finalization of financial transactions, transferring funds to complete payments.",
+        loading: !1
+      }, {
+        default: p(() => [
+          a("div", ae, [
+            a("div", oe, [
+              n(Q)
+            ]),
+            a("div", ne, [
+              n(J, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await u(K).downloadRestaurantSettlementReport({
+                    start: u(l).startDate,
+                    end: u(l).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          a("div", le, [
+            n(W, {
+              modelValue: u(l),
+              "onUpdate:modelValue": f[0] || (f[0] = (V) => N(l) ? l.value = V : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          a("div", re, [
+            n(B, {
+              modelValue: u(r),
+              "onUpdate:modelValue": f[1] || (f[1] = (V) => N(r) ? r.value = V : null),
+              items: [
+                {
+                  label: "FeedMe",
+                  value: "feedme",
+                  icon: "summarize"
+                },
+                {
+                  label: "Fiuu (RMS)",
+                  value: "fiuu",
+                  icon: "overview"
+                }
+              ]
+            }, null, 8, ["modelValue"])
+          ]),
+          u(r) === "fiuu" ? (A(), C(X, {
+            key: 0,
+            loading: u(i),
+            data: e.value,
+            onRowClick: $
+          }, null, 8, ["loading", "data"])) : _("", !0),
+          u(r) === "feedme" ? (A(), C(G, {
+            key: 1,
+            loading: u(i),
+            data: o.value,
+            onRowClick: f[2] || (f[2] = (V) => u(g).push({
+              name: "mf-payment-settlement-transaction",
+              params: {
+                settlementId: V._id
+              }
+            }))
+          }, null, 8, ["loading", "data"])) : _("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  xe as default
+};

package/dist/{SettlementTransactions-BXPsJSOI.js → SettlementTransactions-IhEM3Qtp.js}

@@ -1,12 +1,12 @@
 import { defineComponent as T, resolveComponent as g, openBlock as F, createBlock as P, normalizeClass as j, withCtx as l, 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 } from "vue";
-import { e as C, u as G } from "./index-D7Uh09kd.js";
+import { e as C, u as G } from "./index-CC8HNMje.js";
 import "@feedmepos/ui-library";
 import { d as E } from "./dinero-CIVmXLL-.js";
-import { g as Y, a as H } from "./assets-BDTkzAxB.js";
-import { t as q, a as J } from "./transaction-XK-M9o1a.js";
+import { g as Y, a as H } from "./assets-fxpnHIZr.js";
+import { t as q, a as J } from "./transaction-5dZS6JFA.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-4uEqQ1dj.js";
+import { s as X } from "./index-Cj90pU-C.js";
 import { useCoreStore as Z } from "@feedmepos/mf-common";
 const ee = /* @__PURE__ */ T({
   __name: "Status",

package/dist/{SettlementTransactions-BWe-hWjq.js → SettlementTransactions-dVE594dr.js}

@@ -1,12 +1,12 @@
 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 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-D7Uh09kd.js";
+import { e as E, u as q } from "./index-CC8HNMje.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-BDTkzAxB.js";
-import { t as P, a as Z } from "./transaction-XK-M9o1a.js";
+import { g as W, a as X } from "./assets-fxpnHIZr.js";
+import { t as P, a as Z } from "./transaction-5dZS6JFA.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-4uEqQ1dj.js";
+import { s as ae } from "./index-Cj90pU-C.js";
 import { u as ne } from "./error-K1CakhA9.js";
 import { w as oe } from "./Modal-DB8M9o1T.js";
 const re = /* @__PURE__ */ w({