@spot-flow/checkout-inline-js
Version:
This project is an inline library that enables users to make payments seamlessly. It integrates smoothly into your application, providing a streamlined checkout experience.
566 lines (554 loc) • 1.07 MB
JavaScript
import './index.css';var mr = Object.defineProperty;
var vr = (n, e, i) => e in n ? mr(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i;
var h = (n, e, i) => vr(n, typeof e != "symbol" ? e + "" : e, i);
const pr = `<div id="checkout-modal">
<div role="dialog" class="relative z-10" aria-labelledby="modal-title" aria-modal="true">
<div class="fixed inset-0 bg-black bg-opacity-30 transition-opacity" aria-hidden="true"></div>
<div class="fixed top-0 left-0 w-full z-[3000] max-h-screen hide-scrollbar overflow-y-auto">
<div
class="relative flex min-h-full items-end justify-center text-center sm:items-center p-0 transition-transform duration-700 transform">
<div id="main-layout-container-screen"
class="relative transform overflow-hidden md:rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 w-full md:max-w-[600px] min-h-screen md:min-h-[70%] flex">
</div>
</div>
</div>
</div>
</div>`, br = `<div class="relative flex flex-1 flex-col gap-3 pb-5" id="main">
<div class="relative px-4 md:px-7 lg:px-8 py-4 flex flex-col gap-1 flex-1">
<!-- header -->
<div id="main-header" class="header-container py-3 md:py-4 px-0 md:px-5 lg:px-7">
</div>
<!-- error container -->
<div id="toast-container"></div>
<div id="error-container-main" class=" hidden"></div>
<!-- end of error container -->
<!-- body -->
<div class="box-container pt-0 pb-0 flex-1" id="main-content">
<div id="payment-content-view" class="grid"></div>
</div>
<!-- Test Container -->
<div class="hidden opacity-0 scale-95 transition-all duration-200 transform" id="test-container"></div>
<!-- End Test Container -->
<div id="mob-container" class="md:hidden">
</div>
<!-- end of body -->
<!-- footer -->
<div class="gap-2 py-4 px-3 md:px-7" id="main-footer">
</div>
<!-- end of footer -->
</div>
</div>`, fe = (n, e) => e || n;
let X = class extends Error {
constructor(e, i) {
super(e), this.status = i, this.name = "FetchError";
}
}, De = class extends Error {
constructor(e) {
super(e), this.name = "AuthorizationError";
}
};
const Oe = (n, e, i) => {
if (!n)
throw new De("Missing authorization token");
const t = new Headers();
return i || t.append("Content-Type", "application/json"), t.append("Authorization", `Bearer ${n}`), e && t.append("Spotflow-Payment-Code", e), t;
}, Ve = "https://api.spotflow.co/api/v1", fr = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
method: "POST",
headers: s,
body: JSON.stringify(e)
});
if (!o.ok) {
const l = await o.json();
throw l.message ? l : new X("Network response was not ok", o.status);
}
return {
data: await o.json(),
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, gi = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(
`${fe(Ve, t)}/payments/authorize`,
{
method: "POST",
headers: s,
body: JSON.stringify(e)
}
);
if (!o.ok) {
const l = await o.json();
throw l.message ? l : new X("Network response was not ok", o.status);
}
return {
data: await o.json(),
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, Ts = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
method: "POST",
headers: s,
body: JSON.stringify(e)
});
if (!o.ok) {
const l = await o.json();
throw l.message ? l : new X("Network response was not ok", o.status);
}
return {
data: await o.json(),
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, gr = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments`, {
method: "POST",
headers: s,
body: JSON.stringify(e)
});
if (!o.ok) {
const l = await o.json();
throw l.message ? new X(l.message, o.status) : new X("Network response was not ok", o.status);
}
return {
data: await o.json(),
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`UnexpectedError: ${s}`), s;
}
}, cn = async (n, e, i, t, s) => {
try {
const o = Oe(n, t), a = await fetch(
`${fe(Ve, s)}/payments/verify?reference=${e}`,
{
method: "GET",
headers: o,
signal: i
}
);
if (!a.ok) {
const d = await a.json();
throw d.message ? new X(d.message, a.status) : new X("Network response was not ok", a.status);
}
return {
data: await a.json(),
headers: a.headers
};
} catch (o) {
throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof De ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
}
};
async function yr(n, e, i, t, s) {
const o = Oe(n, i);
try {
const a = await fetch(
`${fe(Ve, t)}/mobile-money/providers?currency=${s || e}`,
{
headers: o,
method: "GET"
}
);
if (!a.ok) {
const l = await a.json();
throw l.message ? new X(l.message, a.status) : new X("Network response was not okay", a.status);
}
return await a.json();
} catch (a) {
throw a instanceof X ? console.error(`FetchError: ${a.message} (status: ${a.status})`) : a instanceof De ? console.error(`AuthorizationError: ${a.message}`) : console.error(`Unexpected error: ${a}`), a;
}
}
const Cr = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(
`${fe(Ve, t)}/payments/cancel`,
{
method: "POST",
headers: s,
body: JSON.stringify(e)
}
);
if (!o.ok) {
const a = await o.json();
throw a.message ? new X(a.message, o.status) : new X("Network response was not ok", o.status);
}
return {
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, Sr = async (n, e, i, t) => {
try {
const s = Oe(n, i, !0), o = await fetch(
`${fe(Ve, t)}/disputes/upload-documents`,
{
method: "POST",
headers: s,
body: e
}
);
if (!o.ok) {
const a = await o.json();
throw a.message ? new X(a.message, o.status) : new X("Network response was not ok", o.status);
}
return o.json();
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, kr = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(
`${fe(Ve, t)}/disputes/reference`,
{
method: "POST",
headers: s,
body: JSON.stringify(e)
}
);
if (!o.ok) {
const a = await o.json();
throw a.message ? new X(a.message, o.status) : new X("Network response was not ok", o.status);
}
return o.json();
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
}, Di = async (n, e, i, t) => {
try {
const s = Oe(n, i), o = await fetch(`${fe(Ve, t)}/payments/retry`, {
method: "POST",
headers: s,
body: JSON.stringify(e)
});
if (!o.ok) {
const l = await o.json();
throw l.message ? l : new X("Network response was not ok", o.status);
}
return {
data: await o.json(),
headers: o.headers
};
} catch (s) {
throw s instanceof X ? console.error(`FetchError: ${s.message} (status: ${s.status})`) : s instanceof De ? console.error(`AuthorizationError: ${s.message}`) : console.error(`Unexpected error: ${s}`), s;
}
};
async function wr(n, e, i, t, s) {
try {
const o = Oe(n, t), a = await fetch(
`${fe(Ve, s)}/payments/tax-quotes?amount=${e || ""}¤cy=${i || ""}`,
{
headers: o,
method: "GET"
}
);
if (!a.ok) {
const l = await a.json();
throw l.message ? new X(l.message, a.status) : new X("Network response was not ok", a.status);
}
return a.json();
} catch (o) {
throw o instanceof X ? console.error(`FetchError: ${o.message} (status: ${o.status})`) : o instanceof De ? console.error(`AuthorizationError: ${o.message}`) : console.error(`Unexpected error: ${o}`), o;
}
}
const Le = (n, e) => {
const i = new Intl.NumberFormat("ng-NG", {
style: "decimal",
maximumFractionDigits: e || 0,
minimumFractionDigits: e || 0
});
return isNaN(parseFloat(i.format(n))) ? "-" : i.format(n);
}, be = {
card: {
key: "card",
label: "Pay with Card",
icon: `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.83398 6.16992H15.1673" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.5 11.5034H5.83333" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.5 11.5034H10.1667" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.79398 2.83667H12.2007C14.574 2.83667 15.1673 3.42334 15.1673 5.76334V11.2367C15.1673 13.5767 14.574 14.1633 12.2073 14.1633H4.79398C2.42732 14.17 1.83398 13.5833 1.83398 11.2433V5.76334C1.83398 3.42334 2.42732 2.83667 4.79398 2.83667Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`
},
bank_transfer: {
key: "bank_transfer",
label: "Pay with Transfer",
icon: `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74731 1.93331L14.7473 4.33329C14.9806 4.42663 15.1673 4.70662 15.1673 4.95329V7.16663C15.1673 7.53329 14.8673 7.83329 14.5007 7.83329H2.50065C2.13398 7.83329 1.83398 7.53329 1.83398 7.16663V4.95329C1.83398 4.70662 2.02065 4.42663 2.25399 4.33329L8.25399 1.93331C8.38732 1.87998 8.61398 1.87998 8.74731 1.93331Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.1673 15.1667H1.83398V13.1667C1.83398 12.8 2.13398 12.5 2.50065 12.5H14.5007C14.8673 12.5 15.1673 12.8 15.1673 13.1667V15.1667Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.16602 12.4999V7.83325" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.83398 12.4999V7.83325" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 12.4999V7.83325" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.166 12.4999V7.83325" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.834 12.4999V7.83325" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.16602 15.1667H15.8327" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 6.16675C9.05228 6.16675 9.5 5.71903 9.5 5.16675C9.5 4.61446 9.05228 4.16675 8.5 4.16675C7.94772 4.16675 7.5 4.61446 7.5 5.16675C7.5 5.71903 7.94772 6.16675 8.5 6.16675Z" stroke="currentColor" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`
},
ussd: {
key: "ussd",
label: "Pay with USSD",
icon: `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.16732 2.5L5.83398 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.1673 2.5L9.83398 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.83398 6.5H14.834" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.16602 10.5H14.166" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> `
},
mobile_money: {
key: "mobile_money",
label: "Pay with Mobile Money",
icon: `<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.16732 2.5L5.83398 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.1673 2.5L9.83398 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.83398 6.5H14.834" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.16602 10.5H14.166" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg> `
},
eft: {
key: "eft",
label: "Pay with EFT",
icon: `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74731 1.43355L14.7473 3.83354C14.9806 3.92687 15.1673 4.20687 15.1673 4.45353V6.66687C15.1673 7.03354 14.8673 7.33354 14.5007 7.33354H2.50065C2.13398 7.33354 1.83398 7.03354 1.83398 6.66687V4.45353C1.83398 4.20687 2.02065 3.92687 2.25399 3.83354L8.25399 1.43355C8.38732 1.38022 8.61398 1.38022 8.74731 1.43355Z" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.1673 14.6667H1.83398V12.6667C1.83398 12.3 2.13398 12 2.50065 12H14.5007C14.8673 12 15.1673 12.3 15.1673 12.6667V14.6667Z" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.16602 12.0002V7.3335" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.83398 12.0002V7.3335" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 12.0002V7.3335" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.166 12.0002V7.3335" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.834 12.0002V7.3335" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.16602 14.6665H15.8327" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.5 5.6665C9.05228 5.6665 9.5 5.21879 9.5 4.6665C9.5 4.11422 9.05228 3.6665 8.5 3.6665C7.94772 3.6665 7.5 4.11422 7.5 4.6665C7.5 5.21879 7.94772 5.6665 8.5 5.6665Z" stroke="#0D0716" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`
}
};
be.card.label, be.card.icon, be.card.key, be.bank_transfer.label, be.bank_transfer.icon, be.bank_transfer.key, be.ussd.label, be.ussd.icon, be.ussd.key, be.mobile_money.label, be.mobile_money.icon, be.mobile_money.key, be.eft.label, be.eft.icon, be.eft.key;
const Yt = [
{
name: "MasterCard",
icon: `<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3295 1.73883H8.91364V12.2617H15.3295V1.73883Z" fill="#FF5F00"/>
<path d="M9.32119 6.99988C9.32018 5.98645 9.5718 4.98609 10.057 4.07454C10.5422 3.16299 11.2483 2.36413 12.1218 1.73845C11.0401 0.962455 9.74099 0.479876 8.37301 0.345869C7.00503 0.211862 5.62333 0.43183 4.38585 0.98064C3.14837 1.52945 2.10503 2.38496 1.37509 3.44937C0.645144 4.51379 0.258057 5.74417 0.258057 6.99988C0.258057 8.25559 0.645144 9.48597 1.37509 10.5504C2.10503 11.6148 3.14837 12.4703 4.38585 13.0191C5.62333 13.5679 7.00503 13.7879 8.37301 13.6539C9.74099 13.5199 11.0401 13.0373 12.1218 12.2613C11.2483 11.6356 10.5422 10.8368 10.057 9.92521C9.57181 9.01366 9.32019 8.0133 9.32119 6.99988Z" fill="#EB001B"/>
<path d="M23.9852 6.99994C23.9852 8.25563 23.5982 9.48601 22.8683 10.5504C22.1384 11.6148 21.0951 12.4703 19.8576 13.0192C18.6201 13.568 17.2385 13.788 15.8705 13.654C14.5025 13.5199 13.2035 13.0374 12.1218 12.2614C12.9945 11.6351 13.7001 10.8361 14.1852 9.92466C14.6703 9.01325 14.9224 8.01321 14.9224 6.99994C14.9224 5.98667 14.6703 4.98663 14.1852 4.07522C13.7001 3.16381 12.9945 2.36483 12.1218 1.73851C13.2035 0.962513 14.5025 0.479933 15.8705 0.345928C17.2385 0.211923 18.6201 0.431901 19.8576 0.980717C21.0951 1.52953 22.1384 2.38504 22.8683 3.44946C23.5982 4.51387 23.9852 5.74425 23.9852 6.99994Z" fill="#F79E1B"/>
<path d="M23.2856 11.1474V10.9317H23.3808V10.8878H23.1384V10.9317H23.2336V11.1474H23.2856ZM23.7562 11.1474V10.8874H23.6819L23.5964 11.0662L23.5109 10.8874H23.4366V11.1474H23.4891V10.9513L23.5692 11.1203H23.6236L23.7038 10.9508V11.1474H23.7562Z" fill="#F79E1B"/>
</svg>
`
},
{
name: "American Express",
icon: `<svg width="25" height="14" viewBox="0 0 25 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.2104 0.249756H2.39723C1.59259 0.249756 0.940308 0.792175 0.940308 1.46128V12.5381C0.940308 13.2072 1.59259 13.7496 2.39723 13.7496H23.2104C24.0151 13.7496 24.6673 13.2072 24.6673 12.5381V1.46128C24.6673 0.792175 24.0151 0.249756 23.2104 0.249756Z" fill="#006FCF" stroke="#F3F3F3" stroke-width="0.457968"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.6704 10.0782V7.22787H9.55152L9.96791 7.65L10.3981 7.22787H24.4855V9.88167C24.4855 9.88167 24.1171 10.0754 23.691 10.0782H15.8905L15.421 9.62895V10.0782H13.8826V9.31125C13.8826 9.31125 13.6724 9.41831 13.2181 9.41831H12.6945V10.0782H10.3651L9.94934 9.64708L9.52716 10.0782H5.6704ZM1.14844 5.07956L2.02166 3.49289H3.5318L4.02736 4.38169V3.49289H5.90459L6.19963 4.13526L6.48561 3.49289H14.9125V3.81583C14.9125 3.81583 15.3555 3.49289 16.0835 3.49289L18.8178 3.50034L19.3047 4.3775V3.49289H20.8757L21.3081 3.99673V3.49289H22.8935V6.34329H21.3081L20.8938 5.8378V6.34329H18.5857L18.3535 5.89395H17.733L17.5047 6.34329H15.9394C15.3129 6.34329 14.9125 6.0269 14.9125 6.0269V6.34329H12.5524L12.084 5.89395V6.34329H3.30808L3.07613 5.89395H2.45761L2.22729 6.34329H1.14844V5.07956ZM1.15294 5.97855L2.33072 3.84429H3.22363L4.40029 5.97855H3.6166L3.40041 5.55119H2.13706L1.91974 5.97855H1.15294ZM3.15157 5.08783L2.76648 4.34098L2.38027 5.08783H3.15157ZM4.48136 5.9782V3.84391L5.57103 3.84709L6.2048 5.22311L6.82341 3.84391H7.90436V5.9782H7.21977V4.40557L6.49406 5.9782H5.89368L5.16597 4.40557V5.9782H4.48136ZM8.37278 5.9782V3.84391H10.6067V4.32132H9.06457V4.6864H10.5707V5.13571H9.06457V5.51484H10.6067V5.9782H8.37278ZM11.0031 5.97855V3.84429H12.5266C13.0313 3.84429 13.4836 4.08756 13.4836 4.53669C13.4836 4.92064 13.1023 5.16793 12.7326 5.19223L13.6334 5.97855H12.7968L11.9759 5.22034H11.6877V5.97855H11.0031ZM12.4702 4.3217H11.6877V4.771H12.4804C12.6176 4.771 12.7945 4.68813 12.7945 4.54635C12.7945 4.43614 12.658 4.3217 12.4702 4.3217ZM14.4621 5.9782H13.7631V3.84391H14.4621V5.9782ZM16.1196 5.9782H15.9687C15.2386 5.9782 14.7954 5.52994 14.7954 4.91985C14.7954 4.29466 15.2337 3.84391 16.1556 3.84391H16.9123V4.34943H16.1279C15.7537 4.34943 15.489 4.57705 15.489 4.92511C15.489 5.33845 15.7916 5.51204 16.2276 5.51204H16.4078L16.1196 5.9782ZM16.4314 5.97855L17.6092 3.84429H18.5021L19.6788 5.97855H18.8951L18.6789 5.55119H17.4156L17.1982 5.97855H16.4314ZM18.4301 5.08783L18.045 4.34098L17.6588 5.08783H18.4301ZM19.7588 5.9782V3.84391H20.6291L21.7405 5.18486V3.84391H22.4251V5.9782H21.5828L20.4434 4.60215V5.9782H19.7588ZM6.13882 9.7132V7.5789H8.37278V8.05631H6.83061V8.4214H8.33673V8.8707H6.83061V9.24984H8.37278V9.7132H6.13882ZM17.0852 9.7132V7.5789H19.3191V8.05631H17.777V8.4214H19.2759V8.8707H17.777V9.24984H19.3191V9.7132H17.0852ZM8.45949 9.7132L9.54719 8.65921L8.43356 7.5789H9.2961L9.95929 8.24673L10.6247 7.5789H11.4535L10.3545 8.64605L11.4442 9.7132H10.5819L9.93789 9.05589L9.30958 9.7132H8.45949ZM11.5255 9.71354V7.57929H13.0377C13.6582 7.57929 14.0207 7.89096 14.0207 8.29713C14.0207 8.78745 13.5586 9.03956 12.9488 9.03956H12.2281V9.71354H11.5255ZM12.9871 8.06192H12.2281V8.55339H12.9848C13.1848 8.55339 13.3249 8.4501 13.3249 8.30766C13.3249 8.15604 13.184 8.06192 12.9871 8.06192ZM14.318 9.7132V7.5789H15.8414C16.3462 7.5789 16.7985 7.82218 16.7985 8.27131C16.7985 8.65526 16.4172 8.90255 16.0475 8.92688L16.9483 9.7132H16.1117L15.2908 8.95496H15.0026V9.7132H14.318ZM15.7852 8.05631H15.0026V8.50562H15.7953C15.9325 8.50562 16.1094 8.42278 16.1094 8.28097C16.1094 8.17075 15.9729 8.05631 15.7852 8.05631ZM19.6363 9.7132V9.24984H21.0064C21.2091 9.24984 21.2969 9.16445 21.2969 9.07081C21.2969 8.98109 21.2094 8.89036 21.0064 8.89036H20.3872C19.8491 8.89036 19.5493 8.6348 19.5493 8.25113C19.5493 7.90892 19.8238 7.5789 20.6235 7.5789H21.9567L21.6684 8.05912H20.5154C20.295 8.05912 20.2271 8.14926 20.2271 8.23534C20.2271 8.32382 20.311 8.4214 20.4794 8.4214H21.1279C21.7279 8.4214 21.9882 8.68662 21.9882 9.03395C21.9882 9.40734 21.6981 9.7132 21.0953 9.7132H19.6363ZM22.0486 9.7132V9.24984H23.4186C23.6214 9.24984 23.7092 9.16445 23.7092 9.07081C23.7092 8.98109 23.6217 8.89036 23.4186 8.89036H22.7995C22.2613 8.89036 21.9616 8.6348 21.9616 8.25113C21.9616 7.90892 22.2361 7.5789 23.0358 7.5789H24.369L24.0808 8.05912H22.9277C22.7073 8.05912 22.6395 8.14926 22.6395 8.23534C22.6395 8.32382 22.7233 8.4214 22.8917 8.4214H23.5403C24.1402 8.4214 24.4005 8.68662 24.4005 9.03395C24.4005 9.40734 24.1104 9.7132 23.5076 9.7132H22.0486Z" fill="white"/>
</svg>
`
},
{
name: "UnionPay",
icon: `<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_6292_30183)">
<path d="M29.4327 4.56458H0.230164V17.4343H29.4327V4.56458Z" fill="white"/>
<path d="M7.61537 4.61139H13.534C14.3599 4.61139 14.876 5.19639 14.6824 5.91182L11.9252 16.1627C11.7317 16.8781 10.9015 17.4631 10.0756 17.4631H4.15704C3.33112 17.4631 2.815 16.8781 3.00857 16.1627L5.76569 5.91182C5.95926 5.19268 6.78513 4.61139 7.61101 4.61139H7.61537Z" fill="#D10429"/>
<path d="M13.0164 4.61108H19.8257C20.6516 4.61108 20.2774 5.19608 20.0838 5.91152L17.3266 16.1624C17.133 16.8778 17.1932 17.4628 16.3674 17.4628H9.55845C8.72829 17.4628 8.2164 16.8778 8.41426 16.1624L11.1715 5.91152C11.365 5.19237 12.1909 4.61108 13.0211 4.61108H13.0168H13.0164Z" fill="#022E64"/>
<path d="M19.5868 4.61108H25.5058C26.3317 4.61108 26.8478 5.19608 26.6542 5.91152L23.897 16.1624C23.7034 16.8778 22.8732 17.4628 22.0474 17.4628H16.1288C15.2986 17.4628 14.7868 16.8778 14.9804 16.1624L17.7375 5.91152C17.9311 5.19237 18.757 4.61108 19.5828 4.61108H19.5872H19.5868Z" fill="#076F74"/>
<path d="M18.593 14.2754H19.1522L19.3113 13.8096H18.7564L18.593 14.2754ZM19.0403 12.9935L18.8468 13.5451C18.8468 13.5451 19.0575 13.4519 19.1737 13.4221C19.2898 13.3997 19.4619 13.3811 19.4619 13.3811L19.5952 12.9973H19.0361L19.0403 12.9935ZM19.3199 12.2036L19.135 12.7327C19.135 12.7327 19.3414 12.6507 19.4576 12.6247C19.5737 12.5986 19.7458 12.5912 19.7458 12.5912L19.8791 12.2074H19.3242L19.3199 12.2036ZM20.5545 12.2036L19.8318 14.2717H20.0254L19.8748 14.7002H19.6812L19.6339 14.8306H18.9456L18.993 14.7002H17.5994L17.737 14.3052H17.8789L18.6103 12.2037L18.7565 11.7789H19.4576L19.3845 11.9912C19.3845 11.9912 19.5694 11.8758 19.7501 11.8347C19.9265 11.7938 20.9416 11.7789 20.9416 11.7789L20.7911 12.2H20.5502L20.5545 12.2036Z" fill="#FEFEFE"/>
<path d="M20.8412 11.7783H21.5896L21.5982 12.0205C21.5939 12.0615 21.6326 12.0801 21.7229 12.0801H21.8735L21.7359 12.4789H21.3315C20.9831 12.5012 20.8497 12.3708 20.8583 12.2255L20.8454 11.782L20.8412 11.7783ZM20.9333 13.6753H20.2193L20.3396 13.3213H21.1569L21.273 12.9971H20.4687L20.6063 12.5984H22.8431L22.7054 12.9971H21.9527L21.8365 13.3213H22.5893L22.4645 13.6753H21.6515L21.5053 13.8243H21.8365L21.9182 14.2715C21.9268 14.3162 21.9268 14.346 21.944 14.3646C21.9612 14.3796 22.0602 14.387 22.1161 14.387H22.215L22.0602 14.823H21.8064C21.7677 14.823 21.7074 14.8193 21.6257 14.8193C21.5483 14.8118 21.4967 14.7745 21.4451 14.7522C21.3977 14.7336 21.3289 14.6851 21.3117 14.5994L21.2343 14.1523L20.8644 14.592C20.7482 14.7298 20.5892 14.8379 20.3181 14.8379H19.8019L19.9396 14.4503H20.1375C20.1934 14.4503 20.245 14.4318 20.2838 14.4131C20.3225 14.3982 20.3568 14.3833 20.3913 14.3349L20.9333 13.6753ZM13.123 12.7054H15.0113L14.8737 13.0967H14.1209L14.0048 13.4282H14.7791L14.6372 13.8307H13.8672L13.6779 14.371C13.6564 14.4306 13.8629 14.4381 13.936 14.4381L14.3231 14.3934L14.1682 14.8405H13.2994C13.2306 14.8405 13.179 14.833 13.1015 14.8181C13.0283 14.8032 12.994 14.7734 12.9639 14.7325C12.9337 14.6877 12.8821 14.6542 12.9165 14.5573L13.166 13.8419H12.7358L12.8778 13.432H13.3079L13.424 13.1004H12.994L13.1316 12.7091L13.123 12.7054ZM14.4277 11.9981H15.2019L15.06 12.4043H14.0018L13.8857 12.49C13.8341 12.531 13.8212 12.5161 13.7566 12.5459C13.6965 12.5719 13.5717 12.6241 13.4082 12.6241H13.0684L13.206 12.2329H13.3093C13.3953 12.2329 13.4556 12.2254 13.4856 12.2105C13.5201 12.1919 13.5588 12.1509 13.5975 12.0838L13.791 11.7783H14.561L14.4277 12.0018V11.9981ZM15.8869 12.6688C15.8869 12.6688 16.0977 12.5012 16.459 12.4491C16.5407 12.4341 17.0569 12.4415 17.0569 12.4415L17.1344 12.218H16.0461L15.8869 12.6726L15.8869 12.6688ZM16.9106 12.8402H15.831L15.7665 13.0303H16.7042C16.816 13.0191 16.8375 13.034 16.8461 13.0266L16.9149 12.8402H16.9106ZM15.5084 11.782H16.1665L16.0719 12.0689C16.0719 12.0689 16.2784 11.9236 16.4246 11.8714C16.5709 11.8267 16.8978 11.782 16.8978 11.782L17.9645 11.7783L17.5989 12.8291C17.5387 13.0079 17.4656 13.1235 17.4225 13.1794C17.3839 13.2315 17.3365 13.2799 17.2419 13.3247C17.1516 13.3657 17.0698 13.3917 16.9924 13.3955C16.9236 13.3992 16.8117 13.4029 16.6655 13.4029H15.6375L15.3493 14.2339C15.3235 14.3158 15.3106 14.3568 15.3278 14.3791C15.3407 14.3978 15.3794 14.4201 15.4267 14.4201L15.8783 14.3829L15.7234 14.8375H15.2159C15.0524 14.8375 14.9363 14.8338 14.8546 14.83C14.7772 14.8226 14.6954 14.83 14.6395 14.7928C14.5922 14.7555 14.5191 14.7071 14.5233 14.6586C14.5277 14.6139 14.5492 14.5393 14.5836 14.435L15.5084 11.782Z" fill="#FEFEFE"/>
<path d="M17.4261 13.4544L17.3659 13.7078C17.3401 13.786 17.3186 13.8456 17.2497 13.8978C17.1766 13.95 17.0949 14.0058 16.8971 14.0058L16.5315 14.0208L16.5271 14.3039C16.5229 14.3821 16.5487 14.3747 16.5616 14.3896C16.5788 14.4045 16.5916 14.4082 16.6089 14.4157L16.725 14.4082L17.0735 14.3933L16.9272 14.8107H16.5271C16.2476 14.8107 16.0368 14.8032 15.9722 14.7585C15.9034 14.7212 15.8948 14.6765 15.8948 14.5945L15.9206 13.4841H16.5616L16.5529 13.7114H16.7078C16.7594 13.7114 16.7982 13.7077 16.8196 13.6965C16.8411 13.6853 16.8541 13.6667 16.8627 13.6406L16.9272 13.4618H17.4304L17.4261 13.4544ZM8.30775 7.89182C8.28626 7.98124 7.87334 9.62449 7.87334 9.62449C7.78298 9.95611 7.71847 10.1946 7.50341 10.3474C7.37867 10.4368 7.2324 10.4778 7.06468 10.4778C6.79367 10.4778 6.63883 10.3623 6.61302 10.1425L6.6087 10.0679C6.6087 10.0679 6.69042 9.62449 6.69042 9.62078C6.69042 9.62078 7.12058 8.12284 7.19802 7.92533C7.2023 7.91417 7.2023 7.90672 7.2023 7.90298C6.3635 7.91046 6.21299 7.90298 6.20439 7.89182C6.20006 7.90672 6.17857 7.99986 6.17857 7.99986L5.7398 9.68789L5.70106 9.82945L5.62799 10.299C5.62799 10.4368 5.65808 10.5523 5.72264 10.6455C5.92477 10.9511 6.49689 10.9958 6.81948 10.9958C7.23672 10.9958 7.62815 10.9175 7.89051 10.7797C8.35077 10.5449 8.47119 10.176 8.57444 9.85184L8.62606 9.68415C8.62606 9.68415 9.06912 8.13033 9.14655 7.92911C9.15083 7.91792 9.15083 7.91046 9.15516 7.90676C8.54434 7.91046 8.36798 7.90676 8.30775 7.89556V7.89182ZM10.7614 10.9806C10.4646 10.9768 10.357 10.9768 10.0086 10.9917L9.9957 10.9694C10.0258 10.8539 10.0602 10.7421 10.086 10.6266L10.129 10.4701C10.1936 10.2279 10.2538 9.94095 10.2624 9.85527C10.271 9.8031 10.2882 9.6727 10.1161 9.6727C10.043 9.6727 9.96989 9.70247 9.8925 9.73228C9.84943 9.86272 9.76771 10.2279 9.72469 10.3918C9.63865 10.7421 9.63437 10.7831 9.59567 10.9545L9.56986 10.9768C9.26448 10.9731 9.15694 10.9731 8.80421 10.988L8.78701 10.9619C8.84724 10.7533 8.90314 10.5446 8.95909 10.3359C9.10532 9.77325 9.14406 9.55717 9.18271 9.27023L9.21285 9.25533C9.55698 9.21436 9.63869 9.20316 10.0129 9.13983L10.043 9.16964L9.9871 9.3485C10.0516 9.31498 10.1118 9.28143 10.1764 9.25533C10.3527 9.1808 10.5463 9.15845 10.6538 9.15845C10.8173 9.15845 10.9979 9.19945 11.0711 9.36341C11.1399 9.50871 11.0968 9.68757 11.0022 10.0416L10.9549 10.2204C10.8603 10.6154 10.8431 10.6862 10.7914 10.9545L10.7571 10.9768L10.7614 10.9806ZM11.9692 10.9815C11.7885 10.9815 11.6724 10.9778 11.5606 10.9815C11.4487 10.9815 11.3412 10.989 11.1734 10.9927L11.1648 10.9815L11.1562 10.9666C11.2035 10.8176 11.2251 10.7654 11.2509 10.7133C11.2724 10.6611 11.2939 10.6089 11.3369 10.4562C11.3885 10.2587 11.4229 10.1208 11.4444 9.99783C11.4702 9.8823 11.4831 9.78174 11.5004 9.66621L11.5132 9.65876L11.5261 9.6476C11.7068 9.62524 11.8187 9.61033 11.9348 9.59543C12.0509 9.58052 12.1714 9.56191 12.3563 9.5321L12.3649 9.54701L12.3692 9.56191L12.266 9.93079C12.2316 10.0538 12.1972 10.1767 12.1671 10.2997C12.1025 10.5605 12.0725 10.6574 12.0596 10.7282C12.0424 10.7953 12.038 10.8288 12.0122 10.963L11.995 10.9741L11.9778 10.9853L11.9692 10.9815ZM13.8788 10.066C13.8659 10.1331 13.7971 10.3828 13.7068 10.4871C13.6422 10.5654 13.5691 10.6138 13.483 10.6138C13.4573 10.6138 13.311 10.6138 13.3067 10.4238C13.3067 10.3306 13.3282 10.2337 13.354 10.1294C13.4315 9.82756 13.5261 9.57792 13.7627 9.57792C13.9476 9.57792 13.9605 9.76423 13.8788 10.066ZM14.6573 10.0958C14.7605 9.70087 14.6789 9.51456 14.5799 9.40277C14.4251 9.23137 14.1498 9.17549 13.8659 9.17549C13.6938 9.17549 13.2895 9.19039 12.9712 9.44378C12.7433 9.62634 12.6357 9.87602 12.5755 10.1145C12.5109 10.3567 12.4378 10.7927 12.9024 10.9566C13.0443 11.0088 13.2508 11.0237 13.3841 11.0237C13.724 11.0237 14.0724 10.9417 14.3347 10.7032C14.5369 10.5095 14.6272 10.2188 14.6616 10.0958H14.6573ZM21.9077 11.0258C21.5464 11.0221 21.4431 11.0221 21.1119 11.037L21.0904 11.0146C21.1807 10.7202 21.271 10.4222 21.3527 10.1241C21.4559 9.73653 21.4818 9.57257 21.5162 9.34529L21.542 9.32668C21.899 9.28196 21.998 9.2708 22.3722 9.21118L22.3808 9.23725C22.312 9.48318 22.2474 9.7254 22.1786 9.96759C22.041 10.4781 21.9936 10.7389 21.9421 11.0072L21.9077 11.0296V11.0258Z" fill="#FEFEFE"/>
<path d="M21.3881 10.1159C21.3709 10.1793 21.3021 10.4326 21.2118 10.537C21.1515 10.6115 21.0053 10.66 20.9236 10.66C20.8978 10.66 20.7558 10.66 20.7472 10.4736C20.7472 10.3805 20.7687 10.2836 20.7945 10.1793C20.872 9.8849 20.9666 9.63522 21.2032 9.63522C21.3881 9.63522 21.4698 9.81779 21.3881 10.1196V10.1159ZM22.0979 10.1457C22.201 9.75075 21.7795 10.1122 21.715 9.98178C21.6118 9.77682 21.6763 9.36694 21.2634 9.22908C21.1042 9.17317 20.73 9.24399 20.4117 9.49737C20.188 9.67623 20.0762 9.92587 20.016 10.1643C19.9514 10.4028 19.8783 10.8426 20.3385 10.9953C20.4849 11.0512 20.6182 11.0661 20.7515 11.0586C21.2161 11.0363 21.5688 10.4289 21.8312 10.1904C22.0333 10.0004 22.0677 10.2612 22.0979 10.1457ZM16.6968 10.9806C16.4 10.9768 16.2967 10.9768 15.9483 10.9917L15.9354 10.9694C15.9655 10.8539 16 10.7421 16.03 10.6266L16.0687 10.4701C16.1333 10.2279 16.1978 9.94095 16.2021 9.85527C16.2107 9.8031 16.2279 9.6727 16.0601 9.6727C15.987 9.6727 15.9096 9.70247 15.8365 9.73228C15.7977 9.86272 15.7117 10.2279 15.6687 10.3918C15.587 10.7421 15.5784 10.7831 15.5397 10.9545L15.5138 10.9768C15.2085 10.9731 15.1009 10.9731 14.7482 10.988L14.731 10.9619C14.7912 10.7533 14.8471 10.5446 14.9031 10.3359C15.0493 9.77325 15.0838 9.55717 15.1267 9.27023L15.1525 9.25533C15.4967 9.21436 15.5827 9.20316 15.9526 9.13983L15.9828 9.16964L15.9311 9.3485C15.9914 9.31498 16.0559 9.28143 16.1161 9.25533C16.2925 9.1808 16.486 9.15845 16.5935 9.15845C16.757 9.15845 16.9334 9.19945 17.0107 9.36341C17.0796 9.50871 17.0323 9.68757 16.9376 10.0416L16.8903 10.2204C16.7914 10.6154 16.7785 10.6862 16.7268 10.9545L16.6925 10.9768L16.6968 10.9806ZM19.2739 7.89552L19.0244 7.89927C18.3792 7.90672 18.1211 7.90298 18.0179 7.89182C18.0093 7.93282 17.9921 8.0036 17.9921 8.0036C17.9921 8.0036 17.7598 8.9277 17.7598 8.93141C17.7598 8.93141 17.2092 10.8989 17.1834 10.992C17.7469 10.9845 17.9749 10.9845 18.0738 10.9957C18.0954 10.9026 18.2244 10.3548 18.2287 10.3548C18.2287 10.3548 18.3405 9.9524 18.3449 9.93749C18.3449 9.93749 18.3792 9.89649 18.4136 9.87787H18.4652C18.9513 9.87787 19.4976 9.87787 19.9278 9.60588C20.2202 9.41957 20.4181 9.14008 20.5085 8.80472C20.5299 8.72274 20.5472 8.62586 20.5472 8.52527C20.5472 8.39484 20.5171 8.26818 20.431 8.16756C20.2116 7.90298 19.7771 7.89927 19.2739 7.89552ZM19.5965 8.86063C19.5449 9.06556 19.39 9.24071 19.1922 9.32268C19.0287 9.39346 18.8309 9.40092 18.6244 9.40092H18.4911L18.4997 9.3562C18.4997 9.3562 18.7449 8.4321 18.7449 8.43584L18.7534 8.38739L18.7577 8.35012L18.8567 8.35761C18.8567 8.35761 19.3642 8.39484 19.3728 8.39484C19.5706 8.46191 19.6567 8.63332 19.5965 8.86063ZM24.8841 9.16964L24.8541 9.13983C24.4884 9.20316 24.4196 9.21436 24.084 9.25536L24.0583 9.27768C24.0583 9.28143 24.054 9.28517 24.054 9.29259V9.28888C23.8045 9.7919 23.8088 9.68386 23.6067 10.0788C23.6067 10.0602 23.6067 10.049 23.6023 10.0304L23.5507 9.17335L23.5206 9.14354C23.1335 9.2069 23.1249 9.21807 22.7721 9.25907L22.7463 9.28143C22.742 9.29259 22.742 9.30379 22.742 9.31495L22.7463 9.31869C22.7894 9.51616 22.7807 9.47145 22.8238 9.78074C22.8453 9.9335 22.8711 10.0863 22.8926 10.2353C22.927 10.4887 22.9485 10.6117 22.9915 10.9955C22.7506 11.3383 22.6947 11.4687 22.4624 11.7705L22.4753 11.8003C22.8238 11.7892 22.9012 11.7892 23.1593 11.7892L23.2152 11.7332C23.4088 11.3719 24.8885 9.17339 24.8885 9.17339L24.8841 9.16964ZM12.3013 9.41646C12.4991 9.29723 12.5249 9.13327 12.3572 9.04759C12.1894 8.96187 11.8926 8.98797 11.6947 9.10721C11.4969 9.22274 11.4754 9.38665 11.6431 9.47608C11.8066 9.5581 12.1034 9.5357 12.3013 9.41646Z" fill="#FEFEFE"/>
<path d="M22.3316 11.5377L22.072 11.847C21.9906 11.9519 21.8357 12.0326 21.5955 12.0326L21.1809 12.0272L21.301 11.7475H21.3824C21.425 11.7475 21.456 11.7448 21.4792 11.7367C21.5025 11.7313 21.5142 11.7206 21.5335 11.7044L21.6885 11.535H22.3355L22.3316 11.5377Z" fill="#FEFEFE"/>
</g>
<defs>
<clipPath id="clip0_6292_30183">
<rect x="0.230164" y="0.961639" width="29.2025" height="20.0767" rx="1.82516" fill="white"/>
</clipPath>
</defs>
</svg>
`
},
{
name: "Discover",
icon: `<svg width="25" height="14" viewBox="0 0 25 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.28494 0.709717C1.36126 0.709717 0.612122 1.34368 0.612122 2.12549V12.1894C0.612122 12.9713 1.36101 13.6052 2.28494 13.6052H22.6663C23.59 13.6052 24.3392 12.9712 24.3392 12.1894V2.12549C24.3392 1.34352 23.5903 0.709717 22.6663 0.709717H2.28494Z" fill="#4D4D4D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5638 4.8775C10.8326 4.8775 11.058 4.92342 11.3324 5.03426V5.61985C11.0725 5.41746 10.8471 5.33276 10.5489 5.33276C9.96292 5.33276 9.50207 5.71923 9.50207 6.20918C9.50207 6.7259 9.94866 7.08937 10.578 7.08937C10.8613 7.08937 11.0825 7.00906 11.3324 6.80991V7.39582C11.0483 7.50238 10.818 7.54449 10.5489 7.54449C9.59747 7.54449 8.85815 6.96288 8.85815 6.21281C8.85815 5.47085 9.61715 4.8775 10.5638 4.8775ZM7.60966 4.89364C7.96088 4.89364 8.28223 4.98939 8.55092 5.17662L8.22397 5.51762C8.06123 5.37229 7.90731 5.31098 7.72011 5.31098C7.45081 5.31098 7.25469 5.43311 7.25469 5.59383C7.25469 5.73164 7.36478 5.80458 7.7397 5.91511C8.45045 6.12216 8.6611 6.30573 8.6611 6.71113C8.6611 7.20514 8.20554 7.54902 7.55627 7.54902C7.08082 7.54902 6.73513 7.39986 6.44724 7.06327L6.85085 6.75362C6.99473 6.97524 7.2348 7.09395 7.53285 7.09395C7.81158 7.09395 8.01794 6.94075 8.01794 6.73401C8.01794 6.62683 7.95543 6.53494 7.83062 6.46997C7.76778 6.43921 7.6433 6.39335 7.39867 6.32462C6.81185 6.15634 6.6105 5.97645 6.6105 5.6249C6.6105 5.20728 7.04288 4.89364 7.60966 4.89364ZM14.7498 4.93812H15.4323L16.2866 6.65216L17.1519 4.93812H17.8292L16.4453 7.55545H16.1091L14.7498 4.93812ZM2.66272 4.94203H3.57986C4.59319 4.94203 5.29959 5.46665 5.29959 6.21976C5.29959 6.5953 5.08349 6.95838 4.71803 7.19932C4.41055 7.40269 4.06018 7.49391 3.57505 7.49391H2.66272V4.94203ZM5.58708 4.94203H6.21189V7.49391H5.58708V4.94203ZM18.1117 4.94203H19.8837V5.37445H18.7361V5.94085H19.8415V6.37304H18.7361V7.06188H19.8837V7.49391H18.1118L18.1117 4.94203ZM20.2976 4.94203H21.224C21.9447 4.94203 22.3576 5.2177 22.3576 5.69547C22.3576 6.0862 22.0986 6.34256 21.628 6.41888L22.6363 7.49391H21.8679L21.0031 6.46876H20.9217V7.49391H20.2976V4.94203ZM20.9217 5.34398V6.1168H21.1042C21.5032 6.1168 21.7147 5.97879 21.7147 5.72227C21.7147 5.47394 21.5032 5.34398 21.1141 5.34398H20.9217ZM3.28711 5.37443V7.06188H3.45478C3.85853 7.06188 4.11354 7.00026 4.30986 6.85905C4.52593 6.70577 4.65591 6.46099 4.65591 6.21608C4.65591 5.97158 4.52593 5.73411 4.30986 5.58081C4.10347 5.43203 3.85853 5.37443 3.45478 5.37443H3.28711Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2401 4.8594C14.1813 4.8594 14.9442 5.46634 14.9442 6.2161V6.21695C14.9442 6.96674 14.1813 7.57449 13.2401 7.57449C12.299 7.57449 11.536 6.96671 11.536 6.21695V6.2161C11.536 5.46631 12.299 4.85938 13.2401 4.85938L13.2401 4.8594ZM24.3386 8.13216C23.5462 8.60397 17.6135 11.9761 7.3418 13.6049H22.6658C23.5895 13.6049 24.3386 12.9709 24.3386 12.1891V8.13206L24.3386 8.13216Z" fill="#F47216"/>
</svg>
`
},
{
name: "Verve",
icon: `<svg width="28" height="14" viewBox="0 0 28 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.9689 0.709717H1.05166C0.648454 0.709717 0.321594 1.09842 0.321594 1.5779V12.6668C0.321594 13.1462 0.648454 13.5349 1.05166 13.5349H26.9689C27.3721 13.5349 27.6989 13.1462 27.6989 12.6668V1.5779C27.6989 1.09842 27.3721 0.709717 26.9689 0.709717Z" fill="#00425F"/>
<path d="M6.65498 11.5618C8.8222 11.5618 10.5791 9.47256 10.5791 6.89533C10.5791 4.31811 8.8222 2.22885 6.65498 2.22885C4.48777 2.22885 2.7309 4.31811 2.7309 6.89533C2.7309 9.47256 4.48777 11.5618 6.65498 11.5618Z" fill="#EE312A"/>
<path d="M6.65486 8.88663C5.77763 6.5219 5.13432 4.31293 5.13432 4.31293H3.78937C3.78937 4.31293 4.60798 7.14828 6.12852 10.6941H7.18121C8.70175 7.14828 9.52036 4.31293 9.52036 4.31293H8.17541C8.17541 4.31293 7.5321 6.5219 6.65486 8.88663Z" fill="white"/>
<path d="M25.4034 8.59042H22.7825C22.7825 8.59042 22.8408 9.63772 24.0056 9.63772C24.588 9.63772 25.1705 9.4281 25.1705 9.4281L25.287 10.545C25.287 10.545 24.7045 10.8242 23.8891 10.8242C22.7243 10.8242 21.676 10.1261 21.676 8.17158C21.676 6.63582 22.4913 5.65854 23.6562 5.65854C25.4034 5.65854 25.5199 7.75274 25.4034 8.59042ZM23.5979 6.63582C22.8408 6.63582 22.7825 7.6131 22.7825 7.6131H24.4133C24.4133 7.6131 24.3551 6.63582 23.5979 6.63582Z" fill="white"/>
<path d="M16.3543 6.94405L16.529 5.83304C16.529 5.83304 15.1799 5.34486 14.0833 6.24967V10.6936H15.248L15.2479 7.08292C15.7137 6.6663 16.3543 6.94405 16.3543 6.94405Z" fill="white"/>
<path d="M13.1748 8.59042H10.5539C10.5539 8.59042 10.6122 9.63772 11.777 9.63772C12.3594 9.63772 12.9418 9.4281 12.9418 9.4281L13.0583 10.545C13.0583 10.545 12.4759 10.8242 11.6605 10.8242C10.4957 10.8242 9.44733 10.1261 9.44733 8.17158C9.44733 6.63582 10.2627 5.65854 11.4276 5.65854C13.1748 5.65854 13.2913 7.75274 13.1748 8.59042ZM11.3693 6.63582C10.6122 6.63582 10.5539 7.6131 10.5539 7.6131H12.1847C12.1847 7.6131 12.1265 6.63582 11.3693 6.63582Z" fill="white"/>
<path d="M19.1937 9.02718C18.8306 7.97671 18.5377 6.89383 18.3176 5.7886L17.1495 5.78879C17.1495 5.78879 17.7336 8.47117 18.7266 10.6938H19.6608C20.6538 8.47117 21.2379 5.78928 21.2379 5.78928H20.0698C19.8497 6.89427 19.5568 7.97692 19.1937 9.02718Z" fill="white"/>
</svg>
`
},
{
name: "Visa",
icon: `<svg width="28" height="7" viewBox="0 0 28 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0163 6.41102L11.366 0.60263H13.5249L12.1742 6.41102H10.0163ZM19.974 0.727841C19.5464 0.610166 18.8761 0.483887 18.0392 0.483887C15.9058 0.483887 14.4033 1.27168 14.3904 2.40075C14.3784 3.23536 15.4632 3.70099 16.2821 3.9788C17.1225 4.26358 17.4049 4.44511 17.4009 4.6993C17.3955 5.08867 16.7298 5.26646 16.1092 5.26646C15.2452 5.26646 14.7861 5.17842 14.0771 4.96165L13.7988 4.86934L13.4959 6.16958C14.0002 6.33179 14.9326 6.4722 15.9008 6.4795C18.1702 6.4795 19.6435 5.70069 19.6602 4.49495C19.6683 3.83418 19.0931 3.33141 17.8475 2.91682C17.0929 2.64812 16.6308 2.46881 16.6357 2.19673C16.6357 1.9553 17.0269 1.69713 17.8722 1.69713C18.578 1.68909 19.0895 1.80199 19.488 1.91966L19.6814 1.98669L19.974 0.727841ZM25.5296 0.602541H23.8614C23.3447 0.602541 22.9579 0.705974 22.731 1.08422L19.5247 6.40719H21.7917C21.7917 6.40719 22.1623 5.69149 22.2461 5.53433C22.4939 5.53433 24.6962 5.53682 25.011 5.53682C25.0756 5.74018 25.2737 6.40719 25.2737 6.40719H27.277L25.5296 0.602363V0.602541ZM22.8828 4.35325C23.0614 4.01859 23.743 2.72953 23.743 2.72953C23.7303 2.74499 23.9203 2.39324 24.0292 2.17516L24.1751 2.67595C24.1751 2.67595 24.5885 4.06244 24.6749 4.35316H22.8828V4.35325ZM8.18357 0.602541L6.06996 4.56361L5.8448 3.75867C5.45128 2.83074 4.22537 1.8254 2.85486 1.32209L4.78753 6.40176L7.07172 6.39989L10.4706 0.602481L8.18357 0.602452" fill="#0E4595"/>
<path d="M4.09771 0.602448H0.616461L0.588867 0.723297C3.29725 1.20409 5.08928 2.36597 5.83334 3.7622L5.07637 1.093C4.94572 0.725196 4.56669 0.615413 4.09779 0.602596" fill="#F2AE14"/>
</svg>
`
}
], rt = [
{
name: "GHS",
dialCode: "+233",
length: "9",
cardTypes: ["Visa", "MasterCard", "Gh-link"],
icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gh" viewBox="0 0 512 512">
<path fill="#006b3f" d="M0 0h512v512H0z"/>
<path fill="#fcd116" d="M0 0h512v341.3H0z"/>
<path fill="#ce1126" d="M0 0h512v170.7H0z"/>
<path fill="#000001" d="m256 170.7 55.5 170.6L166.3 236h179.4L200.6 341.3z"/>
</svg>
`
},
{
name: "TZS",
dialCode: "+255",
length: "9",
cardTypes: [],
icon: `<svg width="33" height="34" viewBox="0 0 33 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3333_2907)">
<path d="M16.6191 33.2932C25.6655 33.2932 32.999 25.9596 32.999 16.9133C32.999 7.86692 25.6655 0.533394 16.6191 0.533394C7.57278 0.533394 0.239258 7.86692 0.239258 16.9133C0.239258 25.9596 7.57278 33.2932 16.6191 33.2932Z" fill="#FFDA44"/>
<path d="M5.03752 28.4957C5.72465 29.1828 6.45778 29.7956 7.2268 30.3351L30.0415 7.5203C29.5022 6.75128 28.8893 6.01815 28.2022 5.33103C27.515 4.64391 26.782 4.0312 26.0129 3.49168L3.19824 26.3065C3.73763 27.0753 4.35046 27.8085 5.03752 28.4957Z" fill="black"/>
<path d="M5.03712 5.33098C-0.130354 10.4986 -1.12242 18.2592 2.05905 24.4237L24.1298 2.35297C17.9654 -0.828501 10.2047 0.163634 5.03712 5.33098Z" fill="#6DA544"/>
<path d="M28.202 28.4956C33.3695 23.3282 34.3615 15.5674 31.1801 9.40296L9.10938 31.4737C15.2737 34.6552 23.0345 33.6631 28.202 28.4956Z" fill="#338AF3"/>
</g>
<defs>
<clipPath id="clip0_3333_2907">
<rect width="32.7598" height="32.7598" fill="white" transform="translate(0.240234 0.533325)"/>
</clipPath>
</defs>
</svg>
`
},
{
name: "KES",
dialCode: "+254",
length: "9",
cardTypes: ["Visa", "MasterCard"],
icon: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-ke" viewBox="0 0 512 512">
<defs>
<path id="ke-a" stroke-miterlimit="10" d="m-28.6 47.5 1.8 1 46.7-81c2.7-.6 4.2-3.2 5.7-5.8 1-1.8 5-8.7 6.7-17.7a58 58 0 0 0-11.9 14.7c-1.5 2.6-3 5.2-2.3 7.9z"/>
</defs>
<path fill="#fff" d="M0 0h512v512H0z"/>
<path fill="#000001" d="M0 0h512v153.6H0z"/>
<path fill="#060" d="M0 358.4h512V512H0z"/>
<g id="ke-b" transform="matrix(3.2 0 0 3.2 255.8 256)">
<use xlink:href="#ke-a" width="100%" height="100%" stroke="#000"/>
<use xlink:href="#ke-a" width="100%" height="100%" fill="#fff"/>
</g>
<use xlink:href="#ke-b" width="100%" height="100%" transform="matrix(-1 0 0 1 511.7 0)"/>
<path fill="#b00" d="M255.8 102.4c-19.2 0-51.2 51.2-60.8 76.8H0v153.6h195c9.7 25.6 41.7 76.8 60.9 76.8s51.2-51.2 60.8-76.8H512V179.2H316.6c-9.6-25.6-41.6-76.8-60.8-76.8"/>
<path id="ke-c" d="M316.6 332.8a220 220 0 0 0 16-76.8 220 220 0 0 0-16-76.8 220 220 0 0 0-16 76.8 220 220 0 0 0 16 76.8"/>
<use xlink:href="#ke-c" width="100%" height="100%" transform="matrix(-1 0 0 1 511.7 0)"/>
<g fill="#fff" transform="matrix(3.2 0 0 3.2 255.8 256)">
<ellipse rx="4" ry="6"/>
<path id="ke-d" d="M1 5.8s4 8 4 21-4 21-4 21z"/>
<use xlink:href="#ke-d" width="100%" height="100%" transform="scale(-1)"/>
<use xlink:href="#ke-d" width="100%" height="100%" transform="scale(-1 1)"/>
<use xlink:href="#ke-d" width="100%" height="100%" transform="scale(1 -1)"/>
</g>
</svg>
`
},
{
name: "ZAR",
dialCode: "+27",
length: "9",
cardTypes: ["Visa", "MasterCard", "American Express", "Diners Club"],
icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-za" viewBox="0 0 512 512">
<defs>
<clipPath id="za-a">
<path fill-opacity=".7" d="M70.1 0h499.6v499.6H70.1z"/>
</clipPath>
</defs>
<g clip-path="url(#za-a)" transform="translate(-71.9)scale(1.0248)">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#000001" d="M0 397.9v-296l220.4 147.9z"/>
<path fill="#000c8a" d="m150.4 499.7 247.4-166.5h351.6v166.5z"/>
<path fill="#e1392d" d="M134.5 0h615v166.6H397.7S137.8-1.6 134.5 0"/>
<path fill="#ffb915" d="M0 62.5v39.3l220.4 148L0 397.8v39.4l277.6-187.4z"/>
<path fill="#007847" d="M0 62.5V0h92.6l294 199h362.8v101.7H386.6l-294 198.9H0v-62.4l277.6-187.4z"/>
<path fill="#fff" d="M92.6 0h57.8l247.4 166.6h351.6V199H386.6zm0 499.7h57.8l247.4-166.5h351.6v-32.4H386.6z"/>
</g>
</g>
</svg>
`
},
{
name: "NGN",
dialCode: "+234",
length: "10",
cardTypes: ["Visa", "MasterCard", "Verve", "AfriGo"],
icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ng" viewBox="0 0 512 512">
<g fill-rule="evenodd" stroke-width="1pt">
<path fill="#fff" d="M0 0h512v512H0z"/>
<path fill="#008753" d="M341.3 0H512v512H341.3zM0 0h170.7v512H0z"/>
</g>
</svg>
`
},
{
name: "CI",
dialCode: "+225",
length: "8",
cardTypes: [],
icon: `<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3333_2034)">
<path d="M17.1459 33.6466C19.1494 33.6466 21.0688 33.2862 22.8432 32.6278L23.5554 17.2667L22.8432 1.90561C21.0688 1.24722 19.1494 0.886795 17.1459 0.886795C15.1423 0.886795 13.2229 1.24722 11.4485 1.90561L10.7363 17.2667L11.4485 32.6278C13.2229 33.2862 15.1423 33.6466 17.1459 33.6466Z" fill="#F0F0F0"/>
<path d="M0.766602 17.2667C0.766602 24.3095 5.21169 30.3134 11.4492 32.6278V1.90562C5.21169 4.21999 0.766602 10.2239 0.766602 17.2667Z" fill="#FF9811"/>
<path d="M22.8438 1.90562V32.6278C29.0812 30.3134 33.5263 24.3095 33.5263 17.2667C33.5263 10.2239 29.0812 4.21999 22.8438 1.90562Z" fill="#6DA544"/>
</g>
<defs>
<clipPath id="clip0_3333_2034">
<rect width="32.7598" height="32.7598" fill="white" transform="translate(0.766602 0.886719)"/>
</clipPath>
</defs>
</svg>
`
},
{
name: "SN",
dialCode: "+221",
length: "8",
cardTypes: [],
icon: `<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3333_2676)">
<path d="M24.448 2.09872C22.2945 1.05744 19.8786 0.473396 17.3263 0.473396C14.774 0.473396 12.3581 1.05744 10.2046 2.09872L8.78027 16.8533L10.2046 31.6078C12.3581 32.6491 14.774 33.2332 17.3263 33.2332C19.8786 33.2332 22.2945 32.6491 24.448 31.6078L25.8723 16.8533L24.448 2.09872Z" fill="#FFDA44"/>
<path d="M17.3264 11.156L18.7404 15.5082H23.3171L19.6147 18.1983L21.0288 22.5507L17.3264 19.8608L13.6239 22.5507L15.0383 18.1983L11.3359 15.5082H15.9123L17.3264 11.156Z" fill="#496E2D"/>
<path d="M10.2055 2.0993C4.72654 4.74869 0.947266 10.3594 0.947266 16.8533C0.947266 23.3472 4.72654 28.9579 10.2055 31.6073V2.0993Z" fill="#496E2D"/>
<path d="M24.4482 2.0993V31.6073C29.9272 28.9579 33.7065 23.3472 33.7065 16.8533C33.7065 10.3594 29.9272 4.74869 24.4482 2.0993Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_3333_2676">
<rect width="32.7598" height="32.7598" fill="white" transform="translate(0.947266 0.47345)"/>
</clipPath>
</defs>
</svg>
`
},
{
name: "BF",
dialCode: "+226",
length: "8",
cardTypes: [],
icon: `<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3333_1428)">
<path d="M0.178711 16.44C0.178711 7.39367 7.51229 0.0600891 16.5586 0.0600891C25.6049 0.0600891 32.9385 7.39367 32.9385 16.44C32.2263 16.44 16.5586 18.5765 16.5586 18.5765L0.178711 16.44Z" fill="#D80027"/>
<path d="M32.9385 16.44C32.9385 25.4863 25.6049 32.8199 16.5586 32.8199C7.51229 32.8199 0.178711 25.4863 0.178711 16.44" fill="#6DA544"/>
<path d="M16.5591 10.7426L17.7964 14.