@feedmepos/mf-payment 0.0.0-beta.1

package/dist/PayoutAccount-D4_KKT6o.js

@@ -0,0 +1,266 @@
+import { defineComponent as b, resolveComponent as i, openBlock as f, createBlock as g, normalizeClass as v, withCtx as _, createElementVNode as V, toDisplayString as A, createVNode as c, computed as N, ref as C, watch as x, unref as u, isRef as y, h as k } from "vue";
+import { u as E } from "./index-B8_4waUa.js";
+import { _ as S } from "./index-DvzXwr90.js";
+import { _ as O } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import { P as F, p as K } from "./index-CkSi8Gnc.js";
+import "@feedmepos/ui-library";
+import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-y4tchjya.js";
+const T = /* @__PURE__ */ b({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    const n = p;
+    function a() {
+      return n.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === "PENDING" ? "!w-[16px] !h-[16px] bg-red-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, o) => {
+      const r = i("FmBadge");
+      return f(), g(r, {
+        inline: "",
+        class: v(a())
+      }, {
+        default: _(() => [
+          V("div", null, A(s.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), $ = /* @__PURE__ */ b({
+  __name: "IsActive",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    const n = p;
+    function a() {
+      return n.data ? "#66BB6A" : "#EF5350";
+    }
+    function s() {
+      return n.data ? "check" : "close";
+    }
+    return (o, r) => {
+      const l = i("FmIcon");
+      return f(), g(l, {
+        name: s(),
+        color: a(),
+        size: "lg"
+      }, null, 8, ["name", "color"]);
+    };
+  }
+}), G = /* @__PURE__ */ b({
+  __name: "Bank",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    function n(a) {
+      return a ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (a, s) => {
+      const o = i("FmBadge"), r = i("FmListItem");
+      return f(), g(r, {
+        label: a.row.original.holderName,
+        sublabel: a.row.original.bankName + "  -  " + a.row.original.bankNumber,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: _(() => [
+          c(o, {
+            inline: "",
+            class: v(n(a.row.original.bankReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), U = /* @__PURE__ */ b({
+  __name: "PersonInCharge",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    function n(a) {
+      return a ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (a, s) => {
+      const o = i("FmBadge"), r = i("FmListItem");
+      return f(), g(r, {
+        label: a.row.original.picName,
+        sublabel: a.row.original.picEmail + "  -  " + a.row.original.picPhone,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: _(() => [
+          c(o, {
+            inline: "",
+            class: v(n(a.row.original.picReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), L = { class: "flex items-start mb-6" }, J = /* @__PURE__ */ b({
+  __name: "PayoutAccount",
+  setup(p) {
+    const n = N(() => F.storeEventOptions), a = N(() => F.statusOptions), s = C(), { event: o, status: r, searchKey: l } = E({
+      searchKey: "",
+      event: S.F_PAYOUT_FOR.Enum.ORDERING,
+      status: a.value.map((e) => e.value)
+    });
+    x([o, r], () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.refreshQuery();
+    });
+    let w;
+    x(l, async () => {
+      w && clearTimeout(w), w = setTimeout(
+        () => {
+          var e;
+          return (e = s.value) == null ? void 0 : e.refreshQuery();
+        },
+        700
+      );
+    });
+    const P = function(e) {
+      const t = {
+        bankReady: !1,
+        bankNumber: "",
+        bankName: "",
+        holderName: ""
+      };
+      e.store.bank && e.store.bank.accountNumber && Object.assign(t, {
+        bankReady: !0,
+        bankNumber: e.store.bank.accountNumber,
+        bankName: e.store.bank.name,
+        holderName: e.store.bank.holderName
+      });
+      const d = {
+        picReady: !1,
+        picName: "",
+        picPhone: "",
+        picEmail: ""
+      };
+      e.store.keyPerson && Object.assign(d, {
+        picReady: !0,
+        picName: e.store.keyPerson.name,
+        picPhone: e.store.keyPerson.phone,
+        picEmail: e.store.keyPerson.email
+      });
+      let h = e.ref.name;
+      return e.store.event === "ORDERING" && (h = e.ref.profile.name), {
+        _id: e._id,
+        event: e.store.event,
+        name: h,
+        status: e.status,
+        isActive: e.enable,
+        ...t,
+        ...d
+      };
+    }, I = [
+      {
+        header: () => "Type",
+        accessorKey: "event",
+        meta: {
+          maxWidth: "92px"
+        }
+      },
+      {
+        header: () => "Name",
+        accessorKey: "name"
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: e, row: t }) => k(T, { row: t, data: e.getValue() }),
+        meta: {
+          maxWidth: "108px",
+          textAlign: "right"
+        }
+      },
+      {
+        header: () => "Active?",
+        accessorKey: "isActive",
+        meta: {
+          maxWidth: "64px"
+        },
+        cell: ({ cell: e, row: t }) => k($, { row: t, data: e.getValue() })
+      },
+      {
+        header: () => "Bank Details",
+        accessorKey: "bank",
+        cell: ({ cell: e, row: t }) => k(G, { row: t, data: e.getValue() })
+      },
+      {
+        header: () => "Person In-Charge (PIC)",
+        accessorKey: "pic",
+        cell: ({ cell: e, row: t }) => k(U, { row: t, data: e.getValue() })
+      }
+    ];
+    return (e, t) => {
+      const d = i("FmSelect"), h = i("FmSearch"), B = i("FmFormGroup");
+      return f(), g(O, {
+        title: "Payout Accounts",
+        loading: !1
+      }, {
+        default: _(() => [
+          V("div", L, [
+            c(d, {
+              modelValue: u(o),
+              "onUpdate:modelValue": t[0] || (t[0] = (m) => y(o) ? o.value = m : null),
+              class: "mr-6 w-[128px]",
+              label: "Type",
+              "label-mark": "required",
+              items: n.value
+            }, null, 8, ["modelValue", "items"]),
+            c(d, {
+              modelValue: u(r),
+              "onUpdate:modelValue": t[1] || (t[1] = (m) => y(r) ? r.value = m : null),
+              class: "mr-6 w-[300px]",
+              label: "Status",
+              "label-mark": "required",
+              multiselect: "",
+              items: a.value
+            }, null, 8, ["modelValue", "items"]),
+            c(B, {
+              class: "w-[300px]",
+              modelValue: u(l),
+              "onUpdate:modelValue": t[3] || (t[3] = (m) => y(l) ? l.value = m : null),
+              label: "Search"
+            }, {
+              default: _(() => [
+                c(h, {
+                  modelValue: u(l),
+                  "onUpdate:modelValue": t[2] || (t[2] = (m) => y(l) ? l.value = m : null),
+                  placeholder: "Search accounts ..."
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          c(D, {
+            ref_key: "controller",
+            ref: s,
+            "column-defs": I,
+            "rows-defs": P,
+            paginate: (m, R) => u(K).read({ event: u(o), status: u(r), searchKey: u(l), limit: m, cursor: R }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  J as default
+};

package/dist/Settlement-C4IEccV6.js

@@ -0,0 +1,136 @@
+import { defineComponent as w, ref as S, computed as k, resolveComponent as _, openBlock as v, createBlock as h, onMounted as A, watch as R, unref as i, withCtx as C, createElementVNode as u, createVNode as p, isRef as D } from "vue";
+import { u as V } from "./index-DvzXwr90.js";
+import { h as y } from "./moment-h96o7c8I.js";
+import { useCoreStore as b } from "@feedmepos/mf-common";
+import { _ as $ } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { s as B } from "./index-CjCiGW2Y.js";
+import "@feedmepos/ui-library";
+import { d as f } from "./dinero-CIVmXLL-.js";
+import { useRouter as K } from "vue-router";
+import { u as P } from "./index-B8_4waUa.js";
+const O = /* @__PURE__ */ w({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(g, { emit: m }) {
+    const e = g, n = m, r = S(""), d = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], s = k(() => e.data.map((t) => ({
+      id: t._id,
+      transactionAt: y(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, a) => {
+      const l = _("FmTable");
+      return v(), h(l, {
+        modelValue: r.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => r.value = o),
+        "row-data": s.value,
+        "column-defs": d,
+        loading: e.loading,
+        onRowClick: a[1] || (a[1] = (o) => n("row-click", e.data.at(o.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), Y = { class: "flex justify-between items-center mb-6" }, I = { class: "flex space-x-4 items-center" }, L = { class: "flex space-x-4 items-center" }, H = /* @__PURE__ */ w({
+  __name: "Settlement",
+  setup(g) {
+    const m = K(), { dateRange: e } = P({
+      dateRange: {
+        startDate: y().startOf("day").toISOString(),
+        endDate: y().endOf("day").toISOString()
+      }
+    }), { isLoading: n, startAsyncCall: r } = V(!0), { currentRestaurant: d } = b(), s = S([]);
+    async function t() {
+      await r(async () => {
+        const l = await B.readRestaurantSettlements(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        s.value = l;
+      });
+    }
+    function a() {
+      t();
+    }
+    return A(a), R(d, a), (l, o) => {
+      const x = _("FmDateRangePicker"), F = _("FmButton");
+      return v(), h($, {
+        title: "Settlements",
+        description: "Settlements are the finalization of financial transactions, transferring funds to complete payments.",
+        loading: i(n)
+      }, {
+        default: C(() => [
+          u("div", Y, [
+            u("div", I, [
+              p(x, {
+                modelValue: i(e),
+                "onUpdate:modelValue": [
+                  o[0] || (o[0] = (c) => D(e) ? e.value = c : null),
+                  t
+                ],
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            u("div", L, [
+              p(F, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: () => {
+                }
+              })
+            ])
+          ]),
+          p(O, {
+            loading: i(n),
+            data: s.value,
+            onRowClick: o[1] || (o[1] = (c) => i(m).push({
+              path: `/payment/settlement/${c._id}`
+            }))
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/Settlement-D4gdbOE0.js

@@ -0,0 +1,132 @@
+import { defineComponent as w, ref as v, computed as S, resolveComponent as _, openBlock as x, createBlock as h, watch as k, onMounted as A, unref as i, withCtx as D, createElementVNode as u, createVNode as p, isRef as C } from "vue";
+import { u as R } from "./index-DvzXwr90.js";
+import { h as y } from "./moment-h96o7c8I.js";
+import { s as V } from "./index-CjCiGW2Y.js";
+import "@feedmepos/ui-library";
+import { d as f } from "./dinero-CIVmXLL-.js";
+import { useRouter as b } from "vue-router";
+import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import { u as $ } from "./index-B8_4waUa.js";
+const K = /* @__PURE__ */ w({
+  __name: "SettlementTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(g, { emit: s }) {
+    const n = g, l = s, d = v(""), e = [
+      {
+        header: () => "Settlement ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Created At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], m = S(() => n.data.map((t) => ({
+      id: t._id,
+      transactionAt: y(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 a = _("FmTable");
+      return x(), h(a, {
+        modelValue: d.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
+        "row-data": m.value,
+        "column-defs": e,
+        loading: n.loading,
+        onRowClick: o[1] || (o[1] = (r) => l("row-click", n.data.at(r.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), P = { class: "flex justify-between items-center mb-6" }, O = { class: "flex space-x-4 items-center" }, Y = { class: "flex space-x-4 items-center" }, Q = /* @__PURE__ */ w({
+  __name: "Settlement",
+  setup(g) {
+    const { isLoading: s, startAsyncCall: n } = R(!0), l = v([]), d = b(), { dateRange: e } = $({
+      dateRange: {
+        startDate: y().startOf("day").toISOString(),
+        endDate: y().endOf("day").toISOString()
+      }
+    });
+    k(e, m);
+    async function m() {
+      await n(async () => {
+        const o = await V.readByDate(
+          {
+            start: e.value.startDate,
+            end: e.value.endDate
+          }
+        );
+        l.value = o;
+      });
+    }
+    function t() {
+      m();
+    }
+    return A(t), (o, a) => {
+      const r = _("FmDateRangePicker"), F = _("FmButton");
+      return x(), h(B, {
+        title: "Settlements",
+        loading: i(s)
+      }, {
+        default: D(() => [
+          u("div", P, [
+            u("div", O, [
+              p(r, {
+                modelValue: i(e),
+                "onUpdate:modelValue": a[0] || (a[0] = (c) => C(e) ? e.value = c : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            u("div", Y, [
+              p(F, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: () => {
+                }
+              })
+            ])
+          ]),
+          p(K, {
+            loading: i(s),
+            data: l.value,
+            onRowClick: a[1] || (a[1] = (c) => i(d).push({
+              path: `/payment/admin/settlement/${c._id}`
+            }))
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  Q as default
+};