@feedmepos/mf-payment 1.5.34 → 1.5.35-dev

package/dist/Settlement-BAeQCoUt.js

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

package/dist/{Settlement-DJ6ETp2U.js → Settlement-CRlYjp36.js}

@@ -1,7 +1,7 @@
 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-T2CVm7-_.js";
 import { h as S } from "./moment-h96o7c8I.js";
-import { s as _ } from "./index-BcmesiC4.js";
+import { s as _ } from "./index-_EfmUlsc.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-DrBLdVka.js";