@feedmepos/mf-payment 1.5.29-dev → 1.5.30-dev

package/dist/SettlementTransactions-BCk6M7qB.js

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