@feedmepos/mf-payment 1.2.1 → 1.2.2

package/dist/PayoutAccountSetting-DQqH71Pj.js

@@ -1,890 +0,0 @@
-import { defineComponent as k, resolveComponent as p, openBlock as g, createElementBlock as A, Fragment as R, createElementVNode as c, createVNode as i, withCtx as x, createTextVNode as C, toDisplayString as T, createCommentVNode as U, createBlock as _, ref as V, watch as Q, computed as D, unref as y, isRef as O, h as N, onMounted as W, resolveDynamicComponent as z, normalizeProps as Y, mergeProps as L } from "vue";
-import { p as S } from "./index-BG-pqgpq.js";
-import { u as j, e as $ } from "./index-DcA8mNkW.js";
-import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { useRouter as ee } from "vue-router";
-import { u as K } from "./index-9ImIPLpT.js";
-import { P as Z, _ as te } from "./PDFViewer-BQfgFexr.js";
-import { useSnackbar as q, components as ae } from "@feedmepos/ui-library";
-import { u as M } from "./error-K1CakhA9.js";
-import { z as I, a as G } from "./validator-D5jtpt9A.js";
-import { useCoreStore as J } from "@feedmepos/mf-common";
-const ne = { class: "flex gap-16 mb-6" }, oe = ["src"], le = /* @__PURE__ */ k({
-  __name: "Information",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    return (d, e) => {
-      const f = p("FmCardHeader"), l = p("FmCardSection"), n = p("FmCard");
-      return g(), A(R, null, [
-        c("div", ne, [
-          i(n, {
-            horizontal: "",
-            class: "flex-1 p-6",
-            variant: "elevated"
-          }, {
-            default: x(() => [
-              i(l, { class: "flex flex-col gap-16 justify-between" }, {
-                default: x(() => [
-                  i(f, {
-                    class: "p-0",
-                    title: "Account Info",
-                    subtitle: ""
-                  }),
-                  i(l, { class: "p-0" }, {
-                    default: x(() => {
-                      var s, v, u, o, a;
-                      return [
-                        e[0] || (e[0] = c("b", null, "For", -1)),
-                        C(": " + T((v = (s = t.payoutAccount) == null ? void 0 : s.store) == null ? void 0 : v.event) + " ", 1),
-                        e[1] || (e[1] = c("br", null, null, -1)),
-                        e[2] || (e[2] = c("b", null, "Reference", -1)),
-                        C(": " + T((o = (u = t.payoutAccount) == null ? void 0 : u.store) == null ? void 0 : o.id), 1),
-                        e[3] || (e[3] = c("br", null, null, -1)),
-                        e[4] || (e[4] = c("b", null, "Business", -1)),
-                        C(": " + T((a = t.payoutAccount) == null ? void 0 : a.businessId), 1),
-                        e[5] || (e[5] = c("br", null, null, -1))
-                      ];
-                    }),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          i(n, {
-            horizontal: "",
-            class: "flex-1 p-6",
-            variant: "elevated"
-          }, {
-            default: x(() => [
-              i(l, { class: "flex flex-col gap-16 justify-between" }, {
-                default: x(() => [
-                  i(f, {
-                    class: "p-0",
-                    title: "Key Person",
-                    subtitle: ""
-                  }),
-                  i(l, { class: "p-0" }, {
-                    default: x(() => {
-                      var s, v, u, o, a, r, m, w;
-                      return [
-                        e[6] || (e[6] = c("b", null, "Email", -1)),
-                        C(": " + T((u = (v = (s = t.payoutAccount) == null ? void 0 : s.store) == null ? void 0 : v.keyPerson) == null ? void 0 : u.email) + " ", 1),
-                        e[7] || (e[7] = c("br", null, null, -1)),
-                        e[8] || (e[8] = c("b", null, "Name", -1)),
-                        C(": " + T((r = (a = (o = t.payoutAccount) == null ? void 0 : o.store) == null ? void 0 : a.keyPerson) == null ? void 0 : r.name), 1),
-                        e[9] || (e[9] = c("br", null, null, -1)),
-                        e[10] || (e[10] = c("b", null, "Phone", -1)),
-                        C(": " + T((w = (m = t.payoutAccount) == null ? void 0 : m.store.keyPerson) == null ? void 0 : w.phone), 1),
-                        e[11] || (e[11] = c("br", null, null, -1))
-                      ];
-                    }),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        e[12] || (e[12] = c("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
-        t.payoutAccount.store.exteriorPhoto ? (g(), A("img", {
-          key: 0,
-          src: t.payoutAccount.store.exteriorPhoto
-        }, null, 8, oe)) : U("", !0)
-      ], 64);
-    };
-  }
-}), ue = { class: "flex gap-16" }, se = { class: "flex-1" }, re = { class: "flex-1" }, ce = /* @__PURE__ */ k({
-  __name: "Settlement",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    return (d, e) => {
-      const f = p("FmCardHeader"), l = p("FmCardSection"), n = p("FmCard");
-      return g(), A(R, null, [
-        i(n, {
-          horizontal: "",
-          class: "flex-1 p-6 mx-6 mb-6",
-          variant: "elevated"
-        }, {
-          default: x(() => [
-            i(l, { class: "flex flex-col gap-16 justify-between" }, {
-              default: x(() => [
-                i(f, {
-                  class: "p-0",
-                  title: "Bank Info",
-                  subtitle: ""
-                }),
-                i(l, { class: "p-0" }, {
-                  default: x(() => {
-                    var s, v, u, o, a, r;
-                    return [
-                      e[0] || (e[0] = c("b", null, "Bank", -1)),
-                      C(": " + T((v = (s = t.payoutAccount) == null ? void 0 : s.store.bank) == null ? void 0 : v.name), 1),
-                      e[1] || (e[1] = c("br", null, null, -1)),
-                      e[2] || (e[2] = c("b", null, "Name", -1)),
-                      C(": " + T((o = (u = t.payoutAccount) == null ? void 0 : u.store.bank) == null ? void 0 : o.holderName), 1),
-                      e[3] || (e[3] = c("br", null, null, -1)),
-                      e[4] || (e[4] = c("b", null, "Number", -1)),
-                      C(": " + T((r = (a = t.payoutAccount) == null ? void 0 : a.store.bank) == null ? void 0 : r.accountNumber), 1)
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        c("div", ue, [
-          c("div", se, [
-            e[5] || (e[5] = c("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
-            t.payoutAccount.store.ssm ? (g(), _(Z, {
-              key: 0,
-              pdf: t.payoutAccount.store.ssm,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : U("", !0)
-          ]),
-          c("div", re, [
-            e[6] || (e[6] = c("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
-            t.payoutAccount.store.bankStatement ? (g(), _(Z, {
-              key: 0,
-              pdf: t.payoutAccount.store.bankStatement,
-              "disable-text-layer": !0,
-              "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : U("", !0)
-          ])
-        ])
-      ], 64);
-    };
-  }
-}), ie = /* @__PURE__ */ k({
-  __name: "RateInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(t) {
-    const d = t, e = V(d.data.toString());
-    return Q(e, (f) => {
-      d.onChange(parseFloat(f));
-    }), (f, l) => {
-      const n = p("FmTextField");
-      return g(), _(n, {
-        inputmode: "decimal",
-        modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s)
-      }, {
-        append: x(() => l[1] || (l[1] = [
-          C("%")
-        ])),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), de = /* @__PURE__ */ k({
-  __name: "TPlusInput",
-  props: {
-    data: {},
-    onChange: { type: Function }
-  },
-  setup(t) {
-    const d = t, e = V(d.data.toString());
-    return Q(e, (f) => {
-      d.onChange(parseInt(f));
-    }), (f, l) => {
-      const n = p("FmTextField");
-      return g(), _(n, {
-        inputmode: "numeric",
-        modelValue: e.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s)
-      }, null, 8, ["modelValue"]);
-    };
-  }
-}), me = { class: "flex gap-16 mt-6" }, ye = { class: "flex-1" }, pe = { class: "flex-1" }, fe = { class: "my-6 w-full flex justify-end" }, ve = { class: "w-[320px]" }, ge = /* @__PURE__ */ k({
-  __name: "PaymentStatus",
-  props: {
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    const d = t, e = V(!1), f = q(), l = async (o) => {
-      try {
-        e.value = !0, await d.onUpdate(o), f.open({
-          type: "success",
-          title: "Payout account update succesfully"
-        });
-      } catch (a) {
-        f.open({
-          type: "error",
-          title: "Error occurs when updating payout account",
-          message: M(a)
-        });
-      } finally {
-        e.value = !1;
-      }
-    }, { search: n } = K({
-      search: ""
-    }), s = D(() => {
-      const { ssm: o, bank: a, bankStatement: r } = d.payoutAccount.store;
-      return o && a && a.name && a.accountNumber && a.holderName && r;
-    }), v = V(""), u = [
-      {
-        header: () => "Payment Method",
-        accessorKey: "issuer",
-        cell: (o) => `${o.row.original.issuer} (${o.row.original.variant})`
-      },
-      {
-        header: () => "Rate",
-        accessorKey: "rate",
-        cell: ({ row: o }) => {
-          let a = 0;
-          return o.original.rate && (a = o.original.rate.amount / Math.pow(10, o.original.rate.precision)), N(ie, {
-            data: a,
-            onChange: (r) => {
-              const m = d.payoutAccount.methods.at(o.index);
-              m.rate || (m.rate = {
-                amount: 0,
-                precision: 4
-              }), m.rate.amount = r * Math.pow(10, m.rate.precision);
-            }
-          });
-        }
-      },
-      {
-        header: () => "T plus",
-        accessorKey: "tPlus",
-        cell: ({ row: o }) => N(de, {
-          data: o.original.tPlus ?? 0,
-          onChange: (a) => {
-            const r = d.payoutAccount.methods.at(o.index);
-            r.tPlus = a;
-          }
-        })
-      }
-    ];
-    return (o, a) => {
-      const r = p("FmRadio"), m = p("FmRadioGroup"), w = p("FmSwitch"), P = p("FmSearch"), h = p("FmTable"), F = p("FmButton");
-      return g(), A(R, null, [
-        c("div", me, [
-          c("div", ye, [
-            i(m, {
-              modelValue: t.payoutAccount.status,
-              "onUpdate:modelValue": a[0] || (a[0] = (b) => t.payoutAccount.status = b),
-              label: "Account Status"
-            }, {
-              default: x(() => [
-                i(r, {
-                  value: "NEW",
-                  label: "New"
-                }),
-                i(r, {
-                  value: "PENDING",
-                  label: "Pending"
-                }),
-                i(r, {
-                  value: "APPROVED",
-                  label: "Approved"
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          c("div", pe, [
-            i(w, {
-              modelValue: t.payoutAccount.enable,
-              "onUpdate:modelValue": a[1] || (a[1] = (b) => t.payoutAccount.enable = b),
-              disabled: !s.value,
-              label: "Enabled",
-              sublabel: "Merchant can use online features such as e-payment, settlement"
-            }, null, 8, ["modelValue", "disabled"])
-          ])
-        ]),
-        t.payoutAccount.enable ? (g(), A(R, { key: 0 }, [
-          c("div", fe, [
-            c("div", ve, [
-              i(P, {
-                modelValue: y(n),
-                "onUpdate:modelValue": a[2] || (a[2] = (b) => O(n) ? n.value = b : null),
-                placeholder: "Search Method ..."
-              }, null, 8, ["modelValue"])
-            ])
-          ]),
-          i(h, {
-            class: "mt-6",
-            modelValue: v.value,
-            "onUpdate:modelValue": a[3] || (a[3] = (b) => v.value = b),
-            "shrink-at": !1,
-            "search-value": y(n),
-            "row-data": t.payoutAccount.methods,
-            "column-defs": u
-          }, null, 8, ["modelValue", "search-value", "row-data"])
-        ], 64)) : U("", !0),
-        i(F, {
-          class: "w-full mt-6",
-          variant: "primary",
-          label: "Save",
-          loading: e.value,
-          onclick: () => l(t.payoutAccount)
-        }, null, 8, ["loading", "onclick"])
-      ], 64);
-    };
-  }
-}), be = { class: "flex" }, Fe = /* @__PURE__ */ k({
-  __name: "Actions",
-  emits: ["edit", "delete"],
-  setup(t, { emit: d }) {
-    const e = d;
-    return (f, l) => {
-      const n = p("FmButton");
-      return g(), A("div", be, [
-        i(n, {
-          variant: "plain",
-          "prepend-icon": "delete",
-          onClick: l[0] || (l[0] = (s) => {
-            s.stopPropagation(), e("delete");
-          })
-        })
-      ]);
-    };
-  }
-}), we = { class: "flex justify-end px-6 pb-6" }, xe = /* @__PURE__ */ k({
-  __name: "PaymentChannel",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    const d = q(), e = t, { isLoading: f, startAsyncCall: l } = j(), n = V([]);
-    function s() {
-      l(async () => {
-        n.value = await S.getChannels(e.payoutAccount._id);
-      });
-    }
-    W(s);
-    function v() {
-      l(async () => {
-        try {
-          await S.updateChannels(e.payoutAccount._id, n.value), d.open({
-            type: "success",
-            title: "Payout account channels update succesfully"
-          });
-        } catch (a) {
-          d.open({
-            type: "error",
-            title: "Error occurs when updating payout account channels",
-            message: M(a)
-          });
-        }
-      });
-    }
-    function u() {
-      l(async () => {
-        try {
-          await S.resetChannels(e.payoutAccount._id), n.value = await S.getChannels(e.payoutAccount._id), d.open({
-            type: "success",
-            title: "Payout account channels reset succesfully"
-          });
-        } catch (a) {
-          d.open({
-            type: "error",
-            title: "Error occurs when reset payout account channels",
-            message: M(a)
-          });
-        }
-      });
-    }
-    const o = [
-      {
-        header: () => "Gateway",
-        accessorKey: "gateway"
-      },
-      {
-        header: () => "Payment Type",
-        accessorKey: "type"
-      },
-      {
-        header: () => "Display",
-        accessorKey: "icon",
-        cell: ({ row: a }) => N("img", { src: a.original.icon, width: 32, height: 32 })
-      },
-      {
-        header: () => "Label",
-        accessorKey: "label",
-        cell: ({ row: a }) => N(ae.FmTextField, {
-          modelValue: a.original.label,
-          "onUpdate:modelValue": (r) => a.original.label = r
-        })
-      },
-      {
-        id: "actions",
-        header: () => "Actions",
-        cell: ({ row: a }) => N(Fe, {
-          onDelete: () => n.value.splice(a.index, 1)
-        })
-      }
-    ];
-    return (a, r) => {
-      const m = p("FmButton"), w = p("FmTable");
-      return g(), A(R, null, [
-        c("div", we, [
-          i(m, {
-            class: "mx-4",
-            variant: "destructive",
-            size: "md",
-            icon: "history",
-            label: "Reset",
-            onClick: u
-          }),
-          i(m, {
-            variant: "primary",
-            size: "md",
-            icon: "save",
-            label: "Save",
-            onClick: v
-          })
-        ]),
-        i(w, {
-          loading: y(f),
-          "row-data": n.value,
-          "column-defs": o,
-          "shrink-at": !1
-        }, null, 8, ["loading", "row-data"])
-      ], 64);
-    };
-  }
-}), _e = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ k({
-  __name: "FiuuGateway",
-  props: {
-    gateway: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    onDelete: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(t) {
-    var f;
-    const e = V(((f = t.gateway) == null ? void 0 : f.config) || {
-      merchantId: "",
-      verifyKey: "",
-      secretKey: ""
-    });
-    return (l, n) => {
-      const s = p("FmTextField"), v = p("FmButton"), u = p("FmForm");
-      return g(), _(u, {
-        ref: "form",
-        class: "flex flex-col gap-16",
-        onValidationSuccess: n[3] || (n[3] = () => t.onUpdate(e.value))
-      }, {
-        default: x(() => [
-          i(s, {
-            modelValue: e.value.merchantId,
-            "onUpdate:modelValue": n[0] || (n[0] = (o) => e.value.merchantId = o),
-            label: "Merchant ID",
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          i(s, {
-            modelValue: e.value.verifyKey,
-            "onUpdate:modelValue": n[1] || (n[1] = (o) => e.value.verifyKey = o),
-            label: "Verify Key",
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          i(s, {
-            modelValue: e.value.secretKey,
-            "onUpdate:modelValue": n[2] || (n[2] = (o) => e.value.secretKey = o),
-            label: "Secret Key",
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          c("div", _e, [
-            t.gateway ? (g(), _(v, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => t.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
-            i(v, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ke = {}, Ce = { class: "flex items-center justify-center h-screen" };
-function Pe(t, d) {
-  return g(), A("div", Ce, d[0] || (d[0] = [
-    c("h1", { class: "text-4xl font-bold text-gray-800" }, "Coming Soon", -1)
-  ]));
-}
-const Ve = /* @__PURE__ */ te(ke, [["render", Pe]]), he = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, Te = /* @__PURE__ */ k({
-  __name: "PaymentGateway",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    const d = J().currentCountry, e = q(), { isLoading: f, startAsyncCall: l } = j(), { gatewayTab: n } = K({
-      gatewayTab: ""
-    }), s = t, v = [
-      {
-        label: "Fiuu",
-        value: "RAZER_MERCHANT_SERVICE",
-        render: Ae,
-        region: [$.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "Macau Pass",
-        value: "MACAU_PASS",
-        render: Ve,
-        region: [$.F_COUNTRY.enum.MO]
-      }
-    ], u = V(s.payoutAccount.gateways ?? []), o = D(() => v.find((r) => r.value === n.value));
-    async function a(r) {
-      await l(async () => {
-        try {
-          await S.updateGateway(s.payoutAccount._id, r), e.open({
-            type: "success",
-            title: "Payout account gateways update succesfully"
-          });
-        } catch (m) {
-          e.open({
-            type: "error",
-            title: "Error occurs when updating payout account gateways",
-            message: M(m)
-          });
-        }
-      });
-    }
-    return (r, m) => {
-      var h;
-      const w = p("FmCircularProgress"), P = p("FmTabs");
-      return g(), A(R, null, [
-        m[1] || (m[1] = c("p", { className: "mt-1 my-6 text-gray-600" }, [
-          c("b", null, "Note: "),
-          C(" There's no setup required for Malaysia Payment Gateway, once Payout Account is ready you will able to configure the payment channels. ")
-        ], -1)),
-        y(f) ? (g(), A("div", he, [
-          i(w, { size: "xxl" })
-        ])) : (g(), _(P, {
-          key: 1,
-          "model-value": y(n),
-          "onUpdate:modelValue": m[0] || (m[0] = (F) => O(n) ? n.value = F : null),
-          class: "mb-6",
-          items: v.filter((F) => F.region.includes(y(d) ?? y($.F_COUNTRY).enum.MY))
-        }, null, 8, ["model-value", "items"])),
-        y(n) ? (g(), _(z((h = o.value) == null ? void 0 : h.render), Y(L({ key: 2 }, {
-          gateway: u.value.find((F) => {
-            var b;
-            return F.paymentGateway === ((b = o.value) == null ? void 0 : b.value);
-          }),
-          onDelete: async () => {
-            u.value = u.value.filter((F) => {
-              var b;
-              return F.paymentGateway !== ((b = o.value) == null ? void 0 : b.value);
-            }), a(u.value);
-          },
-          onUpdate: (F) => {
-            var B;
-            let b = u.value.find((E) => {
-              var H;
-              return E.paymentGateway === ((H = o.value) == null ? void 0 : H.value);
-            });
-            b ? b.config = F : u.value.push({
-              paymentGateway: (B = o.value) == null ? void 0 : B.value,
-              config: F
-            }), a(u.value);
-          }
-        })), null, 16)) : U("", !0)
-      ], 64);
-    };
-  }
-}), Se = { class: "flex mt-6 space-x-6" }, Ue = /* @__PURE__ */ k({
-  __name: "GooglePayToken",
-  props: {
-    gateway: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    },
-    onDelete: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(t) {
-    const e = V(t.gateway || {
-      // hardcoded first since only 1 PSP supported
-      type: "googlePay",
-      gateway: "RAZER_MERCHANT_SERVICE",
-      config: {
-        paymentType: "googlePay",
-        gateway: {
-          gateway: "molpay",
-          gatewayMerchantId: "molpay"
-        }
-      }
-    });
-    return (f, l) => {
-      const n = p("FmTextField"), s = p("FmButton"), v = p("FmForm");
-      return g(), _(v, {
-        ref: "form",
-        class: "flex flex-col gap-16",
-        onValidationSuccess: l[3] || (l[3] = () => t.onUpdate(e.value))
-      }, {
-        default: x(() => [
-          i(n, {
-            modelValue: e.value.gateway,
-            "onUpdate:modelValue": l[0] || (l[0] = (u) => e.value.gateway = u),
-            label: "Gateway",
-            disabled: !0,
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          i(n, {
-            modelValue: e.value.config.gateway.gateway,
-            "onUpdate:modelValue": l[1] || (l[1] = (u) => e.value.config.gateway.gateway = u),
-            label: "Gateway ID",
-            disabled: !0,
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          i(n, {
-            modelValue: e.value.config.gateway.gatewayMerchantId,
-            "onUpdate:modelValue": l[2] || (l[2] = (u) => e.value.config.gateway.gatewayMerchantId = u),
-            label: "Gateway Merchant ID",
-            disabled: !0,
-            rules: y(I)(y(G).string())
-          }, null, 8, ["modelValue", "rules"]),
-          c("div", Se, [
-            t.gateway ? (g(), _(s, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => t.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
-            i(s, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Re = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, $e = /* @__PURE__ */ k({
-  __name: "TokenGateway",
-  props: {
-    payoutAccount: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    const d = J().currentCountry, e = q(), { isLoading: f, startAsyncCall: l } = j(), { tokenTab: n } = K({
-      tokenTab: "googlePay"
-    }), s = t, v = [
-      {
-        label: "Google Pay",
-        value: "googlePay",
-        icon: "android",
-        render: Ue,
-        region: [$.F_COUNTRY.enum.MY, $.F_COUNTRY.enum.SG]
-      }
-    ], u = V(s.payoutAccount.tokens ?? []), o = D(() => v.find((r) => r.value === n.value));
-    async function a(r) {
-      await l(async () => {
-        try {
-          await S.updateTokens(s.payoutAccount._id, r), e.open({
-            type: "success",
-            title: "Payout account tokens gateway update succesfully"
-          });
-        } catch (m) {
-          e.open({
-            type: "error",
-            title: "Error occurs when updating payout account tokens",
-            message: M(m)
-          });
-        }
-      });
-    }
-    return (r, m) => {
-      var h;
-      const w = p("FmCircularProgress"), P = p("FmTabs");
-      return g(), A(R, null, [
-        y(f) ? (g(), A("div", Re, [
-          i(w, { size: "xxl" })
-        ])) : (g(), _(P, {
-          key: 1,
-          "model-value": y(n),
-          "onUpdate:modelValue": m[0] || (m[0] = (F) => O(n) ? n.value = F : null),
-          class: "mb-6",
-          items: v.filter((F) => F.region.includes(y(d) ?? y($.F_COUNTRY).enum.MY))
-        }, null, 8, ["model-value", "items"])),
-        y(n) ? (g(), _(z((h = o.value) == null ? void 0 : h.render), Y(L({ key: 2 }, {
-          gateway: u.value.find((F) => {
-            var b;
-            return F.type === ((b = o.value) == null ? void 0 : b.value);
-          }),
-          onDelete: async () => {
-            u.value = u.value.filter((F) => {
-              var b;
-              return F.type !== ((b = o.value) == null ? void 0 : b.value);
-            }), a(u.value);
-          },
-          onUpdate: (F) => {
-            let b = u.value.find((B) => {
-              var E;
-              return B.type === ((E = o.value) == null ? void 0 : E.value);
-            });
-            b ? b.config = F : u.value.push(F), a(u.value);
-          }
-        })), null, 16)) : U("", !0)
-      ], 64);
-    };
-  }
-}), ze = /* @__PURE__ */ k({
-  __name: "PayoutAccountSetting",
-  props: {
-    accountId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(t) {
-    const d = t, { tab: e } = K({
-      tab: "information"
-    }), { isLoading: f, startAsyncCall: l } = j(!0), n = ee(), s = V();
-    async function v(r) {
-      await S.updateById(
-        d.accountId,
-        r
-      ), s.value = await S.readById(d.accountId);
-    }
-    const u = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: le
-      },
-      {
-        label: "Settlement",
-        value: "settlement",
-        icon: "payments",
-        render: ce
-      },
-      {
-        label: "MDR Status",
-        value: "payment",
-        icon: "account_box",
-        render: ge
-      },
-      {
-        label: "Online Payment",
-        icon: "assured_workload",
-        children: [
-          {
-            label: "Gateways",
-            value: "gateways",
-            render: Te
-          },
-          {
-            label: "Channels",
-            value: "channels",
-            render: xe
-          }
-        ]
-      },
-      {
-        label: "Token Gateways",
-        value: "tokens",
-        icon: "wallet",
-        render: $e
-      }
-    ];
-    function o() {
-      l(async () => {
-        s.value = await S.readById(d.accountId);
-      });
-    }
-    W(o);
-    const a = D(() => {
-      const r = u.reduce((m, w) => m || (w.children ? w.children.find((P) => P.value === e.value) || null : w.value === e.value ? w : null), null);
-      return r == null ? void 0 : r.render;
-    });
-    return (r, m) => {
-      var P;
-      const w = p("FmTabs");
-      return g(), _(X, {
-        title: `Payout Account (${(P = s.value) == null ? void 0 : P._id})`,
-        loading: y(f),
-        onBack: y(n).back
-      }, {
-        default: x(() => [
-          i(w, {
-            "model-value": y(e),
-            "onUpdate:modelValue": m[0] || (m[0] = (h) => O(e) ? e.value = h : null),
-            class: "mb-6",
-            items: u
-          }, null, 8, ["model-value"]),
-          y(e) ? (g(), _(z(a.value), Y(L({ key: 0 }, {
-            payoutAccount: s.value,
-            onUpdate: v
-          })), null, 16)) : U("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  ze as default
-};