@feedmepos/mf-payment 1.2.12 → 1.2.13

package/dist/{Settlement-BeI2ksZ3.js → Settlement-Cnbk9m6D.js}

@@ -1,14 +1,14 @@
 import { defineComponent as C, ref as k, computed as R, resolveComponent as w, openBlock as V, createBlock as D, h as T, watch as P, createElementBlock as U, Fragment as q, createElementVNode as m, createVNode as u, withCtx as _, unref as t, toDisplayString as r, createTextVNode as v, onMounted as O, isRef as M, createCommentVNode as N } from "vue";
-import { u as z } from "./index-BI63pT6J.js";
+import { u as z } from "./index-BWaS2Ice.js";
 import { h as $ } from "./moment-h96o7c8I.js";
 import { useI18n as K, useCoreStore as E } from "@feedmepos/mf-common";
 import { _ as H } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { s as A } from "./index-DdE42RgX.js";
+import { s as A } from "./index-0_vl4Euu.js";
 import { useDialog as I } from "@feedmepos/ui-library";
 import { d } from "./dinero-CIVmXLL-.js";
-import { _ as B } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { _ as B } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-XC4V0tsX.js";
 import { useRouter as L } from "vue-router";
-import { u as J } from "./index-CvPpUZR3.js";
+import { u as J } from "./index-DJlXGssK.js";
 import { _ as Q } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as W } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-DyLnqQYe.js";
 import { _ as G } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";

package/dist/SettlementTransactions-D-lWN15V.js

