@feedmepos/mf-payment 0.0.0-beta.1

package/dist/SettlementTransactions-C3dnWHkD.js

@@ -0,0 +1,297 @@
+import { defineComponent as F, resolveComponent as p, openBlock as S, createBlock as w, normalizeClass as U, withCtx as r, createElementVNode as t, toDisplayString as u, unref as c, ref as _, onMounted as z, watch as L, createVNode as a, createTextVNode as i, h as C } from "vue";
+import { e as E, u as G } from "./index-DvzXwr90.js";
+import "@feedmepos/ui-library";
+import { d as B } from "./dinero-CIVmXLL-.js";
+import { g as j, a as Y } from "./assets-CZ2m5tCN.js";
+import { t as H, a as q } from "./transaction-fdJNol6A.js";
+import { _ as J } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as Q } from "vue-router";
+import { s as W } from "./index-CjCiGW2Y.js";
+import { useCoreStore as X } from "@feedmepos/mf-common";
+const Z = /* @__PURE__ */ F({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    const o = g;
+    function y() {
+      return o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (f, V) => {
+      const N = p("FmBadge");
+      return S(), w(N, {
+        inline: "",
+        class: U(y())
+      }, {
+        default: r(() => [
+          t("div", null, u(f.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ee = /* @__PURE__ */ F({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    return (o, y) => {
+      const f = p("FmThumbnail");
+      return S(), w(f, {
+        src: c(j)(o.row.original.gateway),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), te = /* @__PURE__ */ F({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(g) {
+    return (o, y) => {
+      const f = p("FmThumbnail");
+      return S(), w(f, {
+        src: c(Y)(o.row.original.method.issuer),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), ae = { class: "flex mb-6" }, ne = { class: "my-6 w-[240px]" }, fe = /* @__PURE__ */ F({
+  __name: "SettlementTransactions",
+  props: {
+    settlementId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(g) {
+    const o = g, { isLoading: y, startAsyncCall: f } = G(!0), { currentRestaurant: V } = X(), N = Q(), s = _(), x = _([]), A = _([]);
+    async function O(n = !1) {
+      f(async () => {
+        n || (s.value = await W.readRestaurantSettlementById(o.settlementId));
+        const e = await H.readRestaurantTransactionsBySettlementId(o.settlementId);
+        x.value = q(e), A.value = x.value;
+      });
+    }
+    function k() {
+      O();
+    }
+    z(k), L(V, k);
+    const K = _(""), $ = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? C(ee, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? C(te, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: n }) => {
+          if (!n.original.method)
+            return "";
+          const e = n.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: n, row: e }) => C(Z, { row: e, data: n.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ], v = _("");
+    let I;
+    return L(v, async () => {
+      I && clearTimeout(I), I = setTimeout(() => {
+        var n = new RegExp(v.value, "i");
+        A.value = x.value.filter((e) => {
+          const T = JSON.stringify(e);
+          return n.test(T);
+        });
+      }, 700);
+    }), (n, e) => {
+      var R;
+      const T = p("FmCardHeader"), b = p("FmCardSection"), h = p("FmCard"), D = p("FmSearch"), M = p("FmTable");
+      return S(), w(J, {
+        title: `Settlement Transactions (${(R = s.value) == null ? void 0 : R._id})`,
+        loading: c(y),
+        onBack: c(N).back
+      }, {
+        default: r(() => [
+          t("div", ae, [
+            a(h, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                a(b, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    a(T, {
+                      class: "p-0",
+                      title: "Transaction Info",
+                      subtitle: ""
+                    }),
+                    a(b, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, m, d, P;
+                        return [
+                          e[2] || (e[2] = t("b", null, "For", -1)),
+                          i(": " + u((m = (l = s.value) == null ? void 0 : l.store) == null ? void 0 : m.event) + " ", 1),
+                          e[3] || (e[3] = t("br", null, null, -1)),
+                          e[4] || (e[4] = t("b", null, "Reference", -1)),
+                          i(": " + u((P = (d = s.value) == null ? void 0 : d.store) == null ? void 0 : P.id), 1),
+                          e[5] || (e[5] = t("br", null, null, -1)),
+                          e[6] || (e[6] = t("b", null, "Transaction", -1)),
+                          i(": " + u(x.value.length), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(h, {
+              horizontal: "",
+              class: "flex-1 p-6 mx-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                a(b, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    a(T, {
+                      class: "p-0",
+                      title: "Bank Info",
+                      subtitle: ""
+                    }),
+                    a(b, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, m, d;
+                        return [
+                          e[7] || (e[7] = t("b", null, "Bank", -1)),
+                          i(": " + u((l = s.value) == null ? void 0 : l.beneficiaryBank.name), 1),
+                          e[8] || (e[8] = t("br", null, null, -1)),
+                          e[9] || (e[9] = t("b", null, "Name", -1)),
+                          i(": " + u((m = s.value) == null ? void 0 : m.beneficiaryBank.holderName), 1),
+                          e[10] || (e[10] = t("br", null, null, -1)),
+                          e[11] || (e[11] = t("b", null, "Number", -1)),
+                          i(": " + u((d = s.value) == null ? void 0 : d.beneficiaryBank.accountNumber), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            a(h, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                a(b, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    a(T, {
+                      class: "p-0",
+                      title: "Payout Info",
+                      subtitle: ""
+                    }),
+                    a(b, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, m, d;
+                        return [
+                          e[12] || (e[12] = t("b", null, "Amount", -1)),
+                          i(": " + u(c(B)((l = s.value) == null ? void 0 : l.totalAmount).toFormat("$0.00")), 1),
+                          e[13] || (e[13] = t("br", null, null, -1)),
+                          e[14] || (e[14] = t("b", null, "Fee", -1)),
+                          i(": " + u(c(B)((m = s.value) == null ? void 0 : m.totalFee).toFormat("$0.00")), 1),
+                          e[15] || (e[15] = t("br", null, null, -1)),
+                          e[16] || (e[16] = t("b", null, "Payout", -1)),
+                          i(": " + u(c(B)((d = s.value) == null ? void 0 : d.totalPayout).toFormat("$0.00")), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t("div", ne, [
+            a(D, {
+              modelValue: v.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => v.value = l),
+              placeholder: "Search Transactions ..."
+            }, null, 8, ["modelValue"])
+          ]),
+          a(M, {
+            modelValue: K.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (l) => K.value = l),
+            "search-value": v.value,
+            "row-data": A.value,
+            "column-defs": $,
+            loading: c(y)
+          }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  fe as default
+};

package/dist/SettlementTransactions-DYelInkD.js

@@ -0,0 +1,351 @@
+import { defineComponent as w, resolveComponent as p, openBlock as A, createBlock as S, normalizeClass as Y, withCtx as u, createElementVNode as t, toDisplayString as c, unref as g, ref as F, onMounted as H, watch as $, createVNode as r, createTextVNode as d, h as C } from "vue";
+import { e as k, u as q } from "./index-DvzXwr90.js";
+import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
+import { d as B } from "./dinero-CIVmXLL-.js";
+import { g as W, a as X } from "./assets-CZ2m5tCN.js";
+import { t as L, a as Z } from "./transaction-fdJNol6A.js";
+import { _ as ee } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as te } from "vue-router";
+import { s as ne } from "./index-CjCiGW2Y.js";
+import { useCoreStore as ae } from "@feedmepos/mf-common";
+const re = /* @__PURE__ */ w({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    const a = o;
+    function i() {
+      return a.data === k.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === k.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === k.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, b) => {
+      const v = p("FmBadge");
+      return A(), S(v, {
+        inline: "",
+        class: Y(i())
+      }, {
+        default: u(() => [
+          t("div", null, c(s.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), oe = /* @__PURE__ */ w({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (a, i) => {
+      const s = p("FmThumbnail");
+      return A(), S(s, {
+        src: g(W)(a.row.original.gateway),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), le = /* @__PURE__ */ w({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (a, i) => {
+      const s = p("FmThumbnail");
+      return A(), S(s, {
+        src: g(X)(a.row.original.method.issuer),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), se = /* @__PURE__ */ w({
+  __name: "Actions",
+  props: {
+    row: {},
+    data: {}
+  },
+  emits: ["delete"],
+  setup(o, { emit: a }) {
+    const i = a;
+    return (s, b) => {
+      const v = p("FmButton");
+      return A(), S(v, {
+        variant: "plain",
+        "prepend-icon": "delete",
+        onClick: b[0] || (b[0] = () => i("delete"))
+      });
+    };
+  }
+});
+function ue(o) {
+  return typeof o == "string" ? o.toUpperCase() : o instanceof Error ? o.message : "unknown error";
+}
+const ie = (o, a, i, s, b) => {
+  const v = o.open({
+    title: a,
+    message: i,
+    primaryActions: { text: "Confirm", close: !0 },
+    secondaryActions: { text: "Cancel", close: !0 }
+  });
+  s && v.onPrimary(s);
+}, me = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Fe = /* @__PURE__ */ w({
+  __name: "SettlementTransactions",
+  props: {
+    settlementId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(o) {
+    const a = o, { isLoading: i, startAsyncCall: s, startAsyncCallFn: b } = q(!0), { currentRestaurant: v } = ae(), M = J(), O = Q(), U = te(), m = F(), N = F([]), I = F([]);
+    async function V(n = !1) {
+      s(async () => {
+        n || (m.value = await ne.readById(a.settlementId));
+        const e = await L.readBySettlementId(a.settlementId);
+        N.value = Z(e), I.value = N.value;
+      });
+    }
+    function K() {
+      V();
+    }
+    H(K), $(v, K);
+    const P = F(""), z = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? C(oe, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? C(le, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: n }) => {
+          if (!n.original.method)
+            return "";
+          const e = n.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: n, row: e }) => C(re, { row: e, data: n.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "action",
+        cell: ({ cell: n, row: e }) => C(se, {
+          row: e,
+          data: n.getValue(),
+          onDelete: () => ie(
+            M,
+            "Remove transaction",
+            "Are you sure to remove transaction from settlement? This action cannot be revert !",
+            b(async () => {
+              try {
+                await L.removeTransactionFromSettlement(e.original.id), await V();
+              } catch (_) {
+                O.open({
+                  type: "error",
+                  title: "Error occurs when removing transaction",
+                  message: ue(_)
+                });
+              }
+            })
+          )
+        })
+      }
+    ], x = F("");
+    let h;
+    return $(x, async () => {
+      h && clearTimeout(h), h = setTimeout(() => {
+        var n = new RegExp(x.value, "i");
+        I.value = N.value.filter((e) => {
+          const _ = JSON.stringify(e);
+          return n.test(_);
+        });
+      }, 700);
+    }), (n, e) => {
+      var D;
+      const _ = p("FmCardHeader"), T = p("FmCardSection"), E = p("FmCard"), G = p("FmSearch"), j = p("FmTable");
+      return A(), S(ee, {
+        title: `Settlement Transactions (${(D = m.value) == null ? void 0 : D._id})`,
+        loading: g(i),
+        onBack: g(U).back
+      }, {
+        default: u(() => [
+          t("div", me, [
+            r(E, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: u(() => [
+                r(T, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: u(() => [
+                    r(_, {
+                      class: "p-0",
+                      title: "Transaction Info",
+                      subtitle: ""
+                    }),
+                    r(T, { class: "p-0" }, {
+                      default: u(() => {
+                        var l, f, y, R;
+                        return [
+                          e[2] || (e[2] = t("b", null, "For", -1)),
+                          d(": " + c((f = (l = m.value) == null ? void 0 : l.store) == null ? void 0 : f.event) + " ", 1),
+                          e[3] || (e[3] = t("br", null, null, -1)),
+                          e[4] || (e[4] = t("b", null, "Reference", -1)),
+                          d(": " + c((R = (y = m.value) == null ? void 0 : y.store) == null ? void 0 : R.id), 1),
+                          e[5] || (e[5] = t("br", null, null, -1)),
+                          e[6] || (e[6] = t("b", null, "Transaction", -1)),
+                          d(": " + c(N.value.length), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            r(E, {
+              horizontal: "",
+              class: "flex-1 p-6 mx-6",
+              variant: "elevated"
+            }, {
+              default: u(() => [
+                r(T, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: u(() => [
+                    r(_, {
+                      class: "p-0",
+                      title: "Bank Info",
+                      subtitle: ""
+                    }),
+                    r(T, { class: "p-0" }, {
+                      default: u(() => {
+                        var l, f, y;
+                        return [
+                          e[7] || (e[7] = t("b", null, "Bank", -1)),
+                          d(": " + c((l = m.value) == null ? void 0 : l.beneficiaryBank.name), 1),
+                          e[8] || (e[8] = t("br", null, null, -1)),
+                          e[9] || (e[9] = t("b", null, "Name", -1)),
+                          d(": " + c((f = m.value) == null ? void 0 : f.beneficiaryBank.holderName), 1),
+                          e[10] || (e[10] = t("br", null, null, -1)),
+                          e[11] || (e[11] = t("b", null, "Number", -1)),
+                          d(": " + c((y = m.value) == null ? void 0 : y.beneficiaryBank.accountNumber), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            r(E, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: u(() => [
+                r(T, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: u(() => [
+                    r(_, {
+                      class: "p-0",
+                      title: "Payout Info",
+                      subtitle: ""
+                    }),
+                    r(T, { class: "p-0" }, {
+                      default: u(() => {
+                        var l, f, y;
+                        return [
+                          e[12] || (e[12] = t("b", null, "Amount", -1)),
+                          d(": " + c(g(B)((l = m.value) == null ? void 0 : l.totalAmount).toFormat("$0.00")), 1),
+                          e[13] || (e[13] = t("br", null, null, -1)),
+                          e[14] || (e[14] = t("b", null, "Fee", -1)),
+                          d(": " + c(g(B)((f = m.value) == null ? void 0 : f.totalFee).toFormat("$0.00")), 1),
+                          e[15] || (e[15] = t("br", null, null, -1)),
+                          e[16] || (e[16] = t("b", null, "Payout", -1)),
+                          d(": " + c(g(B)((y = m.value) == null ? void 0 : y.totalPayout).toFormat("$0.00")), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t("div", ce, [
+            r(G, {
+              modelValue: x.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => x.value = l),
+              placeholder: "Search Transactions ..."
+            }, null, 8, ["modelValue"])
+          ]),
+          r(j, {
+            modelValue: P.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (l) => P.value = l),
+            "search-value": x.value,
+            "row-data": I.value,
+            "column-defs": z,
+            loading: g(i)
+          }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  Fe as default
+};