@feedmepos/mf-payment 0.0.0-beta.9 → 1.0.0-beta.2

package/dist/RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js

@@ -0,0 +1,33 @@
+import { defineComponent as c, computed as a, resolveComponent as i, openBlock as d, createBlock as _, unref as l } from "vue";
+import { useCoreStore as v } from "@feedmepos/mf-common";
+const C = /* @__PURE__ */ c({
+  __name: "RestaurantSelector",
+  setup(f) {
+    const t = v(), r = a(() => {
+      var e;
+      return (e = t.currentRestaurant.value) == null ? void 0 : e._id;
+    }), u = a(() => t.restaurants.value.map((e) => ({
+      label: e.profile.name,
+      value: e._id
+    })));
+    return (e, n) => {
+      const s = i("FmSelect");
+      return d(), _(s, {
+        label: "Restaurant",
+        modelValue: r.value,
+        "onUpdate:modelValue": [
+          n[0] || (n[0] = (o) => r.value = o),
+          n[1] || (n[1] = (o) => {
+            const m = l(t).restaurants.value.find((p) => p._id == o);
+            l(t).changeRestaurant(m);
+          })
+        ],
+        class: "w-[220px]",
+        items: u.value
+      }, null, 8, ["modelValue", "items"]);
+    };
+  }
+});
+export {
+  C as _
+};