@@ -0,0 +1,362 @@
+import { defineComponent as x, resolveComponent as d, openBlock as A, createBlock as S, normalizeClass as G, withCtx as r, createElementVNode as t, toDisplayString as i, unref as m, ref as F, onMounted as j, watch as H, createVNode as o, createTextVNode as u, h as N } from "vue";
+import { e as k, u as q } from "./index-BWaS2Ice.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, t as P, b as Z } from "./assets-C4cUIo0F.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 ae } from "./index-0_vl4Euu.js";
+import { u as ne } from "./error-K1CakhA9.js";
+import { w as oe } from "./Modal-DB8M9o1T.js";
+import { h as re } from "./moment-h96o7c8I.js";
+const le = /* @__PURE__ */ x({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    const a = y;
+    function c() {
+      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 (p, b) => {
+      const T = d("FmBadge");
+      return A(), S(T, {
+        inline: "",
+        class: G(c())
+      }, {
+        default: r(() => [
+          t("div", null, i(p.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), se = ["src"], ie = /* @__PURE__ */ x({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    return (a, c) => {
+      const p = d("FmTooltip");
+      return A(), S(p, {
+        variant: "plain",
+        placement: "top",
+        content: a.row.original.gateway,
+        "hide-arrow": !0
+      }, {
+        default: r(() => [
+          t("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: m(W)(a.row.original.gateway)
+          }, null, 8, se)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), ue = ["src"], me = /* @__PURE__ */ x({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    return (a, c) => {
+      const p = d("FmTooltip");
+      return A(), S(p, {
+        variant: "plain",
+        placement: "top",
+        content: a.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: r(() => [
+          t("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: m(X)(a.row.original.method.issuer, a.row.original.method.variant)
+          }, null, 8, ue)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), de = /* @__PURE__ */ x({
+  __name: "Actions",
+  props: {
+    row: {},
+    data: {}
+  },
+  emits: ["delete"],
+  setup(y, { emit: a }) {
+    const c = a;
+    return (p, b) => {
+      const T = d("FmButton");
+      return A(), S(T, {
+        variant: "plain",
+        "prepend-icon": "delete",
+        onClick: b[0] || (b[0] = () => c("delete"))
+      });
+    };
+  }
+}), ce = { class: "flex mb-6" }, pe = { class: "my-6 w-[240px]" }, Se = /* @__PURE__ */ x({
+  __name: "SettlementTransactions",
+  props: {
+    settlementId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(y) {
+    const a = y, { isLoading: c, startAsyncCall: p, startAsyncCallFn: b } = q(!0), T = J(), L = Q(), O = te(), s = F(), h = F([]), I = F([]);
+    async function V(n = !1) {
+      p(async () => {
+        n || (s.value = await ae.readById(a.settlementId));
+        const e = await P.readBySettlementId(a.settlementId);
+        h.value = Z(e), I.value = h.value;
+      });
+    }
+    function R() {
+      V();
+    }
+    j(R);
+    const D = F(""), Y = [
+      {
+        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 ? N(ie, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? N(me, { 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 }) => N(le, { 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 }) => N(de, {
+          row: e,
+          data: n.getValue(),
+          onDelete: () => oe(
+            T,
+            "Remove transaction",
+            "Are you sure to remove transaction from settlement? This action cannot be revert !",
+            b(async () => {
+              try {
+                await P.removeTransactionFromSettlement(e.original.id), await V();
+              } catch (v) {
+                L.open({
+                  type: "error",
+                  title: "Error occurs when removing transaction",
+                  message: ne(v)
+                });
+              }
+            })
+          )
+        })
+      }
+    ], w = F("");
+    let C;
+    return H(w, async () => {
+      C && clearTimeout(C), C = setTimeout(() => {
+        var n = new RegExp(w.value, "i");
+        I.value = h.value.filter((e) => {
+          const v = JSON.stringify(e);
+          return n.test(v);
+        });
+      }, 700);
+    }), (n, e) => {
+      var K, $;
+      const v = d("FmCardHeader"), _ = d("FmCardSection"), E = d("FmCard"), U = d("FmSearch"), z = d("FmTable");
+      return A(), S(ee, {
+        title: `Settlement Transactions (${(K = s.value) == null ? void 0 : K._id})`,
+        description: `Date: ${m(re)(($ = s.value) == null ? void 0 : $.createdAt).format("YYYY-MM-DD")}`,
+        loading: m(c),
+        onBack: m(O).back
+      }, {
+        default: r(() => [
+          t("div", ce, [
+            o(E, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                o(_, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    o(v, {
+                      class: "p-0",
+                      title: "Transaction Info",
+                      subtitle: ""
+                    }),
+                    o(_, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, f, g, M;
+                        return [
+                          e[2] || (e[2] = t("b", null, "For", -1)),
+                          u(": " + i((f = (l = s.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)),
+                          u(": " + i((M = (g = s.value) == null ? void 0 : g.store) == null ? void 0 : M.id), 1),
+                          e[5] || (e[5] = t("br", null, null, -1)),
+                          e[6] || (e[6] = t("b", null, "Transaction", -1)),
+                          u(": " + i(h.value.length), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(E, {
+              horizontal: "",
+              class: "flex-1 p-6 mx-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                o(_, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    o(v, {
+                      class: "p-0",
+                      title: "Bank Info",
+                      subtitle: ""
+                    }),
+                    o(_, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, f, g;
+                        return [
+                          e[7] || (e[7] = t("b", null, "Bank", -1)),
+                          u(": " + i((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)),
+                          u(": " + i((f = s.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)),
+                          u(": " + i((g = s.value) == null ? void 0 : g.beneficiaryBank.accountNumber), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(E, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: r(() => [
+                o(_, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: r(() => [
+                    o(v, {
+                      class: "p-0",
+                      title: "Payout Info",
+                      subtitle: ""
+                    }),
+                    o(_, { class: "p-0" }, {
+                      default: r(() => {
+                        var l, f, g;
+                        return [
+                          e[12] || (e[12] = t("b", null, "Amount", -1)),
+                          u(": " + i(m(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)),
+                          u(": " + i(m(B)((f = s.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)),
+                          u(": " + i(m(B)((g = s.value) == null ? void 0 : g.totalPayout).toFormat("$0.00")), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t("div", pe, [
+            o(U, {
+              modelValue: w.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => w.value = l),
+              placeholder: "Search Transactions ..."
+            }, null, 8, ["modelValue"])
+          ]),
+          o(z, {
+            modelValue: D.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (l) => D.value = l),
+            "shrink-at": !1,
+            "search-value": w.value,
+            "row-data": I.value,
+            "column-defs": Y,
+            loading: m(c)
+          }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
+        ]),
+        _: 1
+      }, 8, ["title", "description", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  Se as default
+};