@feedmepos/mf-payment 1.0.28 → 1.1.0-beta.2

package/dist/SettlementTransactions-Cw9DnODr.js

@@ -0,0 +1,291 @@
+import { defineComponent as w, resolveComponent as g, openBlock as T, createBlock as L, normalizeClass as z, withCtx as i, createElementVNode as l, toDisplayString as n, createElementBlock as O, unref as a, ref as v, onMounted as G, watch as R, createVNode as o, createTextVNode as d, h as I } from "vue";
+import { e as C, u as Y } from "./index-CNZFZxie.js";
+import "@feedmepos/ui-library";
+import { d as E } from "./dinero-CIVmXLL-.js";
+import { g as H, a as q, t as J, b as Q } from "./assets-BImh8bhR.js";
+import { _ as W } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as X } from "vue-router";
+import { s as Z } from "./index-D5DlMaeB.js";
+import { useI18n as ee, useCoreStore as te } from "@feedmepos/mf-common";
+const ae = /* @__PURE__ */ w({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    const e = _;
+    function f() {
+      return e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : e.data === C.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (h, k) => {
+      const F = g("FmBadge");
+      return T(), L(F, {
+        inline: "",
+        class: z(f())
+      }, {
+        default: i(() => [
+          l("div", null, n(h.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ne = ["src"], le = /* @__PURE__ */ w({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    return (e, f) => (T(), O("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: a(H)(e.row.original.gateway)
+    }, null, 8, ne));
+  }
+}), oe = ["src"], se = /* @__PURE__ */ w({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    return (e, f) => (T(), O("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: a(q)(e.row.original.method.issuer, e.row.original.method.variant)
+    }, null, 8, oe));
+  }
+}), re = { class: "flex mb-6" }, ie = { class: "my-6 w-[240px]" }, be = /* @__PURE__ */ w({
+  __name: "SettlementTransactions",
+  props: {
+    settlementId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(_) {
+    const { t: e } = ee(), f = _, { isLoading: h, startAsyncCall: k } = Y(!0), { currentRestaurant: F } = te(), M = X(), u = v(), x = v([]), N = v([]);
+    async function P(s = !1) {
+      k(async () => {
+        s || (u.value = await Z.readRestaurantSettlementById(f.settlementId));
+        const t = await J.readRestaurantTransactionsBySettlementId(f.settlementId);
+        x.value = Q(t), N.value = x.value;
+      });
+    }
+    function B() {
+      P();
+    }
+    G(B), R(F, B);
+    const V = v(""), U = [
+      {
+        header: () => e("settlements.dialog.feedme.id"),
+        accessorKey: "id"
+      },
+      {
+        header: () => e("settlements.dialog.feedme.pay_id"),
+        accessorKey: "payId"
+      },
+      {
+        header: () => e("settlements.dialog.feedme.gateway"),
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: s, row: t }) => t.original.method ? I(le, { row: t, data: s.getValue() }) : ""
+      },
+      {
+        header: () => e("settlements.dialog.feedme.method"),
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: s, row: t }) => t.original.method ? I(se, { row: t, data: s.getValue() }) : ""
+      },
+      {
+        header: () => e("settlements.dialog.feedme.type"),
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: s }) => {
+          if (!s.original.method)
+            return "";
+          const t = s.original.method.variant;
+          return t.includes("_ONLINE") ? "ONLINE" : t.includes("_OFFLINE") ? "OFFLINE" : t;
+        }
+      },
+      {
+        header: () => e("settlements.dialog.feedme.status"),
+        accessorKey: "status",
+        cell: ({ cell: s, row: t }) => I(ae, { row: t, data: s.getValue() })
+      },
+      {
+        header: () => e("settlements.dialog.feedme.transaction_at"),
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => e("settlements.dialog.feedme.sales_amount"),
+        accessorKey: "amount"
+      },
+      {
+        header: () => e("settlements.dialog.feedme.fee"),
+        accessorKey: "fee"
+      },
+      {
+        header: () => e("settlements.dialog.feedme.settlement_amount"),
+        accessorKey: "payout"
+      }
+    ], y = v("");
+    let S;
+    return R(y, async () => {
+      S && clearTimeout(S), S = setTimeout(() => {
+        var s = new RegExp(y.value, "i");
+        N.value = x.value.filter((t) => {
+          const b = JSON.stringify(t);
+          return s.test(b);
+        });
+      }, 700);
+    }), (s, t) => {
+      var K;
+      const b = g("FmCardHeader"), p = g("FmCardSection"), A = g("FmCard"), D = g("FmSearch"), j = g("FmTable");
+      return T(), L(W, {
+        title: `${a(e)("settlements.dialog.title")} (${(K = u.value) == null ? void 0 : K._id})`,
+        loading: a(h),
+        onBack: a(M).back
+      }, {
+        default: i(() => [
+          l("div", re, [
+            o(A, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: i(() => [
+                o(p, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: i(() => [
+                    o(b, {
+                      class: "p-0",
+                      title: a(e)("settlements.dialog.info.transaction.title"),
+                      subtitle: ""
+                    }, null, 8, ["title"]),
+                    o(p, { class: "p-0" }, {
+                      default: i(() => {
+                        var r, m, c, $;
+                        return [
+                          l("b", null, n(a(e)("settlements.dialog.info.transaction.for")), 1),
+                          d(": " + n((m = (r = u.value) == null ? void 0 : r.store) == null ? void 0 : m.event) + " ", 1),
+                          t[2] || (t[2] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.transaction.reference")), 1),
+                          d(": " + n(($ = (c = u.value) == null ? void 0 : c.store) == null ? void 0 : $.id), 1),
+                          t[3] || (t[3] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.transaction.count")), 1),
+                          d(": " + n(x.value.length), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(A, {
+              horizontal: "",
+              class: "flex-1 p-6 mx-6",
+              variant: "elevated"
+            }, {
+              default: i(() => [
+                o(p, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: i(() => [
+                    o(b, {
+                      class: "p-0",
+                      title: a(e)("settlements.dialog.info.bank.title"),
+                      subtitle: ""
+                    }, null, 8, ["title"]),
+                    o(p, { class: "p-0" }, {
+                      default: i(() => {
+                        var r, m, c;
+                        return [
+                          l("b", null, n(a(e)("settlements.dialog.info.bank.for")), 1),
+                          d(": " + n((r = u.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          t[4] || (t[4] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.bank.name")), 1),
+                          d(": " + n((m = u.value) == null ? void 0 : m.beneficiaryBank.holderName), 1),
+                          t[5] || (t[5] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.bank.number")), 1),
+                          d(": " + n((c = u.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(A, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: i(() => [
+                o(p, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: i(() => [
+                    o(b, {
+                      class: "p-0",
+                      title: a(e)("settlements.dialog.info.payout.title"),
+                      subtitle: ""
+                    }, null, 8, ["title"]),
+                    o(p, { class: "p-0" }, {
+                      default: i(() => {
+                        var r, m, c;
+                        return [
+                          l("b", null, n(a(e)("settlements.dialog.info.payout.amount")), 1),
+                          d(": " + n(a(E)((r = u.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          t[6] || (t[6] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.payout.fee")), 1),
+                          d(": " + n(a(E)((m = u.value) == null ? void 0 : m.totalFee).toFormat("$0.00")), 1),
+                          t[7] || (t[7] = l("br", null, null, -1)),
+                          l("b", null, n(a(e)("settlements.dialog.info.payout.payout")), 1),
+                          d(": " + n(a(E)((c = u.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          l("div", ie, [
+            o(D, {
+              modelValue: y.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (r) => y.value = r),
+              placeholder: a(e)("settlements.dialog.search")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          o(j, {
+            modelValue: V.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (r) => V.value = r),
+            "shrink-at": !1,
+            "search-value": y.value,
+            "row-data": N.value,
+            "column-defs": U,
+            loading: a(h)
+          }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  be as default
+};