package/dist/SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, mergeModels as r, useModel as s, computed as i, resolveComponent as d, openBlock as p, createBlock as v } from "vue";
+import "@feedmepos/ui-library";
+const h = /* @__PURE__ */ c({
+  __name: "SelectAll",
+  props: /* @__PURE__ */ r({
+    label: {
+      type: String
+    },
+    items: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      required: !0,
+      type: Array
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = s(e, "modelValue"), t = e, o = i(() => {
+      const a = l.value;
+      return t.items.filter((n) => a.includes(n.value)).length === t.items.length;
+    });
+    return (a, n) => {
+      const u = d("FmMenuItem");
+      return p(), v(u, {
+        "model-value": o.value,
+        "has-checkbox": "",
+        key: "select-all",
+        label: e.label ?? "All",
+        onclick: () => {
+          o.value ? l.value = [] : l.value = e.items.map((m) => m.value);
+        }
+      }, null, 8, ["model-value", "label", "onclick"]);
+    };
+  }
+});
+export {
+  h as _
+};

package/dist/Settlement-Crdfq22j.js

@@ -0,0 +1,149 @@
+import { defineComponent as w, ref as S, computed as D, resolveComponent as h, openBlock as v, createBlock as x, h as A, onMounted as k, watch as F, unref as n, withCtx as V, createElementVNode as p, createVNode as i, isRef as C } from "vue";
+import { u as $ } from "./index-CWaKb7bG.js";
+import { h as _ } from "./moment-h96o7c8I.js";
+import { useCoreStore as b } from "@feedmepos/mf-common";
+import { _ as I } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { s as g } from "./index-CojhNtuG.js";
+import "@feedmepos/ui-library";
+import { d as f } from "./dinero-CIVmXLL-.js";
+import { _ as K } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { useRouter as P } from "vue-router";
+import { u as O } from "./index-7KNaibcq.js";
+import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as B } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+const L = /* @__PURE__ */ w({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(y, { emit: d }) {
+    const e = y, r = d, s = S(""), c = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => A(K, { data: t.getValue() })
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], l = D(() => e.data.map((t) => ({
+      id: t._id,
+      transactionAt: _(t.createdAt).format("YYYY-MM-DD"),
+      amount: f(t.totalAmount).toFormat("$0.00"),
+      fee: f(t.totalFee).toFormat("$0.00"),
+      payout: f(t.totalPayout).toFormat("$0.00")
+    })));
+    return (t, o) => {
+      const m = h("FmTable");
+      return v(), x(m, {
+        modelValue: s.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+        "row-data": l.value,
+        "column-defs": c,
+        loading: e.loading,
+        onRowClick: o[1] || (o[1] = (a) => r("row-click", e.data.at(a.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), M = { class: "flex justify-between items-center mb-6" }, T = { class: "flex space-x-8 items-center" }, q = { class: "flex space-x-4 items-center" }, te = /* @__PURE__ */ w({
+  __name: "Settlement",
+  setup(y) {
+    const d = P(), { dateRange: e } = O({
+      dateRange: {
+        startDate: _().startOf("day").toISOString(),
+        endDate: _().endOf("day").toISOString()
+      }
+    }), { isLoading: r, startAsyncCall: s } = $(!0), { currentRestaurant: c } = b(), l = S([]);
+    async function t() {
+      await s(async () => {
+        const m = await g.readRestaurantSettlements(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        l.value = m;
+      });
+    }
+    function o() {
+      t();
+    }
+    return k(o), F(c, o), (m, a) => {
+      const R = h("FmSimpleDateRangePicker");
+      return v(), x(I, {
+        title: "Settlements",
+        description: "Settlements are the finalization of financial transactions, transferring funds to complete payments.",
+        loading: n(r)
+      }, {
+        default: V(() => [
+          p("div", M, [
+            p("div", T, [
+              i(B),
+              i(R, {
+                modelValue: n(e),
+                "onUpdate:modelValue": [
+                  a[0] || (a[0] = (u) => C(e) ? e.value = u : null),
+                  t
+                ],
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            p("div", q, [
+              i(Y, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await n(g).downloadRestaurantSettlementReport({
+                    start: n(e).startDate,
+                    end: n(e).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i(L, {
+            loading: n(r),
+            data: l.value,
+            onRowClick: a[1] || (a[1] = (u) => n(d).push({
+              name: "mf-payment-settlement-transaction",
+              params: {
+                settlementId: u._id
+              }
+            }))
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  te as default
+};

package/dist/Settlement-JHOJNkhd.js

@@ -0,0 +1,194 @@
+import { defineComponent as h, ref as C, computed as V, resolveComponent as i, openBlock as k, createBlock as D, h as M, watch as $, onMounted as L, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as K, createElementBlock as P, Fragment as E, renderList as O } from "vue";
+import { u as S } from "./index-CWaKb7bG.js";
+import { h as v } from "./moment-h96o7c8I.js";
+import { s as d } from "./index-CojhNtuG.js";
+import { useSnackbar as T } from "@feedmepos/ui-library";
+import { d as g } from "./dinero-CIVmXLL-.js";
+import { _ as Y } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { useRouter as q } from "vue-router";
+import { _ as N } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { u as U } from "./index-7KNaibcq.js";
+import { u as j } from "./error-K1CakhA9.js";
+const z = /* @__PURE__ */ h({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(w, { emit: u }) {
+    const r = w, m = u, o = C(""), p = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: e }) => M(Y, { data: e.getValue() })
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], f = V(() => r.data.map((e) => ({
+      id: e._id,
+      transactionAt: v(e.createdAt).format("YYYY-MM-DD"),
+      amount: g(e.totalAmount).toFormat("$0.00"),
+      fee: g(e.totalFee).toFormat("$0.00"),
+      payout: g(e.totalPayout).toFormat("$0.00")
+    })));
+    return (e, n) => {
+      const _ = i("FmTable");
+      return k(), D(_, {
+        modelValue: o.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
+        "row-data": f.value,
+        "column-defs": p,
+        loading: r.loading,
+        onRowClick: n[1] || (n[1] = (l) => m("row-click", r.data.at(l.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), G = { class: "flex justify-between items-center mb-6" }, Q = { class: "flex space-x-4 items-center" }, H = { class: "flex space-x-4 items-center" }, ie = /* @__PURE__ */ h({
+  __name: "Settlement",
+  setup(w) {
+    const { isLoading: u, startAsyncCall: r } = S(!0), m = S(!1), o = C([]), p = q(), f = T(), { dateRange: e } = U({
+      dateRange: {
+        startDate: v().startOf("day").toISOString(),
+        endDate: v().endOf("day").toISOString()
+      }
+    });
+    $(e, n);
+    async function n() {
+      await r(async () => {
+        const F = await d.readByDate(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        o.value = F;
+      });
+    }
+    function _() {
+      n();
+    }
+    L(_);
+    const l = [
+      {
+        label: "Audit Report",
+        sublabel: "Full transactions details report from each payment providers.",
+        icon: "file_download",
+        value: "auditReport",
+        onClick: () => d.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: () => d.downloadSummaryReport(o.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: () => d.downloadBankInstructionFile(o.value)
+      }
+    ];
+    return (F, c) => {
+      const R = i("FmSimpleDateRangePicker"), A = i("FmButton"), x = i("FmMenuItem"), I = i("FmMenu");
+      return k(), D(N, {
+        title: "Settlements",
+        loading: a(u)
+      }, {
+        default: b(() => [
+          y("div", G, [
+            y("div", Q, [
+              s(R, {
+                modelValue: a(e),
+                "onUpdate:modelValue": c[0] || (c[0] = (t) => K(e) ? e.value = t : null),
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            y("div", H, [
+              s(I, { trigger: "click" }, {
+                "menu-button": b(() => [
+                  s(A, {
+                    class: "w-full mt-6",
+                    variant: "primary",
+                    "append-icon": "arrow_drop_down",
+                    label: "Actions",
+                    loading: a(m).isLoading.value
+                  }, null, 8, ["loading"])
+                ]),
+                default: b(() => [
+                  (k(), P(E, null, O(l, (t) => s(x, {
+                    key: t.value,
+                    label: t.label,
+                    icon: t.icon,
+                    sublabel: t.sublabel,
+                    selectable: !0,
+                    onClick: (J) => {
+                      a(m).startAsyncCall(async () => {
+                        try {
+                          await t.onClick();
+                        } catch (B) {
+                          a(f).open({
+                            type: "error",
+                            title: "Error",
+                            message: a(j)(B)
+                          });
+                        }
+                      });
+                    }
+                  }, null, 8, ["label", "icon", "sublabel", "onClick"])), 64))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          s(z, {
+            loading: a(u),
+            data: o.value,
+            onRowClick: c[1] || (c[1] = (t) => a(p).push({
+              name: "mf-payment-admin.settlement-transaction",
+              params: {
+                settlementId: t._id
+              }
+            }))
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  ie as default
+};