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

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-B1-WmCwC.js

@@ -0,0 +1,193 @@
+import { defineComponent as C, ref as h, computed as x, resolveComponent as d, openBlock as k, createBlock as A, h as B, watch as V, onMounted as I, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as $, createElementBlock as L, Fragment as K, renderList as E } from "vue";
+import { u as D } from "./index-4meiCsRz.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { s as c } from "./index-CETCXB6X.js";
+import { useSnackbar as T } from "@feedmepos/ui-library";
+import { d as v } from "./dinero-CIVmXLL-.js";
+import { _ as P } 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 O } from "./index-BwFHcZlm.js";
+import { u as U } from "./error-K1CakhA9.js";
+import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const z = /* @__PURE__ */ C({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(w, { emit: u }) {
+    const r = w, i = u, o = h(""), p = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id",
+        cell: ({ cell: e }) => B(P, { 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 = x(() => r.data.map((e) => ({
+      id: e._id,
+      transactionAt: g(e.createdAt).format("YYYY-MM-DD"),
+      amount: v(e.totalAmount).toFormat("$0.00"),
+      fee: v(e.totalFee).toFormat("$0.00"),
+      payout: v(e.totalPayout).toFormat("$0.00")
+    })));
+    return (e, n) => {
+      const _ = d("FmTable");
+      return k(), A(_, {
+        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) => i("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" }, ie = /* @__PURE__ */ C({
+  __name: "Settlement",
+  setup(w) {
+    const { isLoading: u, startAsyncCall: r } = D(!0), i = D(!1), o = h([]), p = q(), f = T(), { dateRange: e } = O({
+      dateRange: {
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    V(e, n);
+    async function n() {
+      await r(async () => {
+        const F = await c.readByDate(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        o.value = F;
+      });
+    }
+    function _() {
+      n();
+    }
+    I(_);
+    const l = [
+      {
+        label: "Audit Report",
+        sublabel: "Full transactions details report from each payment providers.",
+        icon: "file_download",
+        value: "auditReport",
+        onClick: () => c.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: () => c.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: () => c.downloadBankInstructionFile(o.value)
+      }
+    ];
+    return (F, m) => {
+      const M = d("FmButton"), R = d("FmMenuItem"), S = d("FmMenu");
+      return k(), A(N, {
+        title: "Settlements",
+        loading: a(u)
+      }, {
+        default: b(() => [
+          y("div", G, [
+            y("div", Q, [
+              s(j, {
+                modelValue: a(e),
+                "onUpdate:modelValue": m[0] || (m[0] = (t) => $(e) ? e.value = t : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            y("div", H, [
+              s(S, { trigger: "click" }, {
+                "menu-button": b(() => [
+                  s(M, {
+                    variant: "primary",
+                    "append-icon": "arrow_drop_down",
+                    label: "Actions",
+                    loading: a(i).isLoading.value
+                  }, null, 8, ["loading"])
+                ]),
+                default: b(() => [
+                  (k(), L(K, null, E(l, (t) => s(R, {
+                    key: t.value,
+                    label: t.label,
+                    icon: t.icon,
+                    sublabel: t.sublabel,
+                    selectable: !0,
+                    onClick: (J) => {
+                      a(i).startAsyncCall(async () => {
+                        try {
+                          await t.onClick();
+                        } catch (Y) {
+                          a(f).open({
+                            type: "error",
+                            title: "Error",
+                            message: a(U)(Y)
+                          });
+                        }
+                      });
+                    }
+                  }, null, 8, ["label", "icon", "sublabel", "onClick"])), 64))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          s(z, {
+            loading: a(u),
+            data: o.value,
+            onRowClick: m[1] || (m[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
+};

package/dist/Settlement-BSOQRlp1.js

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