UNPKG

@astropay/payments-lib

Version:

Official AstroPay payments library for web and mobile.

1,551 lines (1,548 loc) 621 kB
var Hf = Object.defineProperty; var jf = (e, t, n) => t in e ? Hf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n; var v = (e, t, n) => jf(e, typeof t != "symbol" ? t + "" : t, n); const C = { transparent: "transparent", surface_dark: "#041311", surface_light: "#FFFFFF", neutral_lightest: "#FFFFFF", neutral_light: "#F3F6F6", neutral_lighter: "#E2E9E8", neutral_base: "#B4C5C3", neutral_darker: "#7C9995", neutral_dark: "#536663", neutral_darkest: "#151E1D", primary_lightest: "#DBFFFB", primary_light: "#AAF6EC", primary_base: "#00DBBF", primary_darker: "#0FC3AC", primary_dark: "#059986", primary_darkest: "#07544A", warning_lightest: "#FFF7DB", warning_light: "#FFEBA8", warning_darker: "#DBA800", warning_darkest: "#755A00", error_lightest: "#FFDCD6", error_light: "#FFB0A3", error_lighter: "#FF8470", error_base: "#FF2C0A", error_dark: "#A31600", error_darkest: "#700F00", success_lightest: "#F0FAEB", success_light: "#D3EFC2", success_base: "#7CD049", success_darker: "#62B52F", success_dark: "#4D8E25", success_darkest: "#37651A" }, ss = { poppins: "Poppins" }, Wf = async () => { try { const e = document.createElement("link"); e.href = "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap", e.rel = "stylesheet", document.head.appendChild(e), await document.fonts.ready; } catch (e) { console.error("Font loading failed:", e); } }, qf = { backgroundColor: C.surface_dark, fontFamily: ss.poppins, textColor: C.neutral_light, primaryColor: C.primary_base, secondaryColor: C.primary_darkest, textPrimaryColor: C.neutral_lightest, textSecondaryColor: C.primary_lightest, width: "100%", paddingWrapper: "12px", borderRadiusWrapper: "4px", messages: { success: { textColor: C.success_base, textSize: 12 }, error: { textColor: C.error_lighter, textSize: 12 } }, input: { normal: { textColor: C.neutral_lightest, backgroundColor: C.neutral_darkest, hintTextColor: C.neutral_darker, placeholderTextColor: C.neutral_dark, borderColor: C.transparent, borderRadius: 8, borderWidth: 3 }, focus: { textColor: C.neutral_lightest, backgroundColor: C.neutral_darkest, hintTextColor: C.neutral_darker, placeholderTextColor: C.neutral_darker, borderColor: C.primary_base, borderRadius: 8, borderWidth: 3 }, disabled: { textColor: C.neutral_darker, backgroundColor: C.neutral_dark, hintTextColor: C.neutral_darker, placeholderTextColor: C.neutral_base, borderColor: C.neutral_dark, borderRadius: 8, borderWidth: 3 }, error: { textColor: C.neutral_lightest, backgroundColor: C.neutral_darkest, hintTextColor: C.error_base, placeholderTextColor: C.neutral_darker, borderColor: C.error_base, borderRadius: 8, borderWidth: 3 } }, button: { small: { borderRadius: 4 }, medium: { borderRadius: 8 }, large: { borderRadius: 8 }, primary: { textColor: C.neutral_lightest, backgroundColor: C.primary_base, borderColor: C.transparent, borderWidth: 0 }, secondary: { textColor: C.primary_lightest, backgroundColor: C.primary_darkest, borderColor: C.transparent, borderWidth: 0 }, text: { textColor: C.primary_base, backgroundColor: "unset", borderColor: C.primary_base, borderWidth: 1 }, disabled: { textColor: C.neutral_dark, backgroundColor: C.neutral_base, borderColor: C.transparent, borderWidth: 0 } }, divider: { color: C.neutral_base, variant: "dashed", size: 1 }, card: { padding: 12, backgroundColor: C.neutral_darkest, borderWidth: 0, borderStyle: "none", borderColor: C.transparent, borderRadius: 16 }, qrCode: { padding: 16, backgroundColor: C.neutral_darkest, borderWidth: 1, borderStyle: "solid", borderColor: C.primary_base, borderRadius: 16 }, badge: { default: { padding: "2px 6px", textColor: C.neutral_light, backgroundColor: C.neutral_dark, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, highlight: { padding: "2px 6px", textColor: C.primary_light, backgroundColor: C.primary_darkest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, error: { padding: "2px 6px", textColor: C.error_light, backgroundColor: C.error_darkest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, success: { padding: "2px 6px", textColor: C.success_light, backgroundColor: C.success_darkest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, warning: { padding: "2px 6px", textColor: C.warning_light, backgroundColor: C.warning_darkest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 } }, timer: { padding: "4px 8px", textColor: C.error_lightest, backgroundColor: C.warning_darkest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 12 }, // AstroPay styles apFontFamily: ss.poppins, apPrimaryColor: C.primary_base, apButtonPrimaryBgColor: C.primary_base, apButtonPrimaryTxtColor: C.neutral_darkest, apButtonSecondaryBgColor: C.primary_darkest, apButtonSecondaryTxtColor: C.primary_base, apButtonTextTxtColor: C.primary_base, apButtonDisableBgColor: C.neutral_base, apButtonDisableTextColor: C.neutral_dark }, Pu = { backgroundColor: C.surface_light, fontFamily: ss.poppins, textColor: C.neutral_darkest, primaryColor: C.primary_base, secondaryColor: C.primary_lightest, textPrimaryColor: C.neutral_darkest, textSecondaryColor: C.primary_darker, width: "100%", paddingWrapper: "12px", borderRadiusWrapper: "4px", messages: { success: { textColor: C.success_darker, textSize: 12 }, error: { textColor: C.error_dark, textSize: 12 } }, input: { normal: { textColor: C.neutral_darkest, backgroundColor: C.neutral_lighter, hintTextColor: C.neutral_dark, placeholderTextColor: C.neutral_dark, borderColor: C.transparent, borderRadius: 8, borderWidth: 3 }, focus: { textColor: C.neutral_darkest, backgroundColor: C.neutral_lighter, hintTextColor: C.neutral_dark, placeholderTextColor: C.neutral_dark, borderColor: C.primary_darker, borderRadius: 8, borderWidth: 3 }, disabled: { textColor: C.neutral_dark, backgroundColor: C.neutral_base, hintTextColor: C.neutral_dark, placeholderTextColor: C.neutral_darker, borderColor: C.neutral_base, borderRadius: 8, borderWidth: 3 }, error: { textColor: C.neutral_darkest, backgroundColor: C.neutral_lighter, hintTextColor: C.error_dark, placeholderTextColor: C.neutral_dark, borderColor: C.error_dark, borderRadius: 8, borderWidth: 3 } }, button: { small: { borderRadius: 4 }, medium: { borderRadius: 8 }, large: { borderRadius: 8 }, primary: { textColor: C.neutral_darkest, backgroundColor: C.primary_base, borderColor: C.transparent, borderWidth: 0 }, secondary: { textColor: C.primary_darker, backgroundColor: C.primary_lightest, borderColor: C.transparent, borderWidth: 0 }, text: { textColor: C.primary_base, backgroundColor: "unset", borderColor: C.primary_base, borderWidth: 1 }, disabled: { textColor: C.neutral_dark, backgroundColor: C.neutral_base, borderColor: C.transparent, borderWidth: 0 } }, divider: { color: C.neutral_base, variant: "dashed", size: 1 }, card: { padding: 12, backgroundColor: C.neutral_light, borderWidth: 0, borderStyle: "none", borderColor: C.transparent, borderRadius: 16 }, qrCode: { padding: 16, backgroundColor: C.neutral_lightest, borderWidth: 1, borderStyle: "solid", borderColor: C.primary_base, borderRadius: 16 }, badge: { default: { padding: "2px 6px", textColor: C.neutral_dark, backgroundColor: C.neutral_light, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, highlight: { padding: "2px 6px", textColor: C.primary_dark, backgroundColor: C.primary_lightest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, error: { padding: "2px 6px", textColor: C.error_dark, backgroundColor: C.error_lightest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, success: { padding: "2px 6px", textColor: C.success_dark, backgroundColor: C.success_lightest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 }, warning: { padding: "2px 6px", textColor: C.warning_darker, backgroundColor: C.warning_lightest, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 4 } }, timer: { padding: "4px 8px", textColor: C.error_dark, backgroundColor: C.warning_light, borderWidth: 0, borderStyle: "none", borderColor: "unset", borderRadius: 12 }, // AstroPay styles apFontFamily: ss.poppins, apPrimaryColor: C.primary_base, apButtonPrimaryBgColor: C.primary_base, apButtonPrimaryTxtColor: C.neutral_darkest, apButtonSecondaryBgColor: C.primary_lightest, apButtonSecondaryTxtColor: C.primary_dark, apButtonTextTxtColor: C.primary_dark, apButtonDisableBgColor: C.neutral_base, apButtonDisableTextColor: C.neutral_dark }, Kf = ["production", "sandbox"], Gf = ["light", "dark"], Yf = ["en", "pt", "es"], Zf = ["iso", "symbol"], Io = async (e) => navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(e).catch((t) => { console.error("Error to copy:", t); }) : new Promise((t, n) => { const r = document.createElement("textarea"); r.value = e, r.style.position = "fixed", document.body.appendChild(r), r.focus(), r.select(); try { document.execCommand("copy") ? t() : n(new Error("Failed to copy text using execCommand")); } catch (s) { n(s); } finally { document.body.removeChild(r); } }), Jf = async (e, t, n) => { if (navigator.share) try { const r = { title: e, text: t, ...n && { url: n } }; await navigator.share(r); } catch (r) { console.error("Failed to share information:", r); } else { console.warn("Web Share API not supported"); const r = `${e} ${t}${n ? ` ${n}` : ""}`; await Io(r); } }; function is(e, t, n) { return t.includes(e) ? e : n; } const Xf = (e) => e.toLowerCase().replace( /(?:^|[^a-zA-Z0-9]+)([a-zA-Z0-9])/g, (t, n, r) => r === 0 ? n.toLowerCase() : n.toUpperCase() ), Qf = (e) => e.replace(/([a-z])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").toLowerCase(), Lu = (e) => { const t = JSON.stringify(e); return btoa(t); }, In = Array.isArray, bt = (e) => e !== null && typeof e == "object" && !In(e), os = (e) => Object.entries(e).reduce( (t, [n, r]) => ({ ...t, [Xf(n)]: bt(r) ? os(r) : In(r) ? r.map((s) => bt(s) ? os(s) : s) : r }), {} ), eh = (e) => { if (In(e)) return e.map((t) => bt(t) ? os(t) : t); throw new Error("Input is not an array"); }, as = (e) => Object.entries(e).reduce( (t, [n, r]) => ({ ...t, [Qf(n)]: bt(r) ? as(r) : In(r) ? r.map((s) => bt(s) ? as(s) : s) : r }), {} ), th = (e) => { if (In(e)) return e.map((t) => bt(t) ? as(t) : t); throw new Error("Input is not an array"); }, xc = (e, t) => In(e) ? t === "snake_case-to-camelCase" ? eh(e) : th(e) : bt(e) ? t === "snake_case-to-camelCase" ? os(e) : as(e) : e, Nu = (e, t) => { if (!t) return e; const n = { ...e }; for (const r in t) if (Object.prototype.hasOwnProperty.call(t, r)) { const s = t[r], i = e[r]; bt(s) && bt(i) ? n[r] = Nu(i, s) : s !== void 0 && (n[r] = s); } return n; }, nh = { light: Pu, dark: qf }, It = class It { static init(t) { const n = is(t == null ? void 0 : t.theme, Gf, "light"); It.currentTheme = n, It.styles = Nu(nh[n], t == null ? void 0 : t.styles); } static getStyles() { return It.styles; } static getTheme() { return It.currentTheme; } }; v(It, "currentTheme", "light"), v(It, "styles", Pu); let $ = It; class te { constructor({ tag: t, elementId: n, styles: r }) { v(this, "element"); if (this.element = document.createElement(t), n && this.element.setAttribute("id", n), r) { const s = $.getStyles(), i = r(s); this.element.className = i; } } addStyleClass(t) { this.element.classList.add(t); } render(t) { t instanceof te ? t.element.appendChild(this.element) : t.appendChild(this.element); } destroy() { this.element.parentElement && this.element.parentElement.removeChild(this.element); } } function rh(e) { if (e.sheet) return e.sheet; for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t]; } function sh(e) { var t = document.createElement("style"); return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t; } var ih = /* @__PURE__ */ function() { function e(n) { var r = this; this._insertTag = function(s) { var i; r.tags.length === 0 ? r.insertionPoint ? i = r.insertionPoint.nextSibling : r.prepend ? i = r.container.firstChild : i = r.before : i = r.tags[r.tags.length - 1].nextSibling, r.container.insertBefore(s, i), r.tags.push(s); }, this.isSpeedy = n.speedy === void 0 ? !0 : n.speedy, this.tags = [], this.ctr = 0, this.nonce = n.nonce, this.key = n.key, this.container = n.container, this.prepend = n.prepend, this.insertionPoint = n.insertionPoint, this.before = null; } var t = e.prototype; return t.hydrate = function(r) { r.forEach(this._insertTag); }, t.insert = function(r) { this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(sh(this)); var s = this.tags[this.tags.length - 1]; if (this.isSpeedy) { var i = rh(s); try { i.insertRule(r, i.cssRules.length); } catch { } } else s.appendChild(document.createTextNode(r)); this.ctr++; }, t.flush = function() { this.tags.forEach(function(r) { var s; return (s = r.parentNode) == null ? void 0 : s.removeChild(r); }), this.tags = [], this.ctr = 0; }, e; }(), Ce = "-ms-", cs = "-moz-", W = "-webkit-", Mu = "comm", To = "rule", Ao = "decl", oh = "@import", Du = "@keyframes", ah = "@layer", ch = Math.abs, As = String.fromCharCode, lh = Object.assign; function uh(e, t) { return be(e, 0) ^ 45 ? (((t << 2 ^ be(e, 0)) << 2 ^ be(e, 1)) << 2 ^ be(e, 2)) << 2 ^ be(e, 3) : 0; } function Fu(e) { return e.trim(); } function dh(e, t) { return (e = t.exec(e)) ? e[0] : e; } function K(e, t, n) { return e.replace(t, n); } function to(e, t) { return e.indexOf(t); } function be(e, t) { return e.charCodeAt(t) | 0; } function ir(e, t, n) { return e.slice(t, n); } function ct(e) { return e.length; } function Ro(e) { return e.length; } function Tr(e, t) { return t.push(e), e; } function ph(e, t) { return e.map(t).join(""); } var Rs = 1, _n = 1, Bu = 0, Ne = 0, pe = 0, Tn = ""; function ks(e, t, n, r, s, i, o) { return { value: e, root: t, parent: n, type: r, props: s, children: i, line: Rs, column: _n, length: o, return: "" }; } function Vn(e, t) { return lh(ks("", null, null, "", null, null, 0), e, { length: -e.length }, t); } function fh() { return pe; } function hh() { return pe = Ne > 0 ? be(Tn, --Ne) : 0, _n--, pe === 10 && (_n = 1, Rs--), pe; } function $e() { return pe = Ne < Bu ? be(Tn, Ne++) : 0, _n++, pe === 10 && (_n = 1, Rs++), pe; } function ut() { return be(Tn, Ne); } function Wr() { return Ne; } function gr(e, t) { return ir(Tn, e, t); } function or(e) { switch (e) { // \0 \t \n \r \s whitespace token case 0: case 9: case 10: case 13: case 32: return 5; // ! + , / > @ ~ isolate token case 33: case 43: case 44: case 47: case 62: case 64: case 126: // ; { } breakpoint token case 59: case 123: case 125: return 4; // : accompanied token case 58: return 3; // " ' ( [ opening delimit token case 34: case 39: case 40: case 91: return 2; // ) ] closing delimit token case 41: case 93: return 1; } return 0; } function Uu(e) { return Rs = _n = 1, Bu = ct(Tn = e), Ne = 0, []; } function $u(e) { return Tn = "", e; } function qr(e) { return Fu(gr(Ne - 1, no(e === 91 ? e + 2 : e === 40 ? e + 1 : e))); } function mh(e) { for (; (pe = ut()) && pe < 33; ) $e(); return or(e) > 2 || or(pe) > 3 ? "" : " "; } function gh(e, t) { for (; --t && $e() && !(pe < 48 || pe > 102 || pe > 57 && pe < 65 || pe > 70 && pe < 97); ) ; return gr(e, Wr() + (t < 6 && ut() == 32 && $e() == 32)); } function no(e) { for (; $e(); ) switch (pe) { // ] ) " ' case e: return Ne; // " ' case 34: case 39: e !== 34 && e !== 39 && no(pe); break; // ( case 40: e === 41 && no(e); break; // \ case 92: $e(); break; } return Ne; } function bh(e, t) { for (; $e() && e + pe !== 57; ) if (e + pe === 84 && ut() === 47) break; return "/*" + gr(t, Ne - 1) + "*" + As(e === 47 ? e : $e()); } function yh(e) { for (; !or(ut()); ) $e(); return gr(e, Ne); } function wh(e) { return $u(Kr("", null, null, null, [""], e = Uu(e), 0, [0], e)); } function Kr(e, t, n, r, s, i, o, a, c) { for (var l = 0, u = 0, d = o, p = 0, h = 0, f = 0, m = 1, g = 1, y = 1, x = 0, w = "", S = s, R = i, T = r, b = w; g; ) switch (f = x, x = $e()) { // ( case 40: if (f != 108 && be(b, d - 1) == 58) { to(b += K(qr(x), "&", "&\f"), "&\f") != -1 && (y = -1); break; } // " ' [ case 34: case 39: case 91: b += qr(x); break; // \t \n \r \s case 9: case 10: case 13: case 32: b += mh(f); break; // \ case 92: b += gh(Wr() - 1, 7); continue; // / case 47: switch (ut()) { case 42: case 47: Tr(vh(bh($e(), Wr()), t, n), c); break; default: b += "/"; } break; // { case 123 * m: a[l++] = ct(b) * y; // } ; \0 case 125 * m: case 59: case 0: switch (x) { // \0 } case 0: case 125: g = 0; // ; case 59 + u: y == -1 && (b = K(b, /\f/g, "")), h > 0 && ct(b) - d && Tr(h > 32 ? Tc(b + ";", r, n, d - 1) : Tc(K(b, " ", "") + ";", r, n, d - 2), c); break; // @ ; case 59: b += ";"; // { rule/at-rule default: if (Tr(T = Ic(b, t, n, l, u, s, a, w, S = [], R = [], d), i), x === 123) if (u === 0) Kr(b, t, T, T, S, i, d, a, R); else switch (p === 99 && be(b, 3) === 110 ? 100 : p) { // d l m s case 100: case 108: case 109: case 115: Kr(e, T, T, r && Tr(Ic(e, T, T, 0, 0, s, a, w, s, S = [], d), R), s, R, d, a, r ? S : R); break; default: Kr(b, T, T, T, [""], R, 0, a, R); } } l = u = h = 0, m = y = 1, w = b = "", d = o; break; // : case 58: d = 1 + ct(b), h = f; default: if (m < 1) { if (x == 123) --m; else if (x == 125 && m++ == 0 && hh() == 125) continue; } switch (b += As(x), x * m) { // & case 38: y = u > 0 ? 1 : (b += "\f", -1); break; // , case 44: a[l++] = (ct(b) - 1) * y, y = 1; break; // @ case 64: ut() === 45 && (b += qr($e())), p = ut(), u = d = ct(w = b += yh(Wr())), x++; break; // - case 45: f === 45 && ct(b) == 2 && (m = 0); } } return i; } function Ic(e, t, n, r, s, i, o, a, c, l, u) { for (var d = s - 1, p = s === 0 ? i : [""], h = Ro(p), f = 0, m = 0, g = 0; f < r; ++f) for (var y = 0, x = ir(e, d + 1, d = ch(m = o[f])), w = e; y < h; ++y) (w = Fu(m > 0 ? p[y] + " " + x : K(x, /&\f/g, p[y]))) && (c[g++] = w); return ks(e, t, n, s === 0 ? To : a, c, l, u); } function vh(e, t, n) { return ks(e, t, n, Mu, As(fh()), ir(e, 2, -2), 0); } function Tc(e, t, n, r) { return ks(e, t, n, Ao, ir(e, 0, r), ir(e, r + 1, -1), r); } function yn(e, t) { for (var n = "", r = Ro(e), s = 0; s < r; s++) n += t(e[s], s, e, t) || ""; return n; } function _h(e, t, n, r) { switch (e.type) { case ah: if (e.children.length) break; case oh: case Ao: return e.return = e.return || e.value; case Mu: return ""; case Du: return e.return = e.value + "{" + yn(e.children, r) + "}"; case To: e.value = e.props.join(","); } return ct(n = yn(e.children, r)) ? e.return = e.value + "{" + n + "}" : ""; } function Ch(e) { var t = Ro(e); return function(n, r, s, i) { for (var o = "", a = 0; a < t; a++) o += e[a](n, r, s, i) || ""; return o; }; } function Sh(e) { return function(t) { t.root || (t = t.return) && e(t); }; } function Eh(e) { var t = /* @__PURE__ */ Object.create(null); return function(n) { return t[n] === void 0 && (t[n] = e(n)), t[n]; }; } var xh = function(t, n, r) { for (var s = 0, i = 0; s = i, i = ut(), s === 38 && i === 12 && (n[r] = 1), !or(i); ) $e(); return gr(t, Ne); }, Ih = function(t, n) { var r = -1, s = 44; do switch (or(s)) { case 0: s === 38 && ut() === 12 && (n[r] = 1), t[r] += xh(Ne - 1, n, r); break; case 2: t[r] += qr(s); break; case 4: if (s === 44) { t[++r] = ut() === 58 ? "&\f" : "", n[r] = t[r].length; break; } // fallthrough default: t[r] += As(s); } while (s = $e()); return t; }, Th = function(t, n) { return $u(Ih(Uu(t), n)); }, Ac = /* @__PURE__ */ new WeakMap(), Ah = function(t) { if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo // negative .length indicates that this rule has been already prefixed t.length < 1)) { for (var n = t.value, r = t.parent, s = t.column === r.column && t.line === r.line; r.type !== "rule"; ) if (r = r.parent, !r) return; if (!(t.props.length === 1 && n.charCodeAt(0) !== 58 && !Ac.get(r)) && !s) { Ac.set(t, !0); for (var i = [], o = Th(n, i), a = r.props, c = 0, l = 0; c < o.length; c++) for (var u = 0; u < a.length; u++, l++) t.props[l] = i[c] ? o[c].replace(/&\f/g, a[u]) : a[u] + " " + o[c]; } } }, Rh = function(t) { if (t.type === "decl") { var n = t.value; // charcode for l n.charCodeAt(0) === 108 && // charcode for b n.charCodeAt(2) === 98 && (t.return = "", t.value = ""); } }; function Vu(e, t) { switch (uh(e, t)) { // color-adjust case 5103: return W + "print-" + e + e; // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function) case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break case 5572: case 6356: case 5844: case 3191: case 6645: case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite, case 6391: case 5879: case 5623: case 6135: case 4599: case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width) case 4215: case 6389: case 5109: case 5365: case 5621: case 3829: return W + e + e; // appearance, user-select, transform, hyphens, text-size-adjust case 5349: case 4246: case 4810: case 6968: case 2756: return W + e + cs + e + Ce + e + e; // flex, flex-direction case 6828: case 4268: return W + e + Ce + e + e; // order case 6165: return W + e + Ce + "flex-" + e + e; // align-items case 5187: return W + e + K(e, /(\w+).+(:[^]+)/, W + "box-$1$2" + Ce + "flex-$1$2") + e; // align-self case 5443: return W + e + Ce + "flex-item-" + K(e, /flex-|-self/, "") + e; // align-content case 4675: return W + e + Ce + "flex-line-pack" + K(e, /align-content|flex-|-self/, "") + e; // flex-shrink case 5548: return W + e + Ce + K(e, "shrink", "negative") + e; // flex-basis case 5292: return W + e + Ce + K(e, "basis", "preferred-size") + e; // flex-grow case 6060: return W + "box-" + K(e, "-grow", "") + W + e + Ce + K(e, "grow", "positive") + e; // transition case 4554: return W + K(e, /([^-])(transform)/g, "$1" + W + "$2") + e; // cursor case 6187: return K(K(K(e, /(zoom-|grab)/, W + "$1"), /(image-set)/, W + "$1"), e, "") + e; // background, background-image case 5495: case 3959: return K(e, /(image-set\([^]*)/, W + "$1$`$1"); // justify-content case 4968: return K(K(e, /(.+:)(flex-)?(.*)/, W + "box-pack:$3" + Ce + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + W + e + e; // (margin|padding)-inline-(start|end) case 4095: case 3583: case 4068: case 2532: return K(e, /(.+)-inline(.+)/, W + "$1$2") + e; // (min|max)?(width|height|inline-size|block-size) case 8116: case 7059: case 5753: case 5535: case 5445: case 5701: case 4933: case 4677: case 5533: case 5789: case 5021: case 4765: if (ct(e) - 1 - t > 6) switch (be(e, t + 1)) { // (m)ax-content, (m)in-content case 109: if (be(e, t + 4) !== 45) break; // (f)ill-available, (f)it-content case 102: return K(e, /(.+:)(.+)-([^]+)/, "$1" + W + "$2-$3$1" + cs + (be(e, t + 3) == 108 ? "$3" : "$2-$3")) + e; // (s)tretch case 115: return ~to(e, "stretch") ? Vu(K(e, "stretch", "fill-available"), t) + e : e; } break; // position: sticky case 4949: if (be(e, t + 1) !== 115) break; // display: (flex|inline-flex) case 6444: switch (be(e, ct(e) - 3 - (~to(e, "!important") && 10))) { // stic(k)y case 107: return K(e, ":", ":" + W) + e; // (inline-)?fl(e)x case 101: return K(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + W + (be(e, 14) === 45 ? "inline-" : "") + "box$3$1" + W + "$2$3$1" + Ce + "$2box$3") + e; } break; // writing-mode case 5936: switch (be(e, t + 11)) { // vertical-l(r) case 114: return W + e + Ce + K(e, /[svh]\w+-[tblr]{2}/, "tb") + e; // vertical-r(l) case 108: return W + e + Ce + K(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e; // horizontal(-)tb case 45: return W + e + Ce + K(e, /[svh]\w+-[tblr]{2}/, "lr") + e; } return W + e + Ce + e + e; } return e; } var kh = function(t, n, r, s) { if (t.length > -1 && !t.return) switch (t.type) { case Ao: t.return = Vu(t.value, t.length); break; case Du: return yn([Vn(t, { value: K(t.value, "@", "@" + W) })], s); case To: if (t.length) return ph(t.props, function(i) { switch (dh(i, /(::plac\w+|:read-\w+)/)) { // :read-(only|write) case ":read-only": case ":read-write": return yn([Vn(t, { props: [K(i, /:(read-\w+)/, ":" + cs + "$1")] })], s); // :placeholder case "::placeholder": return yn([Vn(t, { props: [K(i, /:(plac\w+)/, ":" + W + "input-$1")] }), Vn(t, { props: [K(i, /:(plac\w+)/, ":" + cs + "$1")] }), Vn(t, { props: [K(i, /:(plac\w+)/, Ce + "input-$1")] })], s); } return ""; }); } }, Oh = [kh], Ph = function(t) { var n = t.key; if (n === "css") { var r = document.querySelectorAll("style[data-emotion]:not([data-s])"); Array.prototype.forEach.call(r, function(m) { var g = m.getAttribute("data-emotion"); g.indexOf(" ") !== -1 && (document.head.appendChild(m), m.setAttribute("data-s", "")); }); } var s = t.stylisPlugins || Oh, i = {}, o, a = []; o = t.container || document.head, Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which // means that the style elements we're looking at are only Emotion 11 server-rendered style elements document.querySelectorAll('style[data-emotion^="' + n + ' "]'), function(m) { for (var g = m.getAttribute("data-emotion").split(" "), y = 1; y < g.length; y++) i[g[y]] = !0; a.push(m); } ); var c, l = [Ah, Rh]; { var u, d = [_h, Sh(function(m) { u.insert(m); })], p = Ch(l.concat(s, d)), h = function(g) { return yn(wh(g), p); }; c = function(g, y, x, w) { u = x, h(g ? g + "{" + y.styles + "}" : y.styles), w && (f.inserted[y.name] = !0); }; } var f = { key: n, sheet: new ih({ key: n, container: o, nonce: t.nonce, speedy: t.speedy, prepend: t.prepend, insertionPoint: t.insertionPoint }), nonce: t.nonce, inserted: i, registered: {}, insert: c }; return f.sheet.hydrate(a), f; }; function Lh(e) { for (var t = 0, n, r = 0, s = e.length; s >= 4; ++r, s -= 4) n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = /* Math.imul(k, m): */ (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */ n >>> 24, t = /* Math.imul(k, m): */ (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16); switch (s) { case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16; case 2: t ^= (e.charCodeAt(r + 1) & 255) << 8; case 1: t ^= e.charCodeAt(r) & 255, t = /* Math.imul(h, m): */ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16); } return t ^= t >>> 13, t = /* Math.imul(h, m): */ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36); } var Nh = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, scale: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }, Mh = /[A-Z]|^ms/g, Dh = /_EMO_([^_]+?)_([^]*?)_EMO_/g, zu = function(t) { return t.charCodeAt(1) === 45; }, Rc = function(t) { return t != null && typeof t != "boolean"; }, Zs = /* @__PURE__ */ Eh(function(e) { return zu(e) ? e : e.replace(Mh, "-$&").toLowerCase(); }), kc = function(t, n) { switch (t) { case "animation": case "animationName": if (typeof n == "string") return n.replace(Dh, function(r, s, i) { return Tt = { name: s, styles: i, next: Tt }, s; }); } return Nh[t] !== 1 && !zu(t) && typeof n == "number" && n !== 0 ? n + "px" : n; }; function ls(e, t, n) { if (n == null) return ""; var r = n; if (r.__emotion_styles !== void 0) return r; switch (typeof n) { case "boolean": return ""; case "object": { var s = n; if (s.anim === 1) return Tt = { name: s.name, styles: s.styles, next: Tt }, s.name; var i = n; if (i.styles !== void 0) { var o = i.next; if (o !== void 0) for (; o !== void 0; ) Tt = { name: o.name, styles: o.styles, next: Tt }, o = o.next; var a = i.styles + ";"; return a; } return Fh(e, t, n); } } var c = n; if (t == null) return c; var l = t[c]; return l !== void 0 ? l : c; } function Fh(e, t, n) { var r = ""; if (Array.isArray(n)) for (var s = 0; s < n.length; s++) r += ls(e, t, n[s]) + ";"; else for (var i in n) { var o = n[i]; if (typeof o != "object") { var a = o; t != null && t[a] !== void 0 ? r += i + "{" + t[a] + "}" : Rc(a) && (r += Zs(i) + ":" + kc(i, a) + ";"); } else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Rc(o[c]) && (r += Zs(i) + ":" + kc(i, o[c]) + ";"); else { var l = ls(e, t, o); switch (i) { case "animation": case "animationName": { r += Zs(i) + ":" + l + ";"; break; } default: r += i + "{" + l + "}"; } } } return r; } var Oc = /label:\s*([^\s;{]+)\s*(;|$)/g, Tt; function Js(e, t, n) { if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0]; var r = !0, s = ""; Tt = void 0; var i = e[0]; if (i == null || i.raw === void 0) r = !1, s += ls(n, t, i); else { var o = i; s += o[0]; } for (var a = 1; a < e.length; a++) if (s += ls(n, t, e[a]), r) { var c = i; s += c[a]; } Oc.lastIndex = 0; for (var l = "", u; (u = Oc.exec(s)) !== null; ) l += "-" + u[1]; var d = Lh(s) + l; return { name: d, styles: s, next: Tt }; } function Hu(e, t, n) { var r = ""; return n.split(" ").forEach(function(s) { e[s] !== void 0 ? t.push(e[s] + ";") : s && (r += s + " "); }), r; } var Bh = function(t, n, r) { var s = t.key + "-" + n.name; // we only need to add the styles to the registered cache if the // class name could be used further down // the tree but if it's a string tag, we know it won't // so we don't have to add it to registered cache. // this improves memory usage since we can avoid storing the whole style string t.registered[s] === void 0 && (t.registered[s] = n.styles); }, Uh = function(t, n, r) { Bh(t, n); var s = t.key + "-" + n.name; if (t.inserted[n.name] === void 0) { var i = n; do t.insert(n === i ? "." + s : "", i, t.sheet, !0), i = i.next; while (i !== void 0); } }; function Pc(e, t) { if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0); } function Lc(e, t, n) { var r = [], s = Hu(e, r, n); return r.length < 2 ? n : s + t(r); } var $h = function(t) { var n = Ph(t); n.sheet.speedy = function(a) { this.isSpeedy = a; }, n.compat = !0; var r = function() { for (var c = arguments.length, l = new Array(c), u = 0; u < c; u++) l[u] = arguments[u]; var d = Js(l, n.registered, void 0); return Uh(n, d), n.key + "-" + d.name; }, s = function() { for (var c = arguments.length, l = new Array(c), u = 0; u < c; u++) l[u] = arguments[u]; var d = Js(l, n.registered), p = "animation-" + d.name; return Pc(n, { name: d.name, styles: "@keyframes " + p + "{" + d.styles + "}" }), p; }, i = function() { for (var c = arguments.length, l = new Array(c), u = 0; u < c; u++) l[u] = arguments[u]; var d = Js(l, n.registered); Pc(n, d); }, o = function() { for (var c = arguments.length, l = new Array(c), u = 0; u < c; u++) l[u] = arguments[u]; return Lc(n.registered, r, Vh(l)); }; return { css: r, cx: o, injectGlobal: i, keyframes: s, hydrate: function(c) { c.forEach(function(l) { n.inserted[l] = !0; }); }, flush: function() { n.registered = {}, n.inserted = {}, n.sheet.flush(); }, sheet: n.sheet, cache: n, getRegisteredStyles: Hu.bind(null, n.registered), merge: Lc.bind(null, n.registered, r) }; }, Vh = function e(t) { for (var n = "", r = 0; r < t.length; r++) { var s = t[r]; if (s != null) { var i = void 0; switch (typeof s) { case "boolean": break; case "object": { if (Array.isArray(s)) i = e(s); else { i = ""; for (var o in s) s[o] && o && (i && (i += " "), i += o); } break; } default: i = s; } i && (n && (n += " "), n += i); } } return n; }, ko = $h({ key: "css" }), zh = ko.cx, br = ko.keyframes, j = ko.css; const Hh = br` 100% { transform: rotate(360deg); } `, jh = br` 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } `, Wh = br` 100% { transform: rotate(1turn); } `, qh = (e, t) => j` width: ${e}px; height: ${e}px; border-radius: 50%; position: relative; animation: ${Hh} 1s linear infinite; &::before { content: ''; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 2.5px solid ${t}; animation: ${jh} 2s linear infinite; } `, Kh = (e, t) => j` width: ${e}px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, ${t} 94%, transparent) top/8px 8px no-repeat, conic-gradient(transparent 30%, ${t}); mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 0); animation: ${Wh} 1s infinite linear; `; class yt extends te { constructor({ size: t = 24, color: n = "currentColor", variant: r = "inline" }) { super({ tag: r === "inline" ? "span" : "div", styles: () => r === "inline" ? qh(t, n) : Kh(t, n) }); } } const Gh = (e, t) => j` font-family: ${e.fontFamily}; color: ${(t == null ? void 0 : t.color) || e.textColor}; font-size: ${t.size}px; font-weight: ${t.weight}; text-align: ${t.align}; line-height: ${t.lineHeight}px; text-transform: ${t.uppercase ? "uppercase" : "none"}; `; class V extends te { constructor({ text: t, variant: n = "span", weight: r = 500, size: s = 12, lineHeight: i = 18, align: o = "left", color: a, uppercase: c = !1 }) { const l = { size: s, weight: r, lineHeight: i, align: o, color: a, uppercase: c }; super({ tag: n, styles: (u) => Gh(u, l) }), this.element.textContent = t; } } const Yh = { astropay_logo: { svg: '<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Logo"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M15.166 10.7383C16.0308 10.7383 16.8793 10.8059 17.7074 10.9372L19.7866 16.0843C18.3684 15.4763 16.8067 15.1396 15.166 15.1396C11.4591 15.1396 8.154 16.8578 6.00304 19.541H0.786621C3.45841 14.3156 8.8949 10.7383 15.166 10.7383Z" fill="#143534"/><path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M13.3258 0.101402L17.0783 9.37359C16.4499 9.30594 15.8109 9.27089 15.1645 9.27089C14.2199 9.27089 13.2932 9.34506 12.3884 9.48851L10.9588 5.95031L9.19826 10.3068C6.78974 11.1741 4.62493 12.5515 2.83423 14.3088L8.57474 0.100586H13.3258V0.101402Z" fill="#151E1D"/></g></svg>' }, alert_line: { svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8C12.5523 8 13 8.44772 13 9V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V9C11 8.44772 11.4477 8 12 8Z" fill="currentColor"/><path d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7009 3.14771C11.2783 2.14771 12.7217 2.1477 13.299 3.1477L21.933 18.1022C22.5103 19.1022 21.7887 20.3522 20.634 20.3522H3.36601C2.21131 20.3522 1.48962 19.1022 2.06697 18.1022L10.7009 3.14771ZM12 4.8977L4.23203 18.3522H19.7679L12 4.8977Z" fill="currentColor"/></svg>' }, arrow_right_line: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0626 5.63603L20.7194 11.2929C21.1099 11.6834 21.1099 12.3166 20.7194 12.7071L15.0626 18.364C14.672 18.7545 14.0389 18.7545 13.6483 18.364C13.2578 17.9734 13.2578 17.3403 13.6483 16.9497L17.5981 13H4.35547C3.80318 13 3.35547 12.5523 3.35547 12C3.35547 11.4477 3.80318 11 4.35547 11H17.5981L13.6483 7.05025C13.2578 6.65972 13.2578 6.02656 13.6483 5.63603C14.0389 5.24551 14.672 5.24551 15.0626 5.63603Z" fill="currentColor"/></svg>' }, arrow_down_line: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0626 15.7071C12.6721 16.0976 12.0389 16.0976 11.6484 15.7071L5.99151 10.0502C5.60098 9.6597 5.60098 9.02653 5.99151 8.63601C6.38203 8.24549 7.0152 8.24549 7.40572 8.63601L12.3555 13.5858L17.3052 8.63601C17.6957 8.24549 18.3289 8.24549 18.7194 8.63601C19.11 9.02653 19.11 9.6597 18.7194 10.0502L13.0626 15.7071Z" fill="currentColor"/></svg>' }, bank_card_line: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3555 13C13.8032 13 13.3555 13.4477 13.3555 14C13.3555 14.5523 13.8032 15 14.3555 15H17.3555C17.9078 15 18.3555 14.5523 18.3555 14C18.3555 13.4477 17.9078 13 17.3555 13H14.3555Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.35547 7C2.35547 5.34315 3.69861 4 5.35547 4H19.3555C21.0123 4 22.3555 5.34315 22.3555 7V17C22.3555 18.6569 21.0123 20 19.3555 20H5.35547C3.69861 20 2.35547 18.6569 2.35547 17V7ZM5.35547 6C4.80318 6 4.35547 6.44772 4.35547 7V8H20.3555V7C20.3555 6.44772 19.9078 6 19.3555 6H5.35547ZM4.35547 17V10H20.3555V17C20.3555 17.5523 19.9078 18 19.3555 18H5.35547C4.80318 18 4.35547 17.5523 4.35547 17Z" fill="currentColor"/></svg>' }, check_circle_line: { svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9496 9.79545C17.3401 9.40493 17.3401 8.77176 16.9496 8.38124C16.5591 7.99071 15.9259 7.99071 15.5354 8.38124L10.5856 13.331L8.46431 11.2097C8.07379 10.8191 7.44063 10.8191 7.0501 11.2097C6.65958 11.6002 6.65958 12.2334 7.0501 12.6239L9.80782 15.3816C10.2374 15.8112 10.9339 15.8112 11.3635 15.3816L16.9496 9.79545Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="currentColor"/></svg>' }, close_circle_line: { svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.46452 8.46443C8.85505 8.07391 9.48821 8.07391 9.87874 8.46443L12 10.5857L14.1213 8.46441C14.5118 8.07388 15.145 8.07388 15.5355 8.46441C15.926 8.85493 15.926 9.4881 15.5355 9.87862L13.4142 11.9999L15.5356 14.1213C15.9261 14.5118 15.9261 15.145 15.5356 15.5355C15.1451 15.926 14.5119 15.926 14.1214 15.5355L12 13.4141L9.87864 15.5355C9.48812 15.926 8.85496 15.926 8.46443 15.5355C8.07391 15.145 8.07391 14.5118 8.46443 14.1213L10.5858 11.9999L8.46452 9.87864C8.074 9.48812 8.074 8.85496 8.46452 8.46443Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" fill="currentColor"/></svg>' }, copy_2_line: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.3555 2C20.46 2 21.3555 2.89543 21.3555 4V16C21.3555 17.1046 20.46 18 19.3555 18H17.3555V20C17.3555 21.1046 16.46 22 15.3555 22H5.35547C4.2509 22 3.35547 21.1046 3.35547 20V8C3.35547 6.89543 4.2509 6 5.35547 6H7.35547V4C7.35547 2.89543 8.2509 2 9.35547 2H19.3555ZM9.35547 6H15.3555C16.46 6 17.3555 6.89543 17.3555 8V16H19.3555V4L9.35547 4V6ZM5.35547 8L15.3555 8V20H5.35547V8Z" fill="currentColor"/></svg>' }, lock_line: { svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12C11.4477 12 11 12.4477 11 13V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V13C13 12.4477 12.5523 12 12 12Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8H19C20.1046 8 21 8.89543 21 10V20C21 21.1046 20.1046 22 19 22H5C3.89543 22 3 21.1046 3 20V10C3 8.89543 3.89543 8 5 8H6ZM12 4C14.2091 4 16 5.79086 16 8H8C8 5.79086 9.79086 4 12 4ZM5 10H19V20H5V10Z" fill="currentColor"/></svg>' }, notification_fill: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9998 19C15 19.5046 14.8094 19.9906 14.4664 20.3605C14.1233 20.7305 13.653 20.9572 13.1498 20.995L12.9998 21H10.9998C10.4953 21.0002 10.0093 20.8096 9.6393 20.4665C9.26932 20.1234 9.04269 19.6532 9.00485 19.15L8.99985 19H14.9998ZM11.9998 2C13.8148 1.99997 15.5589 2.70489 16.8641 3.96607C18.1693 5.22726 18.9336 6.94609 18.9958 8.76L18.9998 9V12.764L20.8218 16.408C20.9014 16.567 20.9412 16.7429 20.9378 16.9206C20.9345 17.0984 20.8881 17.2727 20.8027 17.4286C20.7173 17.5845 20.5953 17.7174 20.4473 17.8158C20.2993 17.9143 20.1297 17.9754 19.9528 17.994L19.8378 18H4.16185C3.98401 18.0001 3.80882 17.957 3.65127 17.8745C3.49372 17.792 3.35853 17.6725 3.25727 17.5264C3.156 17.3802 3.0917 17.2116 3.06985 17.0351C3.04801 16.8586 3.06928 16.6795 3.13185 16.513L3.17785 16.408L4.99985 12.764V9C4.99985 7.14348 5.73735 5.36301 7.0501 4.05025C8.36286 2.7375 10.1433 2 11.9998 2Z" fill="currentColor"/></svg>' }, payment_master: { svg: '<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 7.2832H9.75V16.7176H15V7.2832Z" fill="#FF5F00"/><path d="M10.0842 12C10.0833 11.0914 10.2892 10.1945 10.6862 9.37725C11.0833 8.55999 11.661 7.84377 12.3758 7.2828C11.4907 6.58708 10.4277 6.15441 9.30827 6.03427C8.18888 5.91412 7.05827 6.11134 6.04566 6.60338C5.03305 7.09542 4.17931 7.86244 3.58201 8.81675C2.98471 9.77107 2.66797 10.8742 2.66797 12C2.66797 13.1258 2.98471 14.2289 3.58201 15.1832C4.17931 16.1376 5.03305 16.9046 6.04566 17.3966C7.05827 17.8887 8.18888 18.0859 9.30827 17.9657C10.4277 17.8456 11.4907 17.4129 12.3758 16.7172C11.661 16.1562 11.0833 15.44 10.6863 14.6227C10.2892 13.8055 10.0833 12.9086 10.0842 12Z" fill="#EB001B"/><path d="M22.0825 12C22.0826 13.1258 21.7659 14.2289 21.1686 15.1832C20.5713 16.1375 19.7176 16.9046 18.705 17.3966C17.6924 17.8887 16.5618 18.0859 15.4425 17.9657C14.3231 17.8456 13.2601 17.4129 12.375 16.7172C13.0891 16.1557 13.6664 15.4393 14.0634 14.6222C14.4604 13.8051 14.6666 12.9085 14.6666 12C14.6666 11.0915 14.4604 10.1949 14.0634 9.37781C13.6664 8.56067 13.0891 7.84433 12.375 7.2828C13.2601 6.58707 14.3231 6.15441 15.4425 6.03427C16.5618 5.91412 17.6924 6.11135 18.705 6.60339C19.7176 7.09544 20.5713 7.86246 21.1686 8.81677C21.7659 9.77109 22.0826 10.8742 22.0825 12Z" fill="#F79E1B"/><path d="M21.5111 15.7173V15.5241H21.589V15.4848H21.3906V15.5241H21.4685V15.7173H21.5111ZM21.8962 15.7173V15.4844H21.8354L21.7654 15.6446L21.6955 15.4844H21.6347V15.7173H21.6776V15.5416L21.7432 15.693H21.7877L21.8533 15.5412V15.7173H21.8962Z" fill="#F79E1B"/></svg>' }, payment_vis