@feedmepos/mf-payment 1.5.36-dev → 1.5.38-dev

package/dist/Settlement-XhN_oxNt.js

@@ -0,0 +1,616 @@
+import { defineComponent as x, resolveComponent as k, openBlock as $, createBlock as N, ref as A, computed as j, createElementBlock as P, Fragment as G, unref as e, withDirectives as Q, vShow as W, createCommentVNode as E, createVNode as p, h as L, watch as D, createElementVNode as i, withCtx as S, toDisplayString as _, createTextVNode as R, onMounted as z, renderList as X, isRef as U } from "vue";
+import { u as q } from "./index-T2CVm7-_.js";
+import { h as Y } from "./moment-h96o7c8I.js";
+import { useCoreStore as H, useI18n as M } from "@feedmepos/mf-common";
+import { _ as Z } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { s as B } from "./index-_EfmUlsc.js";
+import { useDialog as ee } from "@feedmepos/ui-library";
+import { d as h } from "./dinero-CIVmXLL-.js";
+import { _ as J } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
+import { useRouter as te } from "vue-router";
+import { u as ae } from "./index-Q0ELb0wB.js";
+import { _ as ne } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as oe } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-BNVnvrVY.js";
+import { p as le } from "./index-Dq4IAN2N.js";
+const se = /* @__PURE__ */ x({
+  __name: "InvoiceStatus",
+  props: {
+    data: {}
+  },
+  setup(v) {
+    const a = v;
+    function c() {
+      return a.data && a.data !== "" ? "#66BB6A" : "#EF5350";
+    }
+    function u() {
+      return a.data && a.data !== "" ? "check" : "close";
+    }
+    return (d, r) => {
+      const g = k("FmIcon");
+      return $(), N(g, {
+        name: u(),
+        color: c(),
+        size: "lg"
+      }, null, 8, ["name", "color"]);
+    };
+  }
+}), re = /* @__PURE__ */ x({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(v, { emit: a }) {
+    const { currentCountry: c, currentBusiness: u, namespace: d } = H(), { t: r } = M(), g = A(!0), b = v, y = a, n = A(""), t = [
+      {
+        header: () => r("payment.settlements.table.id"),
+        accessorKey: "id",
+        cell: ({ cell: m }) => L(J, { data: m.getValue() })
+      },
+      {
+        header: () => r("payment.settlements.table.bank"),
+        accessorKey: "bank"
+      },
+      {
+        header: () => r("payment.settlements.table.account"),
+        accessorKey: "accountNo"
+      },
+      {
+        header: () => r("payment.settlements.table.created_at"),
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => r("payment.settlements.table.sales_amount"),
+        accessorKey: "amount"
+      },
+      {
+        header: () => r("payment.settlements.table.fee"),
+        accessorKey: "fee"
+      },
+      {
+        header: () => r("payment.settlements.table.settlement_amount"),
+        accessorKey: "payout"
+      },
+      {
+        header: () => r("payment.settlements.table.invoice_status"),
+        accessorKey: "invoiceId",
+        cell: ({ cell: m }) => L(se, { data: m.getValue() })
+      }
+    ], f = j(() => b.data.map((m) => ({
+      id: m._id,
+      bank: m.beneficiaryBank.name,
+      accountNo: m.beneficiaryBank.accountNumber,
+      transactionAt: Y(m.createdAt).format("YYYY-MM-DD"),
+      amount: h(m.totalAmount).toFormat("$0.00"),
+      fee: h(m.totalFee).toFormat("$0.00"),
+      payout: h(m.totalPayout).toFormat("$0.00"),
+      invoiceId: m.invoiceId
+    }))), w = () => {
+      var T;
+      let m = "https://license.feedme.cc/invoices";
+      d.value === "dev" && (m = "https://license.feedmedev.cc/invoices");
+      const F = new URLSearchParams({
+        businessId: ((T = u.value) == null ? void 0 : T._id) ?? "",
+        country: c.value ?? "MY"
+      });
+      open(`${m}?${F.toString()}`, "_blank");
+    };
+    return (m, F) => {
+      const T = k("FmSnackbar"), o = k("FmTable");
+      return $(), P(G, null, [
+        e(c) === "MY" ? Q(($(), N(T, {
+          key: 0,
+          class: "mb-10",
+          title: e(r)("payment.settlements.invoice.title"),
+          description: e(r)("payment.settlements.invoice.description"),
+          action: e(r)("payment.settlements.invoice.action"),
+          variant: "info",
+          dismissable: "",
+          onOnDismiss: F[0] || (F[0] = (l) => g.value = !1),
+          onOnAction: w
+        }, null, 8, ["title", "description", "action"])), [
+          [W, g.value]
+        ]) : E("", !0),
+        p(o, {
+          modelValue: n.value,
+          "onUpdate:modelValue": F[1] || (F[1] = (l) => n.value = l),
+          "row-data": f.value,
+          "shrink-at": !1,
+          "column-defs": t,
+          loading: b.loading,
+          onRowClick: F[2] || (F[2] = (l) => y("row-click", b.data.at(l.index)))
+        }, null, 8, ["modelValue", "row-data", "loading"])
+      ], 64);
+    };
+  }
+}), me = /* @__PURE__ */ x({
+  __name: "FiuuSettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(v, { emit: a }) {
+    const { t: c } = M(), u = v, d = a, r = A(""), g = [
+      {
+        header: () => c("payment.settlements.table.id"),
+        accessorKey: "id",
+        cell: ({ cell: y }) => L(J, { data: y.getValue() })
+      },
+      {
+        header: () => c("payment.settlements.table.bank"),
+        accessorKey: "bank"
+      },
+      {
+        header: () => c("payment.settlements.table.account"),
+        accessorKey: "accountNo"
+      },
+      {
+        header: () => c("payment.settlements.table.created_at"),
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => c("payment.settlements.table.sales_amount"),
+        accessorKey: "amount"
+      },
+      {
+        header: () => c("payment.settlements.table.fee"),
+        accessorKey: "fee"
+      },
+      {
+        header: () => c("payment.settlements.table.settlement_amount"),
+        accessorKey: "payout"
+      }
+    ], b = j(() => u.data.map((y) => ({
+      id: y.summary.referenceNo,
+      bank: y.summary.bank.name,
+      accountNo: y.summary.bank.accountNo,
+      transactionAt: Y(y.summary.completedAt).format("YYYY-MM-DD"),
+      amount: h(y.summary.amount).toFormat("$0.00"),
+      fee: h(y.summary.commission).toFormat("$0.00"),
+      payout: h(y.summary.payout).toFormat("$0.00")
+    })));
+    return (y, n) => {
+      const t = k("FmTable");
+      return $(), N(t, {
+        modelValue: r.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (f) => r.value = f),
+        "row-data": b.value,
+        "shrink-at": !1,
+        "column-defs": g,
+        loading: u.loading,
+        onRowClick: n[1] || (n[1] = (f) => d("row-click", u.data.at(f.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), ue = {
+  id: "fiuu-settlement-dialog",
+  class: "flex mb-6"
+}, ie = { class: "my-6 w-[240px]" }, ce = /* @__PURE__ */ x({
+  __name: "FiuuSettlementTransactions",
+  props: {
+    settlement: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(v) {
+    const { t: a } = M(), u = A(
+      v.settlement.record.map((n) => (Object.assign(n, {
+        __localAmount: h(n.amount).toFormat("0.00"),
+        __localComission: h(n.commission).toFormat("0.00"),
+        __localNetAMount: h(n.netAmount).toFormat("0.00")
+      }), n))
+    ), d = A(u.value), r = A(""), g = [
+      {
+        header: () => a("payment.settlements.dialog.fiuu.id"),
+        accessorKey: "referenceNo"
+      },
+      {
+        header: () => a("payment.settlements.dialog.fiuu.type"),
+        accessorKey: "group"
+      },
+      {
+        header: () => a("payment.settlements.dialog.fiuu.transaction_at"),
+        accessorKey: "completedAt",
+        meta: {
+          width: "180px"
+        },
+        cell: ({ cell: n }) => Y(n.getValue()).format("YYYY-MM-DD HH:mm:ss")
+      },
+      {
+        header: () => a("payment.settlements.dialog.fiuu.sales_amount"),
+        accessorKey: "amount",
+        cell: ({ cell: n }) => h(n.getValue()).toFormat("$0.00")
+      },
+      {
+        header: () => a("payment.settlements.dialog.fiuu.fee"),
+        accessorKey: "commission",
+        cell: ({ cell: n }) => h(n.getValue()).toFormat("$0.00")
+      },
+      {
+        header: () => a("payment.settlements.dialog.fiuu.settlement_amount"),
+        accessorKey: "netAmount",
+        cell: ({ cell: n }) => h(n.getValue()).toFormat("$0.00")
+      }
+    ], b = A("");
+    let y;
+    return D(b, async () => {
+      y && clearTimeout(y), y = setTimeout(() => {
+        var n = new RegExp(b.value, "i");
+        d.value = u.value.filter((t) => {
+          const f = JSON.stringify(t);
+          return n.test(f);
+        });
+      }, 700);
+    }), (n, t) => {
+      const f = k("FmCardHeader"), w = k("FmCardSection"), m = k("FmCard"), F = k("FmSearch"), T = k("FmTable");
+      return $(), P(G, null, [
+        i("div", ue, [
+          p(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: S(() => [
+              p(w, { class: "flex flex-col gap-16 justify-between" }, {
+                default: S(() => [
+                  p(f, {
+                    class: "p-0",
+                    title: e(a)("payment.settlements.dialog.info.transaction.title"),
+                    subtitle: ""
+                  }, null, 8, ["title"]),
+                  p(w, { class: "p-0" }, {
+                    default: S(() => [
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.transaction.for")), 1),
+                      R(": " + _(v.settlement.summary.group) + " ", 1),
+                      t[2] || (t[2] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.transaction.reference")), 1),
+                      R(": " + _(v.settlement.summary.referenceNo), 1),
+                      t[3] || (t[3] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.transaction.count")), 1),
+                      R(": " + _(u.value.length), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          p(m, {
+            horizontal: "",
+            class: "flex-1 p-6 mx-6",
+            variant: "elevated"
+          }, {
+            default: S(() => [
+              p(w, { class: "flex flex-col gap-16 justify-between" }, {
+                default: S(() => [
+                  p(f, {
+                    class: "p-0",
+                    title: e(a)("payment.settlements.dialog.info.bank.title"),
+                    subtitle: ""
+                  }, null, 8, ["title"]),
+                  p(w, { class: "p-0" }, {
+                    default: S(() => [
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.bank.for")), 1),
+                      R(": " + _(v.settlement.summary.bank.name), 1),
+                      t[4] || (t[4] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.bank.name")), 1),
+                      R(": " + _(v.settlement.summary.bank.holderName), 1),
+                      t[5] || (t[5] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.bank.number")), 1),
+                      R(": " + _(v.settlement.summary.bank.accountNo), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          p(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: S(() => [
+              p(w, { class: "flex flex-col gap-16 justify-between" }, {
+                default: S(() => [
+                  p(f, {
+                    class: "p-0",
+                    title: e(a)("payment.settlements.dialog.info.payout.title"),
+                    subtitle: ""
+                  }, null, 8, ["title"]),
+                  p(w, { class: "p-0" }, {
+                    default: S(() => [
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.payout.amount")), 1),
+                      R(": " + _(e(h)(v.settlement.summary.amount).toFormat("$0.00")), 1),
+                      t[6] || (t[6] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.payout.fee")), 1),
+                      R(": " + _(e(h)(v.settlement.summary.commission).toFormat("$0.00")), 1),
+                      t[7] || (t[7] = i("br", null, null, -1)),
+                      i("b", null, _(e(a)("payment.settlements.dialog.info.payout.payout")), 1),
+                      R(": " + _(e(h)(v.settlement.summary.payout).toFormat("$0.00")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        i("div", ie, [
+          p(F, {
+            modelValue: b.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => b.value = o),
+            placeholder: e(a)("payment.settlements.dialog.search")
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        p(T, {
+          modelValue: r.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+          "shrink-at": !1,
+          "row-data": d.value,
+          "column-defs": g
+        }, null, 8, ["modelValue", "row-data"])
+      ], 64);
+    };
+  }
+}), de = {
+  key: 1,
+  class: "inline-flex"
+}, pe = { class: "relative" }, ye = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, fe = /* @__PURE__ */ x({
+  __name: "SettlementSelector",
+  props: {
+    id: {},
+    by: {}
+  },
+  emits: ["update:id", "update:by"],
+  setup(v, { emit: a }) {
+    const c = v, u = a, { t: d } = M(), { currentBusiness: r, readRestaurants: g } = H(), { isLoading: b, startAsyncCall: y } = q(!0), n = A([]), t = A(), f = A(""), w = A([]);
+    let m;
+    D(f, async () => {
+      m && clearTimeout(m), m = setTimeout(() => {
+        var o = new RegExp(f.value, "i");
+        w.value = n.value.filter((l) => {
+          const V = JSON.stringify(l);
+          return o.test(V);
+        });
+      }, 700);
+    }), D(t, () => {
+      var o, l;
+      u("update:id", (o = t.value) == null ? void 0 : o.value), u("update:by", (l = t.value) == null ? void 0 : l.by);
+    });
+    async function F() {
+      return y(async () => {
+        let o = await le.readBusinessPayoutAccounts();
+        if (o.length !== 0)
+          return o;
+      });
+    }
+    async function T() {
+      b.value = !0;
+      const o = [];
+      let l = await F();
+      o.push(
+        ...(l || []).filter((s) => s.store.event !== "ORDERING").map((s) => {
+          var K, I, O, C;
+          return {
+            by: "PAYOUT_ACCOUNT",
+            value: s.store.id,
+            prefix: d("payment.components.payout_account"),
+            type: "Payout Account - " + s.store.event,
+            label: ((I = (K = s.ref) == null ? void 0 : K.profile) == null ? void 0 : I.name) ?? s.ref.name,
+            chipLabel: "Marketing: " + (((C = (O = s.ref) == null ? void 0 : O.profile) == null ? void 0 : C.name) ?? s.ref.name)
+          };
+        })
+      );
+      const V = await g();
+      o.push(
+        ...(V || []).map((s) => ({
+          by: "RESTAURANT",
+          value: s._id,
+          prefix: d("payment.components.restaurant"),
+          type: "Restaurant",
+          label: s.profile.name + " (" + (s.profile.code ?? "--") + ")",
+          chipLabel: "Restaurant: " + s.profile.name + " (" + (s.profile.code ?? "--") + ")"
+        }))
+      ), n.value = o, w.value = n.value, t.value = o.find((s) => s.value === c.id && s.by === c.by) ?? o[0], b.value = !1;
+    }
+    return z(T), D(r, T), (o, l) => {
+      const V = k("FmCircularProgress"), s = k("FmChip"), K = k("FmSearch"), I = k("FmMenuItem"), O = k("FmMenu");
+      return e(b) ? ($(), N(V, {
+        key: 0,
+        size: "md"
+      })) : ($(), P("div", de, [
+        p(O, { "close-on-click": !0 }, {
+          "menu-button": S(() => {
+            var C;
+            return [
+              p(s, {
+                icon: "account_box",
+                label: ((C = t.value) == null ? void 0 : C.chipLabel) ?? e(d)("payment.components.select"),
+                removable: !!t.value,
+                onChipClosed: l[0] || (l[0] = (Fe) => t.value = void 0)
+              }, null, 8, ["label", "removable"])
+            ];
+          }),
+          default: S(() => [
+            i("div", pe, [
+              i("div", ye, [
+                p(K, {
+                  "model-value": f.value,
+                  "onUpdate:modelValue": l[1] || (l[1] = (C) => f.value = C),
+                  placeholder: e(d)("payment.components.select")
+                }, null, 8, ["model-value", "placeholder"])
+              ]),
+              i("div", null, [
+                ($(!0), P(G, null, X(w.value, (C) => ($(), N(I, {
+                  key: C.value,
+                  label: C.label,
+                  sublabel: C.type,
+                  onClick: () => t.value = C
+                }, null, 8, ["label", "sublabel", "onClick"]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]));
+    };
+  }
+}), ve = { class: "flex justify-between items-center mb-6" }, be = { class: "flex space-x-8 items-center" }, _e = { class: "flex space-x-4 self-center" }, ge = { class: "mb-6" }, Me = /* @__PURE__ */ x({
+  __name: "Settlement",
+  setup(v) {
+    const a = te(), { tab: c, dateRange: u, id: d, by: r } = ae({
+      id: "",
+      by: "",
+      tab: "feedme",
+      dateRange: {
+        startDate: Y().startOf("day").format("YYYY-MM-DD"),
+        endDate: Y().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { t: g } = M(), { isLoading: b, startAsyncCall: y } = q(!0), n = ee(), t = A([]), f = A([]);
+    async function w() {
+      const o = await B.readBusinessSettlements({
+        start: u.value.startDate,
+        end: u.value.endDate,
+        event: r.value === "PAYOUT_ACCOUNT" ? "MARKETING" : "ORDERING",
+        id: d.value
+      });
+      t.value = o;
+    }
+    async function m() {
+      const o = await B.readBusinessRMSSettlements({
+        start: u.value.startDate,
+        end: u.value.endDate,
+        event: r.value === "PAYOUT_ACCOUNT" ? "MARKETING" : "ORDERING",
+        id: d.value
+      });
+      f.value = o;
+    }
+    async function F() {
+      if (!d.value || d.value === "") {
+        b.value = !1, t.value = [], f.value = [];
+        return;
+      }
+      await y(async () => Promise.all([w(), m()]));
+    }
+    async function T(o) {
+      const l = Y(o.summary.completedAt).format("YYYY/MM/DD");
+      n.open({
+        title: `${g("payment.settlements.dialog.title")} (${o.summary.referenceNo})`,
+        subTitle: `${g("payment.settlements.dialog.date")}: ${l}`,
+        minWidth: "90%",
+        primaryActions: { text: "Close", close: !0 },
+        contentComponent: ce,
+        contentComponentProps: { settlement: o }
+      });
+    }
+    return z(F), D([d, u], F), (o, l) => {
+      const V = k("FmTabs");
+      return $(), N(Z, {
+        title: e(g)("payment.settlements.title"),
+        description: e(g)("payment.settlements.description"),
+        loading: !1
+      }, {
+        default: S(() => [
+          i("div", ve, [
+            i("div", be, [
+              p(fe, {
+                id: e(d),
+                "onUpdate:id": l[0] || (l[0] = (s) => U(d) ? d.value = s : null),
+                by: e(r),
+                "onUpdate:by": l[1] || (l[1] = (s) => U(r) ? r.value = s : null)
+              }, null, 8, ["id", "by"]),
+              p(oe, {
+                modelValue: e(u),
+                "onUpdate:modelValue": l[2] || (l[2] = (s) => U(u) ? u.value = s : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            i("div", _e, [
+              p(ne, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await e(B).downloadBusinessSettlementReport({
+                    start: e(u).startDate,
+                    end: e(u).endDate,
+                    event: e(r) === "PAYOUT_ACCOUNT" ? "MARKETING" : "ORDERING",
+                    id: e(d)
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i("div", ge, [
+            p(V, {
+              modelValue: e(c),
+              "onUpdate:modelValue": l[3] || (l[3] = (s) => U(c) ? c.value = s : null),
+              items: [
+                {
+                  label: "FeedMe",
+                  value: "feedme",
+                  icon: "summarize"
+                },
+                {
+                  label: "Fiuu (RMS)",
+                  value: "fiuu",
+                  icon: "overview"
+                }
+              ]
+            }, null, 8, ["modelValue"])
+          ]),
+          e(c) === "fiuu" ? ($(), N(me, {
+            key: 0,
+            loading: e(b),
+            data: f.value,
+            onRowClick: T
+          }, null, 8, ["loading", "data"])) : E("", !0),
+          e(c) === "feedme" ? ($(), N(re, {
+            key: 1,
+            loading: e(b),
+            data: t.value,
+            onRowClick: l[4] || (l[4] = (s) => e(a).push({
+              name: "mf-payment-settlement-transaction",
+              params: {
+                settlementId: s._id
+              }
+            }))
+          }, null, 8, ["loading", "data"])) : E("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "description"]);
+    };
+  }
+});
+export {
+  Me as default
+};