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

package/dist/PayoutAccountSetting-Zhkm_GN8.js

@@ -1,426 +0,0 @@
-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 R, computed as E, unref as k, isRef as M, h as T, onMounted as D, resolveDynamicComponent as _, normalizeProps as q, mergeProps as z } from "vue";
-import { p as $ } from "./index-BqzuW2qa.js";
-import { u as H } from "./index-iiG_kivD.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 h } from "./index-d3nubgyT.js";
-import { P as U } from "./PDFViewer-xrBtzrlR.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(e) {
-    return (c, t) => {
-      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 [
-                        t[0] || (t[0] = o("b", null, "For", -1)),
-                        g(": " + F((y = (r = e.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.event) + " ", 1),
-                        t[1] || (t[1] = o("br", null, null, -1)),
-                        t[2] || (t[2] = o("b", null, "Reference", -1)),
-                        g(": " + F((a = (f = e.payoutAccount) == null ? void 0 : f.store) == null ? void 0 : a.id), 1),
-                        t[3] || (t[3] = o("br", null, null, -1)),
-                        t[4] || (t[4] = o("b", null, "Business", -1)),
-                        g(": " + F((n = e.payoutAccount) == null ? void 0 : n.businessId), 1),
-                        t[5] || (t[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, A;
-                      return [
-                        t[6] || (t[6] = o("b", null, "Email", -1)),
-                        g(": " + F((f = (y = (r = e.payoutAccount) == null ? void 0 : r.store) == null ? void 0 : y.keyPerson) == null ? void 0 : f.email) + " ", 1),
-                        t[7] || (t[7] = o("br", null, null, -1)),
-                        t[8] || (t[8] = o("b", null, "Name", -1)),
-                        g(": " + F((l = (n = (a = e.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : n.keyPerson) == null ? void 0 : l.name), 1),
-                        t[9] || (t[9] = o("br", null, null, -1)),
-                        t[10] || (t[10] = o("b", null, "Phone", -1)),
-                        g(": " + F((A = (p = e.payoutAccount) == null ? void 0 : p.store.keyPerson) == null ? void 0 : A.phone), 1),
-                        t[11] || (t[11] = o("br", null, null, -1))
-                      ];
-                    }),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        t[12] || (t[12] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
-        e.payoutAccount.store.exteriorPhoto ? (v(), C("img", {
-          key: 0,
-          src: e.payoutAccount.store.exteriorPhoto
-        }, null, 8, W)) : V("", !0)
-      ], 64);
-    };
-  }
-}), X = { class: "flex gap-16" }, Y = { class: "flex-1" }, Z = { class: "flex-1" }, tt = /* @__PURE__ */ S({
-  __name: "Settlement",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (c, t) => {
-      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 mb-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 [
-                      t[0] || (t[0] = o("b", null, "Bank", -1)),
-                      g(": " + F((y = (r = e.payoutAccount) == null ? void 0 : r.store.bank) == null ? void 0 : y.name), 1),
-                      t[1] || (t[1] = o("br", null, null, -1)),
-                      t[2] || (t[2] = o("b", null, "Name", -1)),
-                      g(": " + F((a = (f = e.payoutAccount) == null ? void 0 : f.store.bank) == null ? void 0 : a.holderName), 1),
-                      t[3] || (t[3] = o("br", null, null, -1)),
-                      t[4] || (t[4] = o("b", null, "Number", -1)),
-                      g(": " + F((l = (n = e.payoutAccount) == null ? void 0 : n.store.bank) == null ? void 0 : l.accountNumber), 1)
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        o("div", X, [
-          o("div", Y, [
-            t[5] || (t[5] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
-            e.payoutAccount.store.ssm ? (v(), P(U, {
-              key: 0,
-              pdf: e.payoutAccount.store.ssm,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : V("", !0)
-          ]),
-          o("div", Z, [
-            t[6] || (t[6] = o("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
-            e.payoutAccount.store.bankStatement ? (v(), P(U, {
-              key: 0,
-              pdf: e.payoutAccount.store.bankStatement,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : V("", !0)
-          ])
-        ])
-      ], 64);
-    };
-  }
-}), et = /* @__PURE__ */ S({
-  __name: "RateInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(e) {
-    const c = e, t = w(c.data.toString());
-    return R(t, (d) => {
-      c.onChange(parseFloat(d));
-    }), (d, s) => {
-      const m = i("FmTextField");
-      return v(), P(m, {
-        inputmode: "decimal",
-        modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
-      }, {
-        append: b(() => s[1] || (s[1] = [
-          g("%")
-        ])),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), nt = /* @__PURE__ */ S({
-  __name: "TPlusInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(e) {
-    const c = e, t = w(c.data.toString());
-    return R(t, (d) => {
-      c.onChange(parseInt(d));
-    }), (d, s) => {
-      const m = i("FmTextField");
-      return v(), P(m, {
-        inputmode: "numeric",
-        modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r)
-      }, null, 8, ["modelValue"]);
-    };
-  }
-}), ot = { class: "flex gap-16 mt-6" }, at = { class: "flex-1" }, lt = { class: "flex-1" }, ut = { class: "my-6 w-full flex justify-end" }, st = { class: "w-[320px]" }, rt = /* @__PURE__ */ S({
-  __name: "PaymentStatus",
-  props: {
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const c = e, t = w(!1), d = G(), s = async (a) => {
-      try {
-        t.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 {
-        t.value = !1;
-      }
-    }, { search: m } = h({
-      search: ""
-    }), r = E(() => {
-      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(et, {
-            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(nt, {
-          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"), A = i("FmSwitch"), I = i("FmSearch"), N = i("FmTable"), j = i("FmButton");
-      return v(), C(B, null, [
-        o("div", ot, [
-          o("div", at, [
-            u(p, {
-              modelValue: e.payoutAccount.status,
-              "onUpdate:modelValue": n[0] || (n[0] = (x) => e.payoutAccount.status = x),
-              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", lt, [
-            u(A, {
-              modelValue: e.payoutAccount.enable,
-              "onUpdate:modelValue": n[1] || (n[1] = (x) => e.payoutAccount.enable = x),
-              disabled: !r.value,
-              label: "Enabled",
-              sublabel: "Merchant can use online features such as e-payment, settlement"
-            }, null, 8, ["modelValue", "disabled"])
-          ])
-        ]),
-        e.payoutAccount.enable ? (v(), C(B, { key: 0 }, [
-          o("div", ut, [
-            o("div", st, [
-              u(I, {
-                modelValue: k(m),
-                "onUpdate:modelValue": n[2] || (n[2] = (x) => M(m) ? m.value = x : null),
-                placeholder: "Search Method ..."
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          u(N, {
-            class: "mt-6",
-            modelValue: y.value,
-            "onUpdate:modelValue": n[3] || (n[3] = (x) => y.value = x),
-            "search-value": k(m),
-            "row-data": e.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: t.value,
-          onclick: () => s(e.payoutAccount)
-        }, null, 8, ["loading", "onclick"])
-      ], 64);
-    };
-  }
-}), gt = /* @__PURE__ */ S({
-  __name: "PayoutAccountSetting",
-  props: {
-    accountId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    const c = e, { tab: t } = h({
-      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);
-    }
-    const f = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: J
-      },
-      {
-        label: "Settlement",
-        value: "settlement",
-        icon: "payments",
-        render: tt
-      },
-      {
-        label: "MDR Status",
-        value: "payment",
-        icon: "account_box",
-        render: rt
-      }
-    ];
-    function a() {
-      s(async () => {
-        r.value = await $.readById(c.accountId);
-      });
-    }
-    D(a);
-    const n = E(() => {
-      var l;
-      return (l = f.find((p) => p.value === t.value)) == null ? void 0 : l.render;
-    });
-    return (l, p) => {
-      var I;
-      const A = 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(A, {
-            "model-value": k(t),
-            "onUpdate:modelValue": p[0] || (p[0] = (N) => M(t) ? t.value = N : null),
-            class: "mb-6",
-            items: f
-          }, null, 8, ["model-value"]),
-          k(t) ? (v(), P(_(n.value), q(z({ key: 0 }, {
-            payoutAccount: r.value,
-            onUpdate: y
-          })), null, 16)) : V("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  gt as default
-};