@feedmepos/mf-payment 1.0.28 → 1.1.0-beta.2

package/dist/Settlement-smC2PDKA.js

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

package/dist/{SettlementTransactions-BSF2Jw-L.js → SettlementTransactions-Bs8Il-GO.js}

@@ -1,12 +1,11 @@
-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-iiG_kivD.js";
+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-CNZFZxie.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-BySnqkmr.js";
-import { t as P, a as Z } from "./transaction-CzLoSCVe.js";
+import { d as k } from "./dinero-CIVmXLL-.js";
+import { g as W, a as X, t as P, b as Z } from "./assets-BImh8bhR.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-DXV5GQaF.js";
+import { s as ae } from "./index-D5DlMaeB.js";
 import { u as ne } from "./error-K1CakhA9.js";
 import { w as oe } from "./Modal-DB8M9o1T.js";
 const re = /* @__PURE__ */ w({
@@ -22,7 +21,7 @@ const re = /* @__PURE__ */ w({
     }
     return (A, _) => {
       const b = g("FmBadge");
-      return F(), k(b, {
+      return F(), B(b, {
         inline: "",
         class: G(m())
       }, {
@@ -68,14 +67,14 @@ const re = /* @__PURE__ */ w({
     const m = o;
     return (A, _) => {
       const b = g("FmButton");
-      return F(), k(b, {
+      return F(), B(b, {
         variant: "plain",
         "prepend-icon": "delete",
         onClick: _[0] || (_[0] = () => m("delete"))
       });
     };
   }
-}), de = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Ae = /* @__PURE__ */ w({
+}), de = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Fe = /* @__PURE__ */ w({
   __name: "SettlementTransactions",
   props: {
     settlementId: {
@@ -195,7 +194,7 @@ const re = /* @__PURE__ */ w({
     }), (a, e) => {
       var $;
       const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), j = g("FmSearch"), z = g("FmTable");
-      return F(), k(ee, {
+      return F(), B(ee, {
         title: `Settlement Transactions (${($ = s.value) == null ? void 0 : $._id})`,
         loading: p(m),
         onBack: p(O).back
@@ -290,13 +289,13 @@ const re = /* @__PURE__ */ w({
                         var r, d, c;
                         return [
                           e[12] || (e[12] = t("b", null, "Amount", -1)),
-                          i(": " + u(p(B)((r = s.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          i(": " + u(p(k)((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)),
-                          i(": " + u(p(B)((d = s.value) == null ? void 0 : d.totalFee).toFormat("$0.00")), 1),
+                          i(": " + u(p(k)((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)),
-                          i(": " + u(p(B)((c = s.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
+                          i(": " + u(p(k)((c = s.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
                         ];
                       }),
                       _: 1
@@ -318,6 +317,7 @@ const re = /* @__PURE__ */ w({
           n(z, {
             modelValue: K.value,
             "onUpdate:modelValue": e[1] || (e[1] = (r) => K.value = r),
+            "shrink-at": !1,
             "search-value": T.value,
             "row-data": I.value,
             "column-defs": U,
@@ -330,5 +330,5 @@ const re = /* @__PURE__ */ w({
   }
 });
 export {
-  Ae as default
+  Fe as default
 };