@feedmepos/mf-payment 0.0.0-beta.4 → 0.0.0-beta.5

package/dist/PayoutAccountSetting-CYEzOO_x.js

@@ -0,0 +1,425 @@
+import { defineComponent as S, resolveComponent as i, openBlock as v, createElementBlock as C, Fragment as B, createElementVNode as o, createVNode as u, withCtx as b, createTextVNode as g, toDisplayString as F, createCommentVNode as V, createBlock as P, ref as w, watch as E, computed as R, unref as k, isRef as h, h as T, onMounted as q, resolveDynamicComponent as _, normalizeProps as D, mergeProps as z } from "vue";
+import { p as $ } from "./index-ONVv2EsB.js";
+import { u as H } from "./index-RfsX2czs.js";
+import { _ as K } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as O } from "vue-router";
+import { u as M } from "./index-B-3Vz_px.js";
+import { P as U } from "./PDFViewer-CjH_C1uT.js";
+import { useSnackbar as G } from "@feedmepos/ui-library";
+import { u as L } from "./error-K1CakhA9.js";
+const Q = { class: "flex gap-16 mb-6" }, W = ["src"], J = /* @__PURE__ */ S({
+  __name: "Information",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (c, e) => {
+      const d = i("FmCardHeader"), s = i("FmCardSection"), m = i("FmCard");
+      return v(), C(B, null, [
+        o("div", Q, [
+          u(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: b(() => [
+              u(s, { class: "flex flex-col gap-16 justify-between" }, {
+                default: b(() => [
+                  u(d, {
+                    class: "p-0",
+                    title: "Account Info",
+                    subtitle: ""
+                  }),
+                  u(s, { class: "p-0" }, {
+                    default: b(() => {
+                      var r, y, f, a, n;
+                      return [
+                        e[0] || (e[0] = o("b", null, "For", -1)),
+                        g(": " + F((y = (r = t.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.event) + " ", 1),
+                        e[1] || (e[1] = o("br", null, null, -1)),
+                        e[2] || (e[2] = o("b", null, "Reference", -1)),
+                        g(": " + F((a = (f = t.payoutAccount) == null ? void 0 : f.store) == null ? void 0 : a.id), 1),
+                        e[3] || (e[3] = o("br", null, null, -1)),
+                        e[4] || (e[4] = o("b", null, "Business", -1)),
+                        g(": " + F((n = t.payoutAccount) == null ? void 0 : n.businessId), 1),
+                        e[5] || (e[5] = o("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          u(m, {
+            horizontal: "",
+            class: "flex-1 p-6",
+            variant: "elevated"
+          }, {
+            default: b(() => [
+              u(s, { class: "flex flex-col gap-16 justify-between" }, {
+                default: b(() => [
+                  u(d, {
+                    class: "p-0",
+                    title: "Key Person",
+                    subtitle: ""
+                  }),
+                  u(s, { class: "p-0" }, {
+                    default: b(() => {
+                      var r, y, f, a, n, l, p, x;
+                      return [
+                        e[6] || (e[6] = o("b", null, "Email", -1)),
+                        g(": " + F((f = (y = (r = t.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.keyPerson) == null ? void 0 : f.email) + " ", 1),
+                        e[7] || (e[7] = o("br", null, null, -1)),
+                        e[8] || (e[8] = o("b", null, "Name", -1)),
+                        g(": " + F((l = (n = (a = t.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : n.keyPerson) == null ? void 0 : l.name), 1),
+                        e[9] || (e[9] = o("br", null, null, -1)),
+                        e[10] || (e[10] = o("b", null, "Phone", -1)),
+                        g(": " + F((x = (p = t.payoutAccount) == null ? void 0 : p.store.keyPerson) == null ? void 0 : x.phone), 1),
+                        e[11] || (e[11] = o("br", null, null, -1))
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        e[12] || (e[12] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
+        t.payoutAccount.store.exteriorPhoto ? (v(), C("img", {
+          key: 0,
+          src: t.payoutAccount.store.exteriorPhoto
+        }, null, 8, W)) : V("", !0)
+      ], 64);
+    };
+  }
+}), X = { class: "flex gap-16 mt-6" }, Y = { class: "flex-1" }, Z = { class: "flex-1" }, ee = /* @__PURE__ */ S({
+  __name: "Settlement",
+  props: {
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (c, e) => {
+      const d = i("FmCardHeader"), s = i("FmCardSection"), m = i("FmCard");
+      return v(), C(B, null, [
+        u(m, {
+          horizontal: "",
+          class: "flex-1 p-6 mx-6",
+          variant: "elevated"
+        }, {
+          default: b(() => [
+            u(s, { class: "flex flex-col gap-16 justify-between" }, {
+              default: b(() => [
+                u(d, {
+                  class: "p-0",
+                  title: "Bank Info",
+                  subtitle: ""
+                }),
+                u(s, { class: "p-0" }, {
+                  default: b(() => {
+                    var r, y, f, a, n, l;
+                    return [
+                      e[0] || (e[0] = o("b", null, "Bank", -1)),
+                      g(": " + F((y = (r = t.payoutAccount) == null ? void 0 : r.store.bank) == null ? void 0 : y.name), 1),
+                      e[1] || (e[1] = o("br", null, null, -1)),
+                      e[2] || (e[2] = o("b", null, "Name", -1)),
+                      g(": " + F((a = (f = t.payoutAccount) == null ? void 0 : f.store.bank) == null ? void 0 : a.holderName), 1),
+                      e[3] || (e[3] = o("br", null, null, -1)),
+                      e[4] || (e[4] = o("b", null, "Number", -1)),
+                      g(": " + F((l = (n = t.payoutAccount) == null ? void 0 : n.store.bank) == null ? void 0 : l.accountNumber), 1)
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o("div", X, [
+          o("div", Y, [
+            e[5] || (e[5] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
+            t.payoutAccount.store.ssm ? (v(), P(U, {
+              key: 0,
+              pdf: t.payoutAccount.store.ssm,
+              "disable-text-layer": !0,
+              "disable-annotation-layer": !0
+            }, null, 8, ["pdf"])) : V("", !0)
+          ]),
+          o("div", Z, [
+            e[6] || (e[6] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
+            t.payoutAccount.store.bankStatement ? (v(), P(U, {
+              key: 0,
+              pdf: t.payoutAccount.store.bankStatement,
+              "disable-text-layer": !0,
+              "disable-annotation-layer": !0
+            }, null, 8, ["pdf"])) : V("", !0)
+          ])
+        ])
+      ], 64);
+    };
+  }
+}), te = /* @__PURE__ */ S({
+  __name: "RateInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(t) {
+    const c = t, e = w(c.data.toString());
+    return E(e, (d) => {
+      c.onChange(parseFloat(d));
+    }), (d, s) => {
+      const m = i("FmTextField");
+      return v(), P(m, {
+        inputmode: "decimal",
+        modelValue: e.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r)
+      }, {
+        append: b(() => s[1] || (s[1] = [
+          g("%")
+        ])),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ne = /* @__PURE__ */ S({
+  __name: "TPlusInput",
+  props: {
+    data: {},
+    onChange: { type: Function }
+  },
+  setup(t) {
+    const c = t, e = w(c.data.toString());
+    return E(e, (d) => {
+      c.onChange(parseInt(d));
+    }), (d, s) => {
+      const m = i("FmTextField");
+      return v(), P(m, {
+        inputmode: "numeric",
+        modelValue: e.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => e.value = r)
+      }, null, 8, ["modelValue"]);
+    };
+  }
+}), oe = { class: "flex gap-16 mt-6" }, ae = { class: "flex-1" }, le = { class: "flex-1" }, ue = { class: "my-6 w-full flex justify-end" }, se = { class: "w-[320px]" }, re = /* @__PURE__ */ S({
+  __name: "PaymentStatus",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    payoutAccount: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const c = t, e = w(!1), d = G(), s = async (a) => {
+      try {
+        e.value = !0, await c.onUpdate(a), d.open({
+          type: "success",
+          title: "Payout account update succesfully"
+        });
+      } catch (n) {
+        d.open({
+          type: "error",
+          title: "Error occurs when updating payout account",
+          message: L(n)
+        });
+      } finally {
+        e.value = !1;
+      }
+    }, { search: m } = M({
+      search: ""
+    }), r = R(() => {
+      const { ssm: a, bank: n, bankStatement: l } = c.payoutAccount.store;
+      return a && n && n.name && n.accountNumber && n.holderName && l;
+    }), y = w(""), f = [
+      {
+        header: () => "Payment Method",
+        accessorKey: "issuer",
+        cell: (a) => `${a.row.original.issuer} (${a.row.original.variant})`
+      },
+      {
+        header: () => "Rate",
+        accessorKey: "rate",
+        cell: ({ row: a }) => {
+          let n = 0;
+          return a.original.rate && (n = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), T(te, {
+            data: n,
+            onChange: (l) => {
+              const p = c.payoutAccount.methods.at(a.index);
+              p.rate || (p.rate = {
+                amount: 0,
+                precision: 4
+              }), p.rate.amount = l * Math.pow(10, p.rate.precision);
+            }
+          });
+        }
+      },
+      {
+        header: () => "T plus",
+        accessorKey: "tPlus",
+        cell: ({ row: a }) => T(ne, {
+          data: a.original.tPlus ?? 0,
+          onChange: (n) => {
+            const l = c.payoutAccount.methods.at(a.index);
+            l.tPlus = n;
+          }
+        })
+      }
+    ];
+    return (a, n) => {
+      const l = i("FmRadio"), p = i("FmRadioGroup"), x = i("FmSwitch"), I = i("FmSearch"), N = i("FmTable"), j = i("FmButton");
+      return v(), C(B, null, [
+        o("div", oe, [
+          o("div", ae, [
+            u(p, {
+              modelValue: t.payoutAccount.status,
+              "onUpdate:modelValue": n[0] || (n[0] = (A) => t.payoutAccount.status = A),
+              label: "Account Status"
+            }, {
+              default: b(() => [
+                u(l, {
+                  value: "NEW",
+                  label: "New"
+                }),
+                u(l, {
+                  value: "PENDING",
+                  label: "Pending"
+                }),
+                u(l, {
+                  value: "APPROVED",
+                  label: "Approved"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          o("div", le, [
+            u(x, {
+              modelValue: t.payoutAccount.enable,
+              "onUpdate:modelValue": n[1] || (n[1] = (A) => t.payoutAccount.enable = A),
+              disabled: !r.value,
+              label: "Enabled",
+              sublabel: "Merchant can use online features such as e-payment, settlement"
+            }, null, 8, ["modelValue", "disabled"])
+          ])
+        ]),
+        t.payoutAccount.enable ? (v(), C(B, { key: 0 }, [
+          o("div", ue, [
+            o("div", se, [
+              u(I, {
+                modelValue: k(m),
+                "onUpdate:modelValue": n[2] || (n[2] = (A) => h(m) ? m.value = A : null),
+                placeholder: "Search Method ..."
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          u(N, {
+            class: "mt-6",
+            modelValue: y.value,
+            "onUpdate:modelValue": n[3] || (n[3] = (A) => y.value = A),
+            "search-value": k(m),
+            "row-data": t.payoutAccount.methods,
+            "column-defs": f
+          }, null, 8, ["modelValue", "search-value", "row-data"])
+        ], 64)) : V("", !0),
+        u(j, {
+          class: "w-full mt-6",
+          variant: "primary",
+          label: "Save",
+          loading: e.value,
+          onclick: () => s(t.payoutAccount)
+        }, null, 8, ["loading", "onclick"])
+      ], 64);
+    };
+  }
+}), ge = /* @__PURE__ */ S({
+  __name: "PayoutAccountSetting",
+  props: {
+    accountId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const c = t, { tab: e } = M({
+      tab: "information"
+    }), { isLoading: d, startAsyncCall: s } = H(!0), m = O(), r = w();
+    async function y(l) {
+      await $.updateById(
+        c.accountId,
+        l
+      ), r.value = await $.readById(c.accountId);
+    }
+    function f() {
+      s(async () => {
+        r.value = await $.readById(c.accountId);
+      });
+    }
+    q(f);
+    const a = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: J
+      },
+      {
+        label: "Settlement",
+        value: "settlement",
+        icon: "payments",
+        render: ee
+      },
+      {
+        label: "Payment",
+        value: "payment",
+        icon: "request_quote",
+        render: re
+      }
+    ], n = R(() => {
+      var l;
+      return (l = a.find((p) => p.value === e.value)) == null ? void 0 : l.render;
+    });
+    return (l, p) => {
+      var I;
+      const x = i("FmTabs");
+      return v(), P(K, {
+        title: `Payout Account (${(I = r.value) == null ? void 0 : I._id})`,
+        loading: k(d),
+        onBack: k(m).back
+      }, {
+        default: b(() => [
+          u(x, {
+            "model-value": k(e),
+            "onUpdate:modelValue": p[0] || (p[0] = (N) => h(e) ? e.value = N : null),
+            class: "mb-6",
+            items: a
+          }, null, 8, ["model-value"]),
+          k(e) ? (v(), P(_(n.value), D(z({ key: 0 }, {
+            payoutAccount: r.value,
+            onUpdate: y
+          })), null, 16)) : V("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  ge as default
+};

package/dist/{Settlement-C4IEccV6.js → Settlement-B7dxZllN.js}

@@ -1,13 +1,13 @@
 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 { u as V } from "./index-RfsX2czs.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 { s as B } from "./index-g9d8rwR_.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";
+import { u as P } from "./index-B-3Vz_px.js";
 const O = /* @__PURE__ */ w({
   __name: "SettlementTable",
   props: {

package/dist/{Settlement-D4gdbOE0.js → Settlement-CcTtaP6I.js}

@@ -1,12 +1,12 @@
 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 { u as R } from "./index-RfsX2czs.js";
 import { h as y } from "./moment-h96o7c8I.js";
-import { s as V } from "./index-CjCiGW2Y.js";
+import { s as V } from "./index-g9d8rwR_.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";
+import { u as $ } from "./index-B-3Vz_px.js";
 const K = /* @__PURE__ */ w({
   __name: "SettlementTable",
   props: